@extends('layouts.dashboard')

@section('dashboard-content')
    <div class="search-card">
        <h2 class="section-title">Index Documents – Upload</h2>

        @if(session('success'))
            <div class="alert alert-success" style="margin-bottom: 16px;">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-error" style="margin-bottom: 16px;">{{ session('error') }}</div>
        @endif
        @if($errors->any())
            <div class="alert alert-error" style="margin-bottom: 16px;">
                <ul style="margin: 0; padding-left: 20px;">
                    @foreach($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="post" action="{{ route('boundary.documents.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="form-grid">
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label class="form-label">File <span style="color: var(--text-muted);">(required)</span></label>
                    <input type="file" class="form-input" name="file" required accept=".pdf,.doc,.docx,.jpg,.jpeg,.png">
                </div>
                <div class="form-group">
                    <label class="form-label">Document type <span style="color: var(--text-muted);">(required)</span></label>
                    <select class="form-select" name="document_type" required>
                        <option value="boundary_file">Boundary file</option>
                        <option value="administrative_file">Administrative file</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Title <span style="color: var(--text-muted);">(required)</span></label>
                    <input type="text" class="form-input" name="title" value="{{ old('title') }}" required maxlength="255">
                </div>
                <div class="form-group">
                    <label class="form-label">Document number</label>
                    <input type="text" class="form-input" name="document_number" value="{{ old('document_number') }}" maxlength="50" placeholder="Auto-generated if empty">
                </div>
                <div class="form-group">
                    <label class="form-label">Pseudo document number</label>
                    <input type="text" class="form-input" name="pseudo_document_number" value="{{ old('pseudo_document_number') }}" maxlength="50">
                </div>
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label class="form-label">Description</label>
                    <textarea class="form-input" name="description" rows="2">{{ old('description') }}</textarea>
                </div>
                <div class="form-group">
                    <label class="form-label">Related boundary</label>
                    <select class="form-select" name="related_boundary_id">
                        <option value="">— None —</option>
                        @foreach($boundaries ?? [] as $b)
                            <option value="{{ $b->id }}" {{ old('related_boundary_id') == $b->id ? 'selected' : '' }}>{{ $b->boundary_number }} – {{ $b->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Related dispute</label>
                    <select class="form-select" name="related_dispute_id">
                        <option value="">— None —</option>
                        @foreach($disputes ?? [] as $d)
                            <option value="{{ $d->id }}" {{ old('related_dispute_id') == $d->id ? 'selected' : '' }}>{{ $d->dispute_number }} – {{ Str::limit($d->title, 40) }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="button-group">
                <button type="submit" class="btn btn-primary">Upload document</button>
                <a href="{{ route('dashboard', ['section' => 'boundary-documents']) }}" class="btn btn-secondary">Back to dashboard</a>
            </div>
        </form>
    </div>
@endsection