<x-app-layout>
    @section('page-title', $pageTitle)

    <div class="card shadow-sm border-0">
        <div class="card-header bg-white d-flex align-items-center">
            <a href="{{ route('admin.pengumuman.index') }}" class="btn btn-light me-2">
                <i class="bi bi-arrow-left"></i>
            </a>
            <h5 class="my-0 fw-bold">Formulir Pengumuman Baru</h5>
        </div>
        <div class="card-body">
            <form action="#" method="POST">
                {{-- Form ini tidak akan berfungsi karena tidak ada backend --}}
                <div class="mb-3">
                    <label for="judul" class="form-label">Judul Pengumuman</label>
                    <input type="text" class="form-control" id="judul" placeholder="Masukkan judul pengumuman">
                </div>
                <div class="mb-3">
                    <label for="tipe" class="form-label">Tipe Pengumuman</label>
                    <select class="form-select" id="tipe">
                        <option selected>Pilih tipe...</option>
                        <option value="info">Info</option>
                        <option value="success">Success</option>
                        <option value="warning">Warning</option>
                        <option value="danger">Danger</option>
                        <option value="secondary">Secondary</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label for="content" class="form-label">Isi Pengumuman</label>
                    <textarea class="form-control" id="content" rows="5" placeholder="Tulis isi pengumuman di sini..."></textarea>
                </div>
                <hr>
                <div class="d-flex justify-content-end">
                    <button type="submit" class="btn btn-primary">Simpan Pengumuman</button>
                </div>
            </form>
        </div>
    </div>
</x-app-layout>