{{--
    Pemilih Lokasi Perumahan -> Rumah/Unit.
    Variabel: $routeName, $routeParams, $subjudul, $pesanKosong, $judulDaftar, $labelTanda,
              $daftarPerumahan, $perumahanId, $daftarUnit (item: p, opsi, kanan, kecil, tanda), $terpilih
--}}
<div class="card">
    <div class="card-header bg-white fw-semibold">1. Pilih Perumahan &amp; Rumah
        <small class="text-muted fw-normal">— {{ $subjudul }}</small></div>
    <div class="card-body">
        <form method="GET" action="{{ route($routeName, $routeParams) }}">
            <div class="mb-3">
                <label class="form-label">Lokasi Perumahan</label>
                <select name="perumahan_id" class="form-select" onchange="this.form.penjualan_id.value=''; this.form.submit()">
                    <option value="">— Pilih perumahan —</option>
                    @foreach($daftarPerumahan as $d)
                        <option value="{{ $d->perumahan->id }}" @selected($perumahanId == $d->perumahan->id)>
                            {{ $d->perumahan->nama }} — {{ $d->perumahan->kota }} ({{ $d->jumlah }} unit{{ $d->tanda ? ', '.$d->tanda.' '.$labelTanda : '' }})
                        </option>
                    @endforeach
                </select>
                @if($daftarPerumahan->isEmpty())
                    <small class="text-muted">{{ $pesanKosong }}</small>
                @endif
            </div>
            <div class="mb-0">
                <label class="form-label">Rumah / Unit</label>
                <select name="penjualan_id" class="form-select" onchange="this.form.submit()" @disabled(! $perumahanId)>
                    <option value="">{{ $perumahanId ? '— Pilih unit ('.$daftarUnit->count().') —' : '— Pilih perumahan dahulu —' }}</option>
                    @foreach($daftarUnit as $i)
                        <option value="{{ $i->p->id }}" @selected($terpilih && $terpilih->is($i->p))>{{ $i->opsi }}</option>
                    @endforeach
                </select>
            </div>
            <noscript><button class="btn btn-primary mt-3">Tampilkan</button></noscript>
        </form>
    </div>
</div>

@if($perumahanId && $daftarUnit->isNotEmpty())
    <div class="card mt-3">
        <div class="card-header bg-white small fw-semibold">{{ $judulDaftar }}</div>
        <div class="list-group list-group-flush small overflow-auto" style="max-height: 420px">
            @foreach($daftarUnit as $i)
                <a href="{{ route($routeName, $routeParams + ['perumahan_id' => $perumahanId, 'penjualan_id' => $i->p->id]) }}"
                   class="list-group-item list-group-item-action d-flex justify-content-between {{ $terpilih && $terpilih->is($i->p) ? 'active' : '' }}">
                    <span><strong>{{ $i->p->unit->label }}</strong> · {{ $i->p->unit->tipe }}<br>{{ $i->p->pembeli->nama }} · {{ $i->p->kode }}</span>
                    <span class="text-end">{{ $i->kanan }}
                        @if($i->kecil)<br><small>{{ $i->kecil }}</small>@endif
                        @if($i->tanda)<br><span class="badge text-bg-danger">{{ $i->tanda }}</span>@endif
                    </span>
                </a>
            @endforeach
        </div>
    </div>
@endif