@extends('warga.layouts.warga')

@section('subtitle', 'Ajukan Ulang Pengajuan')

@section('content_body')
    <!-- Header & Breadcrumbs -->
    <x-page-header 
        title="Formulir Ajukan Ulang Pengajuan Surat" 
        subtitle="Perbaiki berkas atau data permohonan untuk {{ $pengajuan->jenisSurat->nama_surat }}"
        :breadcrumbs="[
            'Dashboard' => route('warga.dashboard'),
            'Riwayat Pengajuan' => route('warga.riwayat'),
            'Ajukan Ulang' => '#'
        ]"
    />

    <div class="container-fluid px-0">
        <!-- Rejection Alert Box -->
        <div class="card border-danger shadow-sm mb-4" style="border-radius: 12px; border-left: 5px solid #DC2626 !important; background-color: #FEF2F2;">
            <div class="card-body p-4">
                <div class="d-flex align-items-start">
                    <div class="rounded-circle p-2 mr-3" style="background-color: #FEE2E2; color: #DC2626;">
                        <i class="fas fa-exclamation-triangle fa-lg"></i>
                    </div>
                    <div>
                        <h5 class="font-weight-bold text-danger mb-1">Pengajuan Ditolak Oleh Admin</h5>
                        <p class="text-dark mb-1" style="font-size: 0.95rem;">
                            <strong>Alasan Penolakan:</strong> {{ $pengajuan->catatan_admin ?? 'Tidak ada alasan khusus.' }}
                        </p>
                        <small class="text-muted">
                            Nomor Pengajuan: <strong>{{ $pengajuan->nomor_pengajuan }}</strong> (Nomor pengajuan & ID tetap dipertahankan).
                        </small>
                    </div>
                </div>
            </div>
        </div>

        <!-- Informational Hint -->
        <div class="d-flex align-items-center mb-4" style="background-color: #EBF8FF; color: #0369A1; border-radius: 10px; font-size: 0.85rem; padding: 12px 16px;">
            <i class="fas fa-info-circle mr-2" style="font-size: 1rem;"></i>
            <div>Silakan perbaiki berkas atau data yang diminta di bawah ini. Anda dapat mengunggah berkas baru atau membiarkannya kosong jika berkas lama tidak perlu diganti.</div>
        </div>

        <form action="{{ route('warga.pengajuan.ajukan-ulang', $pengajuan->id) }}" method="post" enctype="multipart/form-data" id="ajukanUlangForm">
            @csrf

            <div class="row">
                <div class="col-md-8">
                    <!-- Data Permohonan -->
                    <div class="card border-0 shadow-sm mb-4" style="border-radius: 12px;">
                        <div class="card-header bg-white py-3">
                            <h6 class="font-weight-bold text-dark mb-0">
                                <i class="fas fa-edit mr-2 text-primary" style="color: #0F766E !important;"></i>Data Permohonan Surat
                            </h6>
                        </div>
                        <div class="card-body p-4">
                            <div class="form-group mb-3">
                                <label class="text-sm font-weight-bold text-muted">Jenis Surat</label>
                                <input type="text" class="form-control bg-light" value="{{ $pengajuan->jenisSurat->nama_surat }} ({{ $pengajuan->jenisSurat->kode_surat }})" readonly style="border-radius: 6px;">
                            </div>

                            @if($pengajuan->jenisSurat->kode_surat === 'SKTM')
                                <div class="form-group mb-3">
                                    <label class="text-sm font-weight-bold text-dark">Keperluan <span class="text-danger">*</span></label>
                                    <textarea name="keperluan" class="form-control @error('keperluan') is-invalid @enderror" rows="3" required style="border-radius: 6px;">{{ old('keperluan', $pengajuan->keperluan) }}</textarea>
                                    @error('keperluan')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            @elseif($pengajuan->jenisSurat->kode_surat === 'SKD')
                                <div class="form-group mb-3">
                                    <label class="text-sm font-weight-bold text-dark">Alamat Domisili Lengkap <span class="text-danger">*</span></label>
                                    <textarea name="alamat_domisili" class="form-control @error('alamat_domisili') is-invalid @enderror" rows="3" required style="border-radius: 6px;">{{ old('alamat_domisili', $pengajuan->alamat_domisili) }}</textarea>
                                    @error('alamat_domisili')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            @elseif($pengajuan->jenisSurat->kode_surat === 'SKU')
                                <div class="form-group mb-3">
                                    <label class="text-sm font-weight-bold text-dark">Jenis / Bidang Usaha <span class="text-danger">*</span></label>
                                    <input type="text" name="jenis_usaha" class="form-control @error('jenis_usaha') is-invalid @enderror" value="{{ old('jenis_usaha', $pengajuan->jenis_usaha) }}" required style="border-radius: 6px;">
                                    @error('jenis_usaha')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group mb-3">
                                    <label class="text-sm font-weight-bold text-dark">Alamat Usaha <span class="text-danger">*</span></label>
                                    <textarea name="alamat_usaha" class="form-control @error('alamat_usaha') is-invalid @enderror" rows="2" required style="border-radius: 6px;">{{ old('alamat_usaha', $pengajuan->alamat_usaha) }}</textarea>
                                    @error('alamat_usaha')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group mb-3">
                                    <label class="text-sm font-weight-bold text-dark">Tahun Mulai Usaha <span class="text-danger">*</span></label>
                                    <input type="text" name="tahun_mulai_usaha" class="form-control @error('tahun_mulai_usaha') is-invalid @enderror" value="{{ old('tahun_mulai_usaha', $pengajuan->tahun_mulai_usaha) }}" required maxlength="4" style="border-radius: 6px;">
                                    @error('tahun_mulai_usaha')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            @endif
                        </div>
                    </div>

                    <!-- Upload Berkas Persyaratan -->
                    <div class="card border-0 shadow-sm mb-4" style="border-radius: 12px;">
                        <div class="card-header bg-white py-3">
                            <h6 class="font-weight-bold text-dark mb-0">
                                <i class="fas fa-paperclip mr-2 text-primary" style="color: #0F766E !important;"></i>Unggah Berkas Persyaratan (Perbaikan)
                            </h6>
                        </div>
                        <div class="card-body p-4">
                            <!-- Berkas KTP -->
                            <div class="form-group mb-4">
                                <label class="text-sm font-weight-bold text-dark d-block">
                                    Berkas KTP (PDF, JPG, JPEG, PNG - Max 5MB)
                                </label>
                                @if($pengajuan->file_ktp && \Illuminate\Support\Facades\Storage::disk('public')->exists($pengajuan->file_ktp))
                                    <div class="alert alert-light border mb-2 d-flex align-items-center justify-content-between p-2 rounded">
                                        <small class="text-success font-weight-bold">
                                            <i class="fas fa-check-circle mr-1"></i> Berkas KTP Saat Ini Tersedia
                                        </small>
                                        <a href="{{ \Illuminate\Support\Facades\Storage::url($pengajuan->file_ktp) }}" target="_blank" class="btn btn-outline-info btn-xs font-weight-bold">
                                            <i class="fas fa-eye mr-1"></i> Lihat
                                        </a>
                                    </div>
                                @endif
                                <input type="file" name="file_ktp" class="form-control-file @error('file_ktp') is-invalid @enderror">
                                <small class="text-muted d-block mt-1">Biarkan kosong jika tidak ingin mengganti berkas KTP.</small>
                                @error('file_ktp')
                                    <span class="text-danger text-sm d-block mt-1">{{ $message }}</span>
                                @enderror
                            </div>

                            <hr>

                            <!-- Berkas KK -->
                            <div class="form-group mb-3">
                                <label class="text-sm font-weight-bold text-dark d-block">
                                    Berkas Kartu Keluarga (KK) (PDF, JPG, JPEG, PNG - Max 5MB)
                                </label>
                                @if($pengajuan->file_kk && \Illuminate\Support\Facades\Storage::disk('public')->exists($pengajuan->file_kk))
                                    <div class="alert alert-light border mb-2 d-flex align-items-center justify-content-between p-2 rounded">
                                        <small class="text-success font-weight-bold">
                                            <i class="fas fa-check-circle mr-1"></i> Berkas KK Saat Ini Tersedia
                                        </small>
                                        <a href="{{ \Illuminate\Support\Facades\Storage::url($pengajuan->file_kk) }}" target="_blank" class="btn btn-outline-info btn-xs font-weight-bold">
                                            <i class="fas fa-eye mr-1"></i> Lihat
                                        </a>
                                    </div>
                                @endif
                                <input type="file" name="file_kk" class="form-control-file @error('file_kk') is-invalid @enderror">
                                <small class="text-muted d-block mt-1">Biarkan kosong jika tidak ingin mengganti berkas KK.</small>
                                @error('file_kk')
                                    <span class="text-danger text-sm d-block mt-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Column Kanan: Ringkasan Pemohon & Action -->
                <div class="col-md-4">
                    <div class="card border-0 shadow-sm mb-4" style="border-radius: 12px;">
                        <div class="card-header bg-white py-3">
                            <h6 class="font-weight-bold text-dark mb-0">
                                <i class="fas fa-user-check mr-2 text-primary" style="color: #0F766E !important;"></i>Data Pemohon
                            </h6>
                        </div>
                        <div class="card-body p-3">
                            <table class="table table-sm table-borderless text-sm mb-0">
                                <tr>
                                    <th class="text-muted font-weight-normal" width="40%">NIK</th>
                                    <td class="font-weight-bold text-dark">{{ $warga->penduduk->nik }}</td>
                                </tr>
                                <tr>
                                    <th class="text-muted font-weight-normal">Nama</th>
                                    <td class="font-weight-bold text-dark">{{ $warga->penduduk->nama_lengkap }}</td>
                                </tr>
                                <tr>
                                    <th class="text-muted font-weight-normal">No. KK</th>
                                    <td class="text-dark">{{ $warga->penduduk->kartuKeluarga->no_kk ?? '-' }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm" style="border-radius: 12px;">
                        <div class="card-body p-4">
                            <button type="submit" class="btn btn-primary font-weight-bold btn-block py-2.5 shadow-sm mb-2" style="background-color: #0F766E !important; border-color: #0F766E !important; border-radius: 8px;">
                                <i class="fas fa-paper-plane mr-2"></i> Kirim Perbaikan Surat
                            </button>
                            <a href="{{ route('warga.pengajuan.detail', $pengajuan->id) }}" class="btn btn-outline-secondary btn-block font-weight-bold py-2 text-muted" style="border-radius: 8px;">
                                Batal / Kembali
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@stop