@extends('layouts.app')
@section('title', 'Penjualan — Rumah Tersedia')

@section('content')
<div class="card mb-3">
    <div class="card-body d-flex flex-wrap gap-2 justify-content-between align-items-center">
        <form class="d-flex flex-wrap gap-2">
            <select name="perumahan_id" class="form-select" style="width:auto" onchange="this.form.submit()">
                <option value="">Semua Perumahan</option>
                @foreach($perumahan as $id => $nama)
                    <option value="{{ $id }}" @selected(request('perumahan_id') == $id)>{{ $nama }}</option>
                @endforeach
            </select>
            <select name="tipe" class="form-select" style="width:auto" onchange="this.form.submit()">
                <option value="">Semua Tipe</option>
                @foreach($tipe as $t)
                    <option value="{{ $t }}" @selected(request('tipe') === $t)>{{ $t }}</option>
                @endforeach
            </select>
            <select name="harga_maks" class="form-select" style="width:auto" onchange="this.form.submit()">
                <option value="">Semua Harga</option>
                @foreach([300, 500, 750, 1000, 2000] as $jt)
                    <option value="{{ $jt * 1000000 }}" @selected(request('harga_maks') == $jt * 1000000)>
                        ≤ {{ $jt >= 1000 ? ($jt / 1000).' M' : $jt.' jt' }}
                    </option>
                @endforeach
            </select>
            @if(request()->hasAny(['perumahan_id', 'tipe', 'harga_maks']))
                <a href="{{ route('penjualan.index') }}" class="btn btn-link">Reset</a>
            @endif
        </form>
        <div class="d-flex gap-2 align-items-center">
            <span class="text-muted small"><strong>{{ $units->count() }}</strong> rumah tersedia di <strong>{{ $kelompok->count() }}</strong> perumahan</span>
            <a href="{{ route('laporan.penjualan') }}" class="btn btn-outline-secondary"><i class="bi bi-list-ul"></i> Daftar Penjualan</a>
        </div>
    </div>
</div>

@forelse($kelompok as $list)
    @php $p = $list->first()->perumahan; @endphp
    <div class="card mb-3">
        <div class="card-header bg-white d-flex flex-wrap justify-content-between align-items-center gap-2">
            <div>
                <a href="{{ route('perumahan.show', $p) }}" class="fw-semibold text-decoration-none fs-6">{{ $p->nama }}</a>
                <div class="small text-muted"><i class="bi bi-geo-alt"></i> {{ $p->alamat }}, {{ $p->kota }}</div>
            </div>
            <div class="text-end small">
                <span class="badge text-bg-success">{{ $list->count() }} tersedia</span><br>
                <span class="text-muted">{{ rupiah($list->min('harga')) }} – {{ rupiah($list->max('harga')) }}</span>
            </div>
        </div>
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light"><tr>
                    <th class="ps-3">Unit</th><th>Tipe</th><th>LT/LB (m²)</th><th>KT/KM</th><th>Keterangan</th>
                    <th class="text-end">Harga</th><th class="text-end pe-3"></th>
                </tr></thead>
                <tbody>
                @foreach($list as $u)
                    <tr>
                        <td class="ps-3"><a href="{{ route('unit.show', $u) }}" class="fw-semibold text-decoration-none">{{ $u->label }}</a></td>
                        <td>{{ $u->tipe }}</td>
                        <td>{{ $u->luas_tanah }} / {{ $u->luas_bangunan }}</td>
                        <td>{{ $u->kamar_tidur }} / {{ $u->kamar_mandi }}</td>
                        <td class="small text-muted">{{ $u->keterangan ?: '-' }}</td>
                        <td class="text-end text-nowrap fw-semibold">{{ rupiah($u->harga) }}</td>
                        <td class="text-end pe-3">
                            <a href="{{ route('penjualan.create', ['unit_id' => $u->id]) }}" class="btn btn-sm btn-success text-nowrap">
                                <i class="bi bi-cart-plus"></i> Jual
                            </a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@empty
    <div class="card"><div class="card-body text-center text-muted py-5">
        <i class="bi bi-house-x fs-1 d-block"></i>
        {{ request()->hasAny(['perumahan_id', 'tipe', 'harga_maks']) ? 'Tidak ada rumah tersedia yang sesuai filter.' : 'Semua rumah sudah terjual atau dipesan.' }}
    </div></div>
@endforelse
@endsection