@extends('layouts.app')

@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>
                <a href="{{ route('documents.folders.show', $folder) }}" class="font-semibold text-[var(--construct-primary-dark)]">{{ $folder->name }}</a>
                <span class="material-symbols-outlined text-[16px]">chevron_right</span>
                <span>Edit Access</span>
            </div>
            <h1 class="text-3xl font-bold">Edit Folder</h1>
        </div>

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