@extends('layouts.admin')
@section('title', 'Buat Pengumuman')
@section('page-title', 'Buat Pengumuman - Admin PBPMD')

@section('content')
<div class="breadcrumb"><a href="{{ route('admin.pengumuman') }}">📢 Pengumuman</a> <span>›</span> <span>Buat Baru</span></div>
<h1 class="section-title" style="margin-bottom:1.5rem">Buat Pengumuman Baru</h1>

<form action="{{ route('admin.pengumuman.store') }}" method="POST">
    @csrf
    <div class="ann-form-grid">
        <div class="ann-editor">
            <input type="text" name="title" class="ann-title-input" placeholder="Masukkan Judul Pengumuman..." required>
            <div style="margin-bottom:1rem">
                <label style="font-size:.78rem;color:var(--gr500);display:block;margin-bottom:.35rem">Kategori Pengumuman</label>
                <select name="target" class="form-select" style="font-size:.85rem"><option value="Semua">Info Umum / Semua Mahasiswa</option><option value="Terpilih">Target Khusus</option></select>
            </div>
            <div class="form-toolbar" style="margin-bottom:0;border:1px solid var(--gr200);border-bottom:none;border-radius:var(--radsm) var(--radsm) 0 0;padding:.5rem">
                <button type="button"><strong>B</strong></button><button type="button"><em>I</em></button><button type="button"><u>U</u></button>
            </div>
            <textarea name="content" class="proposal-input proposal-textarea" style="min-height:250px;border-radius:0 0 var(--radsm) var(--radsm);border-top:none" placeholder="Tulis isi pengumuman di sini..." required></textarea>
        </div>

        <div>
            <div class="ann-sidebar-card">
                <h4>📅 Penjadwalan</h4>
                <div class="radio-group">
                    <label class="radio-item"><input type="radio" name="schedule" checked><div><strong>Publis Sekarang</strong><small>Pengumuman langsung tayang</small></div></label>
                </div>
            </div>
            <div class="ann-sidebar-card">
                <h4>🚩 Prioritas</h4>
                <div class="radio-group">
                    <label class="radio-item"><input type="radio" name="priority" value="Normal" checked> ○ Normal</label>
                    <label class="radio-item"><input type="radio" name="priority" value="Penting"> ⚠ Penting</label>
                </div>
            </div>
        </div>
    </div>

    <div style="display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#fff;border:1px solid var(--gr200);border-radius:var(--rad)">
        <a href="{{ route('admin.pengumuman') }}" class="btn-outline-sm" style="text-decoration:none;display:flex;align-items:center;">Batal</a>
        <button type="submit" class="btn-action">▷ Publikasikan</button>
    </div>
</form>
@endsection