<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Permohonan Informasi - PPID</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        .header-section {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 2rem 0;
        }
        .card {
            border: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 15px;
        }
        .form-control:focus {
            border-color: #2a5298;
            box-shadow: 0 0 0 0.2rem rgba(42, 82, 152, 0.25);
        }
    </style>
</head>
<body>
    <!-- Header -->
    <div class="header-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <h1 class="mb-2">
                        <i class="fas fa-edit me-3"></i>
                        Permohonan Informasi
                    </h1>
                    <p class="mb-0 fs-5">Ajukan permohonan informasi publik</p>
                </div>
                <div class="col-md-4 text-end">
                    <a href="{{ route('ppid.dashboard') }}" class="btn btn-light">
                        <i class="fas fa-home me-2"></i>Kembali ke Beranda
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="container my-5">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                @if(session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <i class="fas fa-check-circle me-2"></i>
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    </div>
                @endif

                <div class="card">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0">
                            <i class="fas fa-form me-2"></i>
                            Form Permohonan Informasi Publik
                        </h5>
                    </div>
                    <div class="card-body p-4">
                        <form method="POST" action="{{ route('ppid.permohonan.store') }}">
                            @csrf
                            
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="nama_pemohon" class="form-label fw-semibold">
                                        Nama Pemohon <span class="text-danger">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('nama_pemohon') is-invalid @enderror" 
                                           id="nama_pemohon" name="nama_pemohon" 
                                           value="{{ old('nama_pemohon') }}" required>
                                    @error('nama_pemohon')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label for="email" class="form-label fw-semibold">
                                        Email <span class="text-danger">*</span>
                                    </label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                           id="email" name="email" 
                                           value="{{ old('email') }}" required>
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="no_hp" class="form-label fw-semibold">
                                        Nomor HP <span class="text-danger">*</span>
                                    </label>
                                    <input type="text" class="form-control @error('no_hp') is-invalid @enderror" 
                                           id="no_hp" name="no_hp" 
                                           value="{{ old('no_hp') }}" required>
                                    @error('no_hp')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label for="alamat" class="form-label fw-semibold">
                                        Alamat <span class="text-danger">*</span>
                                    </label>
                                    <textarea class="form-control @error('alamat') is-invalid @enderror" 
                                              id="alamat" name="alamat" rows="2" required>{{ old('alamat') }}</textarea>
                                    @error('alamat')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="mb-3">
                                <label for="kategori_data" class="form-label fw-semibold">
                                    Kategori Data <span class="text-danger">*</span>
                                </label>
                                <select class="form-select @error('kategori_data') is-invalid @enderror" 
                                        id="kategori_data" name="kategori_data" required>
                                    <option value="">Pilih Kategori Data</option>
                                    <option value="publik" {{ old('kategori_data') == 'publik' ? 'selected' : '' }}>Data Publik</option>
                                    <option value="private" {{ old('kategori_data') == 'private' ? 'selected' : '' }}>Data Private</option>
                                </select>
                                @error('kategori_data')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">
                                    <small class="text-muted">
                                        <i class="fas fa-info-circle me-1"></i>
                                        <strong>Data Publik:</strong> Informasi yang dapat diakses umum | 
                                        <strong>Data Private:</strong> Informasi yang memerlukan persetujuan khusus
                                    </small>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label for="informasi_dimohon" class="form-label fw-semibold">
                                    Informasi yang Dimohon <span class="text-danger">*</span>
                                </label>
                                <textarea class="form-control @error('informasi_dimohon') is-invalid @enderror" 
                                          id="informasi_dimohon" name="informasi_dimohon" rows="4" 
                                          placeholder="Jelaskan secara detail informasi yang Anda butuhkan..." required>{{ old('informasi_dimohon') }}</textarea>
                                @error('informasi_dimohon')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-4">
                                <label for="tujuan_penggunaan" class="form-label fw-semibold">
                                    Tujuan Penggunaan Informasi <span class="text-danger">*</span>
                                </label>
                                <textarea class="form-control @error('tujuan_penggunaan') is-invalid @enderror" 
                                          id="tujuan_penggunaan" name="tujuan_penggunaan" rows="3" 
                                          placeholder="Jelaskan tujuan penggunaan informasi yang dimohon..." required>{{ old('tujuan_penggunaan') }}</textarea>
                                @error('tujuan_penggunaan')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="text-center">
                                <button type="submit" class="btn btn-success btn-lg px-5">
                                    <i class="fas fa-paper-plane me-2"></i>
                                    Kirim Permohonan
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- Info -->
                <div class="card mt-4">
                    <div class="card-header bg-info text-white">
                        <h6 class="mb-0"><i class="fas fa-info-circle me-2"></i>Informasi Penting</h6>
                    </div>
                    <div class="card-body">
                        <ul class="mb-0">
                            <li>Permohonan akan diproses maksimal 10 hari kerja</li>
                            <li>Anda akan mendapat notifikasi melalui email yang terdaftar</li>
                            <li>Informasi yang dikecualikan tidak dapat diberikan sesuai peraturan</li>
                            <li>Pastikan data yang diisi sudah benar dan lengkap</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>