@extends('layouts.app')

@section('mobile-title', 'New Folder')
@section('mobile-subtitle', 'Document Centre')
@section('mobile-back', route('documents.index'))

@section('content')
    <div class="mx-auto max-w-5xl">
        <div class="mb-6">
            <div class="mb-2 flex flex-wrap items-center gap-2 text-sm text-[var(--construct-muted)]">
                <a href="{{ route('documents.index') }}" class="font-semibold text-[var(--construct-primary-dark)]">Document Centre</a>
                <span class="material-symbols-outlined text-[16px]">chevron_right</span>
                <span>Create New Folder</span>
            </div>
            <h1 class="text-3xl font-bold">New Folder</h1>
        </div>

        <form method="POST" action="{{ route('documents.folders.store') }}" class="overflow-hidden rounded border border-[var(--construct-border)] bg-white">
            @include('documents.form')
        </form>
    </div>
@endsection