@extends('layouts.app')
@section('title', 'Detail Unit')

@section('content')
<div class="row g-3">
    <div class="col-lg-5">
        <div class="card">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <span class="fw-semibold">{{ $unit->perumahan->nama }} — {{ $unit->label }}</span>
                <span class="badge text-bg-{{ $unit->badge }}">{{ \App\Models\UnitRumah::STATUS[$unit->status] }}</span>
            </div>
            <table class="table mb-0">
                <tr><th class="w-50">Tipe</th><td>{{ $unit->tipe }}</td></tr>
                <tr><th>Luas Tanah</th><td>{{ $unit->luas_tanah }} m²</td></tr>
                <tr><th>Luas Bangunan</th><td>{{ $unit->luas_bangunan }} m²</td></tr>
                <tr><th>Kamar Tidur / Mandi</th><td>{{ $unit->kamar_tidur }} / {{ $unit->kamar_mandi }}</td></tr>
                <tr><th>Harga</th><td class="fw-semibold">{{ rupiah($unit->harga) }}</td></tr>
                <tr><th>Keterangan</th><td>{{ $unit->keterangan ?: '-' }}</td></tr>
            </table>
            <div class="card-footer bg-white">
                @if($unit->status === 'tersedia')
                    <a href="{{ route('penjualan.create', ['unit_id' => $unit->id]) }}" class="btn btn-success"><i class="bi bi-cart-plus"></i> Jual Unit Ini</a>
                @endif
                @if(auth()->user()->isAdmin())<a href="{{ route('unit.edit', $unit) }}" class="btn btn-outline-warning"><i class="bi bi-pencil"></i> Edit</a>@endif
            </div>
        </div>
    </div>
    <div class="col-lg-7">
        @include('unit._foto')
        <div class="card">
            <div class="card-header bg-white fw-semibold">Riwayat Transaksi</div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead class="table-light"><tr><th>Kode</th><th>Tanggal</th><th>Pembeli</th><th class="text-end">Total</th><th>Status</th></tr></thead>
                    <tbody>
                    @forelse($unit->penjualan as $p)
                        <tr>
                            <td><a href="{{ route('penjualan.show', $p) }}">{{ $p->kode }}</a></td>
                            <td>{{ tgl($p->tanggal) }}</td>
                            <td>{{ $p->pembeli->nama }}</td>
                            <td class="text-end">{{ rupiah($p->total) }}</td>
                            <td><span class="badge text-bg-{{ $p->badge }}">{{ \App\Models\Penjualan::STATUS[$p->status] }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted py-4">Belum ada transaksi.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection