@extends('layouts.app')

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

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

<div class="card">
    <div class="card-body">
        <table class="table table-borderless mb-0">
            <tbody>
                <tr>
                    <th style="width: 200px;" class="text-muted">Judul</th>
                    <td>{{ $pengajuan->judul }}</td>
                </tr>
                <tr>
                    <th class="text-muted">Jenis Layanan</th>
                    <td>{{ $pengajuan->jenis_layanan }}</td>
                </tr>
                <tr>
                    <th class="text-muted">Status</th>
                    <td>
                        @if($pengajuan->status === 'pending')
                            <span class="badge badge-pending">Pending</span>
                        @elseif($pengajuan->status === 'disetujui')
                            <span class="badge badge-disetujui">Disetujui</span>
                        @elseif($pengajuan->status === 'ditolak')
                            <span class="badge badge-ditolak">Ditolak</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th class="text-muted">Tanggal Pengajuan</th>
                    <td>{{ $pengajuan->created_at->format('d F Y, H:i') }}</td>
                </tr>
                <tr>
                    <th class="text-muted">Deskripsi</th>
                    <td>{!! nl2br(e($pengajuan->deskripsi)) !!}</td>
                </tr>
            </tbody>
        </table>

        <div class="mt-3">
            <label class="fw-semibold text-muted mb-2">Catatan Admin</label>
            <div class="alert alert-info mb-0">
                {{ $pengajuan->catatan_admin ?? 'Belum ada catatan' }}
            </div>
        </div>
    </div>

    <div class="card-footer bg-white d-flex gap-2">
        <a href="{{ route('user.pengajuan.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i> Kembali
        </a>
        @if($pengajuan->isPending())
        <a href="{{ route('user.pengajuan.edit', $pengajuan) }}" class="btn btn-outline-warning">
            <i class="fas fa-edit me-1"></i> Edit
        </a>
        <form action="{{ route('user.pengajuan.destroy', $pengajuan) }}" method="POST" class="d-inline">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn-outline-danger" onclick="return confirm('Apakah Anda yakin ingin menghapus pengajuan ini?')">
                <i class="fas fa-trash me-1"></i> Hapus
            </button>
        </form>
        @endif
    </div>
</div>
@endsection