@extends('layouts.admin-sekolah')

@section('title', 'Buat Pengumuman')
@section('page-title', 'Buat Pengumuman Baru')

@section('content')
<div class="max-w-4xl">
    <div class="card">
        <div class="mb-6 pb-4 border-b">
            <h3 class="text-lg font-bold text-gray-900">Form Pengumuman Hasil Seleksi</h3>
            <p class="text-sm text-gray-500 mt-1">Upload data kelulusan dari Excel. Pengumuman tidak langsung terbit, Anda bisa mem-previewnya dahulu.</p>
        </div>

        <form action="{{ route('admin-sekolah.announcements.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="space-y-6">
                <!-- Title -->
                <div>
                    <label for="title" class="form-label">Judul Pengumuman <span class="text-red-500">*</span></label>
                    <input type="text" id="title" name="title" value="{{ old('title') }}"
                        class="form-input @error('title') border-red-500 @enderror"
                        placeholder="Contoh: Hasil Seleksi Jalur PMPA" required>
                    @error('title')<p class="form-error">{{ $message }}</p>@enderror
                </div>

                <!-- Pathway Target -->
                <div>
                    <label for="pathway_id" class="form-label">Target Jalur <span class="text-red-500">*</span></label>
                    <select id="pathway_id" name="pathway_id" class="form-input @error('pathway_id') border-red-500 @enderror" required>
                        <option value="">-- Pilih Jalur --</option>
                        @foreach($pathways as $p)
                            <option value="{{ $p->id }}" {{ old('pathway_id') == $p->id ? 'selected' : '' }}>
                                {{ $p->name }}
                            </option>
                        @endforeach
                    </select>
                    <p class="text-xs text-gray-500 mt-1">Siswa PMPA yang belum terverifikasi atau tidak ada di excel akan dialihkan ke Reguler secara otomatis saat di-publish.</p>
                    @error('pathway_id')<p class="form-error">{{ $message }}</p>@enderror
                </div>

                <!-- Content -->
                <div>
                    <label for="content" class="form-label">Keterangan / Isi Pesan <span class="text-red-500">*</span></label>
                    <textarea id="content" name="content" rows="4"
                        class="form-input @error('content') border-red-500 @enderror"
                        placeholder="Tulis pesan pengumuman..." required>{{ old('content') }}</textarea>
                    @error('content')<p class="form-error">{{ $message }}</p>@enderror
                </div>

                <!-- Excel Import -->
                <div class="bg-blue-50 p-6 rounded-xl border border-blue-100">
                    <div class="flex justify-between items-center mb-4">
                        <div>
                            <h4 class="font-bold text-blue-900">Upload File Excel Kelulusan</h4>
                            <p class="text-xs text-blue-700 mt-1">Pastikan berisikan kolom NISN dan Status (LULUS/TIDAK LULUS).</p>
                        </div>
                        <a href="{{ route('admin-sekolah.announcements.template') }}" class="btn bg-white text-blue-600 border border-blue-200 hover:bg-blue-50 text-xs py-1.5 px-3">
                            ⬇️ Download Format Excel
                        </a>
                    </div>
                    
                    <div>
                        <input type="file" name="results_file" accept=".xlsx, .xls, .csv" required
                            class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-600 file:text-white hover:file:bg-blue-700">
                        @error('results_file')<p class="form-error mt-2 text-red-600">{{ $message }}</p>@enderror
                    </div>
                </div>

                <!-- Actions -->
                <div class="flex gap-3 pt-4 border-t">
                    <button type="submit" class="btn btn-primary px-8">
                        Lanjut ke Preview
                        <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
                    </button>
                    <a href="{{ route('admin-sekolah.announcements.index') }}" class="btn btn-secondary">Batal</a>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection