@extends('layouts.app')
@section('title', $perumahan->nama)

@section('content')
<div class="card mb-3 overflow-hidden">
    @if($perumahan->landscape_url)
        <a href="#" data-bs-toggle="modal" data-bs-target="#modalGaleri" data-index="0" title="Perbesar">
            <img src="{{ $perumahan->landscape_url }}" alt="Landscape {{ $perumahan->nama }}" class="card-img-top landscape-banner">
        </a>
    @endif
    @if(auth()->user()->isAdmin())
    <form method="POST" action="{{ route('perumahan.landscape.simpan', $perumahan) }}" enctype="multipart/form-data" id="formLandscape" class="px-3 pt-3 d-flex flex-wrap gap-2 align-items-center">
        @csrf
        <label class="btn btn-sm btn-outline-primary mb-0">
            <i class="bi bi-image"></i> {{ $perumahan->landscape_url ? 'Ganti' : 'Unggah' }} Gambar Landscape
            <input type="file" name="landscape" accept="image/png,image/jpeg,image/webp" class="d-none" onchange="this.form.submit()">
        </label>
        @if($perumahan->landscape_url)
            <button form="formHapusLandscape" class="btn btn-sm btn-outline-danger"><i class="bi bi-x-lg"></i> Hapus Landscape</button>
        @endif
        <span class="small text-muted">Foto udara / site plan / gambar utama perumahan (disarankan rasio lebar, mis. 1920×700, maks. 8 MB).</span>
        @error('landscape')<div class="text-danger small w-100">{{ $message }}</div>@enderror
    </form>
    @if($perumahan->landscape_url)
    <form method="POST" action="{{ route('perumahan.landscape.hapus', $perumahan) }}" id="formHapusLandscape" data-confirm="Hapus gambar landscape perumahan ini?">@csrf @method('DELETE')</form>
    @endif
    @endif
    <div class="card-body">
        <div class="d-flex justify-content-between flex-wrap gap-2">
            <div>
                <h2 class="h5 mb-1">{{ $perumahan->nama }}</h2>
                <div class="text-muted"><i class="bi bi-geo-alt"></i> {{ $perumahan->alamat }}, {{ $perumahan->kota }}</div>
                @if($perumahan->deskripsi)<p class="mt-2 mb-0">{{ $perumahan->deskripsi }}</p>@endif
            </div>
            <div>
                @if(auth()->user()->isAdmin())
                <a href="{{ route('unit.create', ['perumahan_id' => $perumahan->id]) }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Tambah Unit</a>
                <a href="{{ route('perumahan.edit', $perumahan) }}" class="btn btn-outline-warning"><i class="bi bi-pencil"></i> Edit</a>
                @endif
            </div>
        </div>
        <div class="mt-3 d-flex gap-3 small">
            @foreach(\App\Models\UnitRumah::STATUS as $key => $label)
                <span><span class="badge text-bg-{{ ['tersedia'=>'success','dipesan'=>'warning','terjual'=>'secondary'][$key] }}">&nbsp;</span>
                    {{ $label }}: {{ $units->where('status', $key)->count() }}</span>
            @endforeach
        </div>
    </div>
</div>

@include('perumahan._galeri')

<div class="card">
    <div class="card-header bg-white fw-semibold">Peta Unit (Site Plan)</div>
    <div class="card-body">
        @forelse($units->groupBy('blok') as $blok => $list)
            <h6 class="mt-2">Blok {{ $blok }}</h6>
            <div class="d-flex flex-wrap gap-2 mb-3">
                @foreach($list as $u)
                    <a href="{{ route('unit.show', $u) }}" class="btn btn-{{ $u->badge }} text-start" style="min-width: 120px" title="{{ $u->tipe }} - {{ rupiah($u->harga) }}">
                        <div class="fw-semibold">{{ $u->blok }}-{{ $u->nomor }}</div>
                        <small>{{ $u->tipe }}</small><br>
                        <small>{{ rupiah($u->harga) }}</small>
                    </a>
                @endforeach
            </div>
        @empty
            <p class="text-muted text-center my-4">Belum ada unit di perumahan ini.</p>
        @endforelse
    </div>
</div>
@endsection