@extends('layouts.app')

@section('title', 'Buat Pengajuan')

@section('content')
<div class="mb-4">
    <h4 class="fw-bold mb-0">Buat Pengajuan Baru</h4>
</div>

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

            <div class="mb-3">
                <label for="judul" class="form-label fw-semibold">Judul <span class="text-danger">*</span></label>
                <input type="text" class="form-control @error('judul') is-invalid @enderror" id="judul" name="judul" value="{{ old('judul') }}" required placeholder="Masukkan judul pengajuan">
                @error('judul')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label for="jenis_layanan" class="form-label fw-semibold">Jenis Layanan <span class="text-danger">*</span></label>
                <select class="form-select @error('jenis_layanan') is-invalid @enderror" id="jenis_layanan" name="jenis_layanan" required>
                    <option value="" disabled {{ old('jenis_layanan') ? '' : 'selected' }}>-- Pilih Jenis Layanan --</option>
                    <option value="Pembuatan KTP" {{ old('jenis_layanan') == 'Pembuatan KTP' ? 'selected' : '' }}>Pembuatan KTP</option>
                    <option value="Pembuatan KK" {{ old('jenis_layanan') == 'Pembuatan KK' ? 'selected' : '' }}>Pembuatan KK</option>
                    <option value="Surat Keterangan Domisili" {{ old('jenis_layanan') == 'Surat Keterangan Domisili' ? 'selected' : '' }}>Surat Keterangan Domisili</option>
                    <option value="Surat Keterangan Usaha" {{ old('jenis_layanan') == 'Surat Keterangan Usaha' ? 'selected' : '' }}>Surat Keterangan Usaha</option>
                    <option value="Surat Pengantar" {{ old('jenis_layanan') == 'Surat Pengantar' ? 'selected' : '' }}>Surat Pengantar</option>
                    <option value="Lainnya" {{ old('jenis_layanan') == 'Lainnya' ? 'selected' : '' }}>Lainnya</option>
                </select>
                @error('jenis_layanan')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-4">
                <label for="deskripsi" class="form-label fw-semibold">Deskripsi <span class="text-danger">*</span></label>
                <textarea class="form-control @error('deskripsi') is-invalid @enderror" id="deskripsi" name="deskripsi" rows="5" required placeholder="Jelaskan detail pengajuan Anda">{{ old('deskripsi') }}</textarea>
                @error('deskripsi')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
                <div class="form-text">Minimal 10 karakter</div>
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-1"></i> Simpan Pengajuan
                </button>
                <a href="{{ route('user.pengajuan.index') }}" class="btn btn-secondary">
                    Batal
                </a>
            </div>
        </form>
    </div>
</div>
@endsection