@extends('layouts.admin-sekolah')

@section('title', 'Manajemen Dokumen')
@section('page-title', 'Dokumen Pernyataan')

@section('content')
<div class="space-y-6">
    <div class="bg-white p-6 rounded-lg shadow-sm">
        <h2 class="text-xl font-bold mb-4">Master Dokumen Surat Pernyataan</h2>
        <p class="text-gray-600 mb-6">Dokumen ini akan bisa diunduh oleh siswa yang berstatus LULUS di dashboard mereka.</p>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <!-- Surat Pernyataan Siswa -->
            <div class="border rounded-lg p-5">
                <h3 class="font-bold text-lg mb-2">1. Surat Pernyataan Siswa</h3>
                @if(isset($documents['student']))
                    <div class="bg-green-50 text-green-700 p-3 rounded mb-4">
                        <div class="flex justify-between items-center">
                            <span class="font-medium text-sm">Dokumen Terupload</span>
                            <span class="text-xs">{{ $documents['student']->updated_at->format('d/m/Y H:i') }}</span>
                        </div>
                        <div class="text-xs mt-1 truncate">{{ $documents['student']->original_name }}</div>
                    </div>
                @else
                    <div class="bg-yellow-50 text-yellow-700 p-3 rounded mb-4 text-sm font-medium">
                        Dokumen belum tersedia.
                    </div>
                @endif

                <form action="{{ route('admin-sekolah.documents.store') }}" method="POST" enctype="multipart/form-data" class="space-y-3">
                    @csrf
                    <input type="hidden" name="type" value="student">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Upload/Replace File (PDF/DOCX, Max 5MB)</label>
                        <input type="file" name="document" accept=".pdf,.doc,.docx" required class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-primary-50 file:text-primary-700 hover:file:bg-primary-100">
                    </div>
                    <button type="submit" class="w-full btn btn-primary py-2 text-sm">Upload Dokumen Siswa</button>
                </form>

                @if(isset($documents['student']))
                    <form action="{{ route('admin-sekolah.documents.destroy', $documents['student']) }}" method="POST" class="mt-2" onsubmit="return confirm('Hapus dokumen ini? Siswa tidak akan bisa mendownloadnya lagi.')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="w-full bg-white text-red-600 border border-red-200 hover:bg-red-50 rounded py-2 text-sm transition">Hapus Dokumen Saat Ini</button>
                    </form>
                @endif
            </div>

            <!-- Surat Pernyataan Orang Tua -->
            <div class="border rounded-lg p-5">
                <h3 class="font-bold text-lg mb-2">2. Surat Pernyataan Orang Tua</h3>
                @if(isset($documents['parent']))
                    <div class="bg-green-50 text-green-700 p-3 rounded mb-4">
                        <div class="flex justify-between items-center">
                            <span class="font-medium text-sm">Dokumen Terupload</span>
                            <span class="text-xs">{{ $documents['parent']->updated_at->format('d/m/Y H:i') }}</span>
                        </div>
                        <div class="text-xs mt-1 truncate">{{ $documents['parent']->original_name }}</div>
                    </div>
                @else
                    <div class="bg-yellow-50 text-yellow-700 p-3 rounded mb-4 text-sm font-medium">
                        Dokumen belum tersedia.
                    </div>
                @endif

                <form action="{{ route('admin-sekolah.documents.store') }}" method="POST" enctype="multipart/form-data" class="space-y-3">
                    @csrf
                    <input type="hidden" name="type" value="parent">
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Upload/Replace File (PDF/DOCX, Max 5MB)</label>
                        <input type="file" name="document" accept=".pdf,.doc,.docx" required class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-primary-50 file:text-primary-700 hover:file:bg-primary-100">
                    </div>
                    <button type="submit" class="w-full btn btn-primary py-2 text-sm">Upload Dokumen Wali</button>
                </form>

                @if(isset($documents['parent']))
                    <form action="{{ route('admin-sekolah.documents.destroy', $documents['parent']) }}" method="POST" class="mt-2" onsubmit="return confirm('Hapus dokumen ini? Siswa tidak akan bisa mendownloadnya lagi.')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="w-full bg-white text-red-600 border border-red-200 hover:bg-red-50 rounded py-2 text-sm transition">Hapus Dokumen Saat Ini</button>
                    </form>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection