@extends('layouts.app')

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

@section('content')
<div class="mb-4">
    <h4 class="fw-bold" style="color: var(--primary-dark);">Detail Pengajuan</h4>
</div>

{{-- Informasi Pemohon --}}
<div class="card mb-4">
    <div class="card-header bg-white py-3">
        <h5 class="mb-0 fw-semibold" style="color: var(--primary-dark);">
            <i class="fas fa-user me-2"></i>Informasi Pemohon
        </h5>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6 mb-2">
                <label class="text-muted small">Nama</label>
                <div class="fw-semibold">{{ $pengajuan->user->name }}</div>
            </div>
            <div class="col-md-6 mb-2">
                <label class="text-muted small">Email</label>
                <div class="fw-semibold">{{ $pengajuan->user->email }}</div>
            </div>
        </div>
    </div>
</div>

{{-- Detail Pengajuan --}}
<div class="card mb-4">
    <div class="card-header bg-white py-3">
        <h5 class="mb-0 fw-semibold" style="color: var(--primary-dark);">
            <i class="fas fa-file-alt me-2"></i>Detail Pengajuan
        </h5>
    </div>
    <div class="card-body p-0">
        <table class="table table-borderless mb-0">
            <tbody>
                <tr>
                    <td class="px-4 py-3 text-muted" style="width: 200px;">Judul</td>
                    <td class="py-3 fw-semibold">{{ $pengajuan->judul }}</td>
                </tr>
                <tr>
                    <td class="px-4 py-3 text-muted">Jenis Layanan</td>
                    <td class="py-3">{{ $pengajuan->jenis_layanan }}</td>
                </tr>
                <tr>
                    <td class="px-4 py-3 text-muted">Status</td>
                    <td class="py-3">
                        @if($pengajuan->status === 'pending')
                            <span class="badge badge-pending px-3 py-2">Pending</span>
                        @elseif($pengajuan->status === 'disetujui')
                            <span class="badge badge-disetujui px-3 py-2">Disetujui</span>
                        @elseif($pengajuan->status === 'ditolak')
                            <span class="badge badge-ditolak px-3 py-2">Ditolak</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <td class="px-4 py-3 text-muted">Tanggal</td>
                    <td class="py-3">{{ $pengajuan->created_at->format('d/m/Y') }}</td>
                </tr>
                <tr>
                    <td class="px-4 py-3 text-muted">Deskripsi</td>
                    <td class="py-3">{{ $pengajuan->deskripsi }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

{{-- Catatan Admin --}}
@if($pengajuan->catatan_admin)
    <div class="card mb-4">
        <div class="card-header bg-white py-3">
            <h5 class="mb-0 fw-semibold" style="color: var(--primary-dark);">
                <i class="fas fa-sticky-note me-2"></i>Catatan Admin
            </h5>
        </div>
        <div class="card-body">
            <div class="alert alert-info mb-0">
                {{ $pengajuan->catatan_admin }}
            </div>
        </div>
    </div>
@endif

{{-- Verifikasi Pengajuan --}}
@if($pengajuan->status === 'pending')
    <div class="card mb-4">
        <div class="card-header bg-white py-3">
            <h5 class="mb-0 fw-semibold" style="color: var(--primary-dark);">
                <i class="fas fa-clipboard-check me-2"></i>Verifikasi Pengajuan
            </h5>
        </div>
        <div class="card-body">
            <div class="row g-4">
                {{-- Setujui --}}
                <div class="col-md-6">
                    <div class="card border-0">
                        <div class="card-header text-white" style="background: #28a745; border-radius: 8px 8px 0 0;">
                            <h6 class="mb-0"><i class="fas fa-check me-2"></i>Setujui Pengajuan</h6>
                        </div>
                        <div class="card-body" style="background: #f8fff9; border-radius: 0 0 8px 8px;">
                            <form action="{{ route('admin.pengajuan.approve', $pengajuan) }}" method="POST">
                                @csrf
                                @method('PATCH')
                                <div class="mb-3">
                                    <label for="catatan_approve" class="form-label text-muted small">Catatan (Opsional)</label>
                                    <textarea name="catatan_admin" id="catatan_approve" class="form-control @error('catatan_admin') is-invalid @enderror" rows="3" placeholder="Catatan untuk pemohon (opsional)">{{ old('catatan_admin') }}</textarea>
                                    @error('catatan_admin')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-success w-100">
                                    <i class="fas fa-check-circle me-1"></i>Setujui
                                </button>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- Tolak --}}
                <div class="col-md-6">
                    <div class="card border-0">
                        <div class="card-header text-white" style="background: #dc3545; border-radius: 8px 8px 0 0;">
                            <h6 class="mb-0"><i class="fas fa-times me-2"></i>Tolak Pengajuan</h6>
                        </div>
                        <div class="card-body" style="background: #fff8f8; border-radius: 0 0 8px 8px;">
                            <form action="{{ route('admin.pengajuan.reject', $pengajuan) }}" method="POST">
                                @csrf
                                @method('PATCH')
                                <div class="mb-3">
                                    <label for="catatan_reject" class="form-label text-muted small">Alasan Penolakan <span class="text-danger">*</span></label>
                                    <textarea name="catatan_admin" id="catatan_reject" class="form-control @error('catatan_admin') is-invalid @enderror" rows="3" placeholder="Berikan alasan penolakan (wajib)" required>{{ old('catatan_admin') }}</textarea>
                                    @error('catatan_admin')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-danger w-100">
                                    <i class="fas fa-times-circle me-1"></i>Tolak
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

{{-- Kembali --}}
<div class="mt-3">
    <a href="{{ route('admin.pengajuan.index') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left me-1"></i>Kembali
    </a>
</div>
@endsection