@extends('layouts.app')
@section('title', 'Detail Sertifikat Tanah — 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.land_certificate.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-map" style="color:var(--accent)"></i> Detail Regulasi Sertifikat Tanah</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-building"></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">Lokasi Kantor (@)</div>
                <div style="font-weight:600">{{ $data->at_kantor ?: '-' }}</div>
            </div>
            <div>
                <div class="text-muted" style="font-size:0.85rem">Kategori Rumah</div>
                <div style="font-weight:600">{{ $data->kategori_rumah }}</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>

        <hr class="divider">

        <div style="font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px">
            <i class="bi bi-file-earmark-text"></i> Lampiran Dokumen
        </div>

        <div>
            <div class="text-muted" style="font-size:0.85rem; margin-bottom:8px">Scan KTP Pemohon</div>
            @if($data->foto_ktp)
                <a href="{{ $data->foto_ktp }}" target="_blank">
                    <img src="{{ $data->foto_ktp }}" alt="Foto KTP" style="max-width:200px; border-radius:8px; border:1px solid var(--border);">
                </a>
            @else
                <div style="font-weight:600">-</div>
            @endif
        </div>

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