@extends('layouts.app', ['title' => 'Upload Referensi PDF'])

@section('content')
    <div class="panel">
        <div class="actions" style="margin-bottom: 16px;">
            <a class="btn secondary" href="{{ route('rps.reference-documents.index', $rps) }}">Kembali ke Daftar Referensi</a>
        </div>

        <h2 class="section-title">Tambah Referensi PDF</h2>
        <p class="helper">Pilih satu atau banyak file PDF sekaligus. Sistem akan menyimpan semua file dan langsung mencoba mengekstrak isinya sebagai bahan referensi RPS.</p>

        <form method="POST" action="{{ route('rps.reference-documents.store', $rps) }}" enctype="multipart/form-data">
            @csrf
            <div class="grid">
                <div class="field col-6">
                    <label for="title">Judul Dokumen</label>
                    <input id="title" name="title" value="{{ old('title') }}">
                    <p class="meta" style="margin-top: 8px;">Opsional. Jika upload banyak file, sistem akan memberi nomor urut di belakang judul ini.</p>
                </div>
                <div class="field col-6">
                    <label for="document_type">Jenis Dokumen</label>
                    <select id="document_type" name="document_type" required>
                        <option value="">Pilih jenis dokumen</option>
                        @foreach ($documentTypes as $value => $label)
                            <option value="{{ $value }}" @selected(old('document_type') === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="field">
                    <label for="description">Catatan Singkat</label>
                    <textarea id="description" name="description">{{ old('description') }}</textarea>
                </div>
                <div class="field">
                    <label for="files">File PDF</label>
                    <input id="files" type="file" name="files[]" accept="application/pdf" multiple required>
                    <p class="meta" style="margin-top: 8px;">Bisa pilih banyak file sekaligus. Hanya menerima PDF, maksimal 10 MB per file.</p>
                </div>
            </div>

            <div class="actions" style="margin-top: 20px;">
                <button class="btn" type="submit">Simpan Semua Referensi</button>
                <a class="btn secondary" href="{{ route('rps.reference-documents.index', $rps) }}">Batal</a>
            </div>
        </form>
    </div>
@endsection