@extends('Layouts.app')

@section('content')
<main class="flex-1 p-6 space-y-6">
    <div class="bg-white p-6 rounded-xl shadow">
        <div class="flex justify-between items-center mb-4">
            <h2 class="text-2xl font-semibold text-gray-800">Daftar Panduan</h2>
            <a href="{{ route('panduan.create') }}"
               class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg shadow">
               Tambah Panduan
            </a>
        </div>
{{-- Alert Error dari Session --}}
@if (session('error'))
    <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
        {{ session('error') }}
    </div>
@endif
    <form action="{{ route('panduan.store') }}" method="POST" enctype="multipart/form-data" class="space-y-4">
        @csrf
<div>
    <label for="kategori" class="block mb-1">Kategori</label>
    <select name="kategori" id="kategori" class="border w-full p-2 rounded" required>
        <option value="">-- Pilih Kategori --</option>
        <option value="pkkmb" {{ old('kategori', $panduan->kategori ?? '') == 'pkkmb' ? 'selected' : '' }}>Panduan PKKMB</option>
        <option value="akademik" {{ old('kategori', $panduan->kategori ?? '') == 'akademik' ? 'selected' : '' }}>Panduan Akademik</option>
        <option value="elearning" {{ old('kategori', $panduan->kategori ?? '') == 'elearning' ? 'selected' : '' }}>Panduan E-Learning</option>
    </select>
</div>

        <div>
            <label>File (PDF/DOC)</label>
            <input type="file" name="file" class="border w-full p-2 rounded" required>
        </div>
        <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Simpan</button>
    </form>
</div>
@endsection