@extends('layouts.app')

@section('content')
<div class="container mt-5">
    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h3 class="mb-0">Tambah Usulan Brosur</h3>
        </div>

        <div class="card-body">
            <form action="{{ route('brosur.storearsip') }}" method="POST">
                @csrf

                <!-- Nama Penulis -->
                <div class="mb-3">
                    <label for="nama_penyelenggara" class="form-label">Nama Penyelenggara</label>
                    <input 
                        type="text" 
                        class="form-control" 
                        id="nama_penyelenggara" 
                        name="nama_penyelenggara" 
                        placeholder="Masukkan nama penyelenggara" 
                        value="{{ old('nama_penyelenggara') }}" 
                        required
                    >
                </div>

                <!-- Judul Laporan -->
                <div class="mb-3">
                    <label for="alamat" class="form-label">Alamat</label>
                    <input 
                        type="text" 
                        class="form-control" 
                        id="alamat" 
                        name="alamat" 
                        placeholder="Masukkan alamat" 
                        value="{{ old('alamat') }}" 
                        required
                    >
                </div>

                <!-- Nama Pelatihan -->
                <div class="mb-3">
                    <label for="no_hp" class="form-label">No HP</label>
                    <input 
                        type="text" 
                        class="form-control" 
                        id="no_hp" 
                        name="no_hp" 
                        placeholder="Masukkan no hp" 
                        value="{{ old('no_hp') }}" 
                        required
                    >
                </div>

                <!-- Unit Kerja -->
                <div class="mb-3">
                    <label for="no_telepon" class="form-label">No Telepon</label>
                    <input 
                        type="text" 
                        class="form-control" 
                        id="no_telepon" 
                        name="no_telepon" 
                        placeholder="Masukkan no_telepon" 
                        value="{{ old('no_telepon') }}" 
                        required
                    >
                </div>

                <!-- Status Ajuan -->
                <div class="mb-3">
                    <label for="status_ajuan" class="form-label">Status Ajuan</label>
                    <select 
                        class="form-select" 
                        id="status_ajuan" 
                        name="status_ajuan" 
                        required
                    >
                        <option value="Approved" {{ old('status_ajuan') == 'Approved' ? 'selected' : '' }}>Approved</option>
                        <option value="Rejected" {{ old('status_ajuan') == 'Rejected' ? 'selected' : '' }}>Rejected</option>
                    </select>
                </div>


                <!-- Tombol Submit dan Kembali -->
                <div class="d-flex justify-content-between mt-4">
                    <a href="{{ route('brosur.usulan') }}" class="btn btn-secondary">
                        <i class="fa fa-arrow-left me-1"></i> Kembali
                    </a>
                    <button type="submit" class="btn btn-success">
                        <i class="fa fa-save me-1"></i> Simpan
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection