@extends('layouts.admin')

@section('title', 'Documents')

@section('content')
<x-ui.page-header
    title="Application Documents"
    subtitle="Upload and verify applicant documents."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Documents'],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="primary" size="sm" icon="bi-upload" data-bs-toggle="modal" data-bs-target="#uploadDocumentModal">Upload document</x-ui.button>
    </x-slot:actions>
</x-ui.page-header>

@include('institution.partials.flash')

<x-ui.table-wrapper id="admission-documents" title="Documents" :record-count="$documents->total()">
    <x-slot:head>
        <tr>
            <th>Title</th>
            <th>Type</th>
            <th>Application</th>
            <th>Verification</th>
            <th>Uploaded</th>
            <th class="text-end">Actions</th>
        </tr>
    </x-slot:head>
    @forelse($documents as $document)
        <tr>
            <td>{{ $document->title }}</td>
            <td>{{ is_object($document->document_type) ? ($document->document_type->label() ?? $document->document_type->value) : $document->document_type }}</td>
            <td>{{ $document->application?->application_number ?? '—' }}</td>
            <td>{{ is_object($document->verification_status) ? ($document->verification_status->label() ?? $document->verification_status->value) : $document->verification_status }}</td>
            <td>{{ $document->created_at?->format('d M Y') }}</td>
            <td class="text-end">
                <div class="d-inline-flex gap-1">
                    <a class="bv-btn bv-btn--ghost bv-btn--sm" href="{{ route('admission.documents.download', $document) }}"><i class="bi bi-download"></i></a>
                    <form method="POST" action="{{ route('admission.documents.verify', $document) }}" class="d-inline">
                        @csrf
                        <input type="hidden" name="verification_status" value="verified">
                        <button class="bv-btn bv-btn--ghost bv-btn--sm" type="submit" title="Verify"><i class="bi bi-check2"></i></button>
                    </form>
                    <form method="POST" action="{{ route('admission.documents.destroy', $document) }}" class="d-inline" onsubmit="return confirm('Delete this document?')">
                        @csrf
                        @method('DELETE')
                        <button class="bv-btn bv-btn--ghost bv-btn--sm text-danger" type="submit"><i class="bi bi-trash"></i></button>
                    </form>
                </div>
            </td>
        </tr>
    @empty
        <tr><td colspan="6"><x-ui.empty-state title="No documents" message="Upload the first application document." icon="bi-folder" /></td></tr>
    @endforelse
    @if($documents->hasPages())
        <x-slot:footer>{{ $documents->links() }}</x-slot:footer>
    @endif
</x-ui.table-wrapper>

<div class="modal fade" id="uploadDocumentModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <form method="POST" action="{{ route('admission.documents.store') }}" enctype="multipart/form-data" class="modal-content">
            @csrf
            <div class="modal-header"><h5 class="modal-title">Upload document</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
            <div class="modal-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Application</label>
                        <select name="application_id" class="form-select" required>
                            <option value="">Select</option>
                            @foreach(\App\Models\Application::query()->orderByDesc('id')->limit(100)->get(['id','application_number','applicant_id']) as $app)
                                <option value="{{ $app->id }}" data-applicant="{{ $app->applicant_id }}">{{ $app->application_number }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Applicant ID</label>
                        <input type="number" name="applicant_id" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Document type</label>
                        <select name="document_type" class="form-select" required>
                            @foreach(\App\Enums\ApplicationDocumentType::cases() as $type)
                                <option value="{{ $type->value }}">{{ method_exists($type, 'label') ? $type->label() : $type->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Title</label>
                        <input type="text" name="title" class="form-control" required>
                    </div>
                    <div class="col-12">
                        <label class="form-label">File</label>
                        <input type="file" name="file" class="form-control" required>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Notes</label>
                        <textarea name="notes" class="form-control" rows="2"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="bv-btn bv-btn--ghost" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="bv-btn bv-btn--primary">Upload</button>
            </div>
        </form>
    </div>
</div>
@endsection