@extends('layouts.admin')

@section('title', 'Tambah Produk Hukum - JDIH Desa Gogik')

@section('content')
<div class="max-w-4xl mx-auto space-y-6">
    <div class="bg-white p-6 rounded-2xl shadow-md border border-slate-200 space-y-6">
        <h2 class="text-xl font-extrabold text-slate-900 border-b pb-4">➕ Tambah Produk Hukum Baru</h2>

        <form action="{{ route('admin.products.store') }}" method="POST" enctype="multipart/form-data" class="space-y-4 text-xs font-semibold text-slate-700">
            @csrf
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="block mb-1">Kategori Produk Hukum *</label>
                    <select name="category_id" required class="w-full p-2.5 bg-slate-50 border border-slate-200 rounded-xl">
                        @foreach($categories as $c)
                            <option value="{{ $c->id }}">{{ $c->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="grid grid-cols-2 gap-2">
                    <div>
                        <label class="block mb-1">Nomor Dokumen *</label>
                        <input type="text" name="document_number" placeholder="04" required class="w-full p-2.5 bg-slate-50 border border-slate-200 rounded-xl" />
                    </div>
                    <div>
                        <label class="block mb-1">Tahun *</label>
                        <input type="number" name="year" value="2026" required class="w-full p-2.5 bg-slate-50 border border-slate-200 rounded-xl" />
                    </div>
                </div>
            </div>

            <div>
                <label class="block mb-1">Pokok Perihal *</label>
                <input type="text" name="subject" placeholder="misal: Penyelenggaraan Ketertiban Umum" required class="w-full p-2.5 bg-slate-50 border border-slate-200 rounded-xl" />
            </div>

            <div>
                <label class="block mb-1">Judul Lengkap Produk Hukum *</label>
                <textarea name="title" rows="2" placeholder="Peraturan Desa Gogik Nomor 04 Tahun 2026..." required class="w-full p-2.5 bg-slate-50 border border-slate-200 rounded-xl"></textarea>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="block mb-1">Status Keberlakuan</label>
                    <select name="document_status" class="w-full p-2.5 bg-slate-50 border border-slate-200 rounded-xl">
                        <option value="BERLAKU">BERLAKU</option>
                        <option value="DRAFT">DRAFT</option>
                        <option value="DIUBAH">DIUBAH</option>
                        <option value="DICABUT">DICABUT</option>
                    </select>
                </div>

                <div>
                    <label class="block mb-1">Status Akses Publikasi</label>
                    <select name="publication_status" class="w-full p-2.5 bg-slate-50 border border-slate-200 rounded-xl">
                        <option value="PUBLIK">PUBLIK</option>
                        <option value="INTERNAL">INTERNAL</option>
                        <option value="PRIVAT">PRIVAT</option>
                    </select>
                </div>
            </div>

            <div>
                <label class="block mb-1">Unggah File PDF Resmi</label>
                <input type="file" name="pdf_file" accept=".pdf" class="block w-full text-xs text-slate-500 file:mr-4 file:py-2 file:px-4 file:rounded-xl file:border-0 file:text-xs file:font-bold file:bg-emerald-700 file:text-white hover:file:bg-emerald-800" />
            </div>

            <div class="flex justify-end gap-3 pt-4 border-t">
                <button type="submit" class="px-6 py-3 bg-emerald-700 hover:bg-emerald-800 text-white font-extrabold rounded-xl shadow-md text-xs">
                    Simpan Produk Hukum
                </button>
            </div>
        </form>
    </div>
</div>
@endsection