@extends('layouts.app')
@section('title', 'Data Perumahan')

@section('content')
<div class="row g-3 mb-3">
    @foreach([
        ['Total Unit', $rekap->total, 'bi-houses', 'secondary', 'seluruh perumahan'],
        ['Tersedia', $rekap->tersedia, 'bi-house-check', 'success', 'siap dijual'],
        ['Dipesan (Booking)', $rekap->booking, 'bi-bookmark-star', 'info', 'baru booking fee'],
        ['Proses Bayar', $rekap->proses, 'bi-hourglass-split', 'warning', $rekap->kredit.' di antaranya kredit'],
        ['Terjual / Lunas', $rekap->terjual, 'bi-house-lock', 'dark', 'sudah lunas'],
    ] as [$label, $nilai, $ikon, $warna, $catatan])
        <div class="col-6 col-md">
            <div class="card h-100 border-{{ $warna }}-subtle"><div class="card-body py-2 d-flex align-items-center gap-3">
                <div class="fs-3 text-{{ $warna }}"><i class="bi {{ $ikon }}"></i></div>
                <div><div class="small text-muted">{{ $label }}</div><div class="fs-5 fw-bold">{{ $nilai }}</div><div class="small text-muted">{{ $catatan }}</div></div>
            </div></div>
        </div>
    @endforeach
</div>

<div class="card">
    <div class="card-header bg-white d-flex flex-wrap gap-2 justify-content-between align-items-center">
        <form class="d-flex gap-2">
            <input type="search" name="q" value="{{ request('q') }}" class="form-control" placeholder="Cari nama / kota...">
            <button class="btn btn-outline-secondary"><i class="bi bi-search"></i></button>
        </form>
        @if(auth()->user()->isAdmin())<a href="{{ route('perumahan.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Tambah Perumahan</a>@endif
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light"><tr>
                <th>Nama Perumahan</th><th>Lokasi</th><th class="text-center">Total Unit</th>
                <th class="text-center">Tersedia</th><th class="text-center">Dipesan<br><small class="fw-normal">(Booking)</small></th>
                <th class="text-center">Proses Bayar<br><small class="fw-normal">(Kredit / KPR / Cash)</small></th>
                <th class="text-center">Terjual<br><small class="fw-normal">(Lunas)</small></th>
                <th class="text-end">Sisa Tagihan<br><small class="fw-normal">berjalan</small></th><th class="text-end">Aksi</th>
            </tr></thead>
            <tbody>
            @forelse($perumahan as $p)
                <tr>
                    <td><a href="{{ route('perumahan.show', $p) }}" class="fw-semibold text-decoration-none">{{ $p->nama }}</a></td>
                    <td>{{ $p->alamat }}, {{ $p->kota }}</td>
                    <td class="text-center">{{ $p->units_count }}
                        @if($p->units_count)
                        <div class="progress mt-1" style="height: 6px; min-width: 80px" title="Tersedia {{ $p->tersedia_count }} · Booking {{ $p->booking_count }} · Proses {{ $p->proses_count }} · Terjual {{ $p->terjual_count }}">
                            @foreach([['tersedia_count', 'success'], ['booking_count', 'info'], ['proses_count', 'warning'], ['terjual_count', 'secondary']] as [$k, $w])
                                <div class="progress-bar bg-{{ $w }}" style="width: {{ $p->$k / $p->units_count * 100 }}%"></div>
                            @endforeach
                        </div>
                        @endif</td>
                    <td class="text-center"><span class="badge text-bg-success">{{ $p->tersedia_count }}</span></td>
                    <td class="text-center"><span class="badge text-bg-info">{{ $p->booking_count }}</span></td>
                    <td class="text-center"><span class="badge text-bg-warning">{{ $p->proses_count }}</span>
                        @if($p->proses_count)<div class="small text-muted text-nowrap">{{ $p->proses_kredit_count }} / {{ $p->proses_kpr_count }} / {{ $p->proses_cash_count }}</div>@endif</td>
                    <td class="text-center"><span class="badge text-bg-secondary">{{ $p->terjual_count }}</span></td>
                    <td class="text-end text-nowrap small">{{ $p->sisa_tagihan > 0 ? rupiah($p->sisa_tagihan) : '-' }}</td>
                    <td class="text-end text-nowrap">
                        <a href="{{ route('perumahan.show', $p) }}" class="btn btn-sm btn-outline-info"><i class="bi bi-eye"></i></a>
                        @if(auth()->user()->isAdmin())
                        <a href="{{ route('perumahan.edit', $p) }}" class="btn btn-sm btn-outline-warning"><i class="bi bi-pencil"></i></a>
                        <form method="POST" action="{{ route('perumahan.destroy', $p) }}" class="d-inline" data-confirm="Hapus perumahan {{ $p->nama }} beserta seluruh unitnya?">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                        </form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="9" class="text-center text-muted py-4">Belum ada data perumahan.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer bg-white">{{ $perumahan->links() }}</div>
</div>
@endsection