@extends('layouts.app')
@section('title', 'Detail Pembelian Rumah — Satu Mimpi Loket')

@section('content')
<div style="max-width:680px">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px">
        <a href="{{ route('gov.dashboard') }}" class="btn btn-secondary"><i class="bi bi-arrow-left"></i> Kembali</a>
        @if(in_array($data->status, ['draft', 'pending'], true))
        <a href="{{ route('gov.house_purchase.edit', $data->id) }}" class="btn btn-primary"><i class="bi bi-pencil"></i> Edit</a>
        @else
        <button type="button" class="btn btn-secondary" disabled style="opacity:.55;cursor:not-allowed">
            <i class="bi bi-lock"></i> Tidak bisa diedit
        </button>
        @endif
    </div>
    
    <h1 class="page-title"><i class="bi bi-house-door" style="color:var(--accent)"></i> Detail Pengajuan Pembelian Rumah</h1>

    <div class="card">
        <div style="font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px">
            <i class="bi bi-house"></i> Detail Properti
        </div>
        
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px; margin-bottom:20px">
            <div>
                <div class="text-muted" style="font-size:0.85rem">Tipe Rumah</div>
                <div style="font-weight:600">{{ $data->type_rumah }}</div>
            </div>
            <div>
                <div class="text-muted" style="font-size:0.85rem">Lokasi (@)</div>
                <div style="font-weight:600">{{ $data->at ?: '-' }}</div>
            </div>
            <div>
                <div class="text-muted" style="font-size:0.85rem">Status</div>
                <div style="font-weight:600">
                    @if($data->status === 'pending')
                        <span class="badge bg-warning">Pending</span>
                    @elseif($data->status === 'approved')
                        <span class="badge bg-success">Disetujui</span>
                    @elseif($data->status === 'rejected')
                        <span class="badge bg-danger">Ditolak</span>
                    @else
                        <span class="badge bg-secondary">{{ $data->status }}</span>
                    @endif
                </div>
            </div>
        </div>

        @include('gov.approval', ['data' => $data])
    </div>
</div>
@endsection