@extends('layouts.app')
@section('page-title', $formData['isEdit'] ? 'Edit Document' : 'Upload Document')

@section('content')
    @include('admin.documents.partials.form-header')

    <form method="POST" class="enhanced-form"
          action="{{ $formData['isEdit'] ? route('admin.documents.update', $document) : route('admin.documents.store') }}"
          enctype="multipart/form-data"
          x-data="documentFileUpload(@js($formData['fileUpload']))">
        @csrf
        @if($formData['isEdit'])
            @method('PUT')
        @endif

        <div class="rounded-2xl border border-surface-100 bg-white shadow-soft">
            <div class="p-5 sm:p-6">
                    <x-form-section-header title="Document information" description="Add document metadata, classification and status." icon="document" />

                    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                        @include('admin.documents.partials.folder-picker')

                        <div class="col-span-full">
                            <label for="title" class="form-label">Document Title <span class="text-red-500">*</span></label>
                            <input type="text" id="title" name="title"
                                   value="{{ old('title', $formData['isEdit'] ? $document->title : '') }}"
                                   placeholder="e.g. Flight Operations Manual"
                                   class="form-input {{ $errors->has('title') ? 'form-input-error' : '' }}" />
                            @error('title')
                                <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        @include('admin.documents.partials.status-picker')

                        <div>
                            <label for="version" class="form-label">Version <span class="text-red-500">*</span></label>
                            <input type="text" id="version" name="version"
                                   value="{{ old('version', $formData['isEdit'] ? $document->version : '1.0') }}"
                                   placeholder="1.0"
                                   class="form-input {{ $errors->has('version') ? 'form-input-error' : '' }}" />
                            @error('version')
                                <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div>
                            <label for="revision_date" class="form-label">Revision Date</label>
                            <input type="date" id="revision_date" name="revision_date"
                                   value="{{ old('revision_date', $formData['isEdit'] ? $document->revision_date?->format('Y-m-d') : '') }}"
                                   class="form-input {{ $errors->has('revision_date') ? 'form-input-error' : '' }}" />
                            @error('revision_date')
                                <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div>
                            <label for="effective_date" class="form-label">Effective Date</label>
                            <input type="date" id="effective_date" name="effective_date"
                                   value="{{ old('effective_date', $formData['isEdit'] ? $document->effective_date?->format('Y-m-d') : '') }}"
                                   class="form-input {{ $errors->has('effective_date') ? 'form-input-error' : '' }}" />
                            @error('effective_date')
                                <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div>
                            <label for="expiry_date" class="form-label">Expiry Date</label>
                            <input type="date" id="expiry_date" name="expiry_date"
                                   value="{{ old('expiry_date', $formData['isEdit'] ? $document->expiry_date?->format('Y-m-d') : '') }}"
                                   class="form-input {{ $errors->has('expiry_date') ? 'form-input-error' : '' }}" />
                            @error('expiry_date')
                                <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>

                        <div class="col-span-full">
                            <label for="description" class="form-label">Description</label>
                            <textarea id="description" name="description" rows="3"
                                      placeholder="Brief description of this document..."
                                      class="form-input resize-none {{ $errors->has('description') ? 'form-input-error' : '' }}">{{ old('description', $formData['isEdit'] ? $document->description : '') }}</textarea>
                            @error('description')
                                <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
            </div>

            <div class="border-t border-surface-100 p-5 sm:p-6">
                @include('admin.documents.partials.file-upload')
            </div>

            <div class="flex flex-wrap items-center justify-end gap-3 rounded-b-2xl border-t border-surface-100 bg-surface-50/70 px-5 py-4 sm:px-6">
                <a href="{{ route('admin.documents.index') }}" class="btn-secondary">Cancel</a>
                <button type="submit" class="btn-primary">
                    <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    {{ $formData['isEdit'] ? 'Update Document' : 'Save Document' }}
                </button>
            </div>
        </div>
    </form>
@endsection