@extends('layouts.app')
@section('title', $unit->exists ? 'Edit Unit Rumah' : 'Tambah Unit Rumah')

@section('content')
<div class="card" style="max-width: 860px">
    <div class="card-body">
        <form method="POST" action="{{ $unit->exists ? route('unit.update', $unit) : route('unit.store') }}">
            @csrf
            @if($unit->exists) @method('PUT') @endif
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Perumahan <span class="text-danger">*</span></label>
                    <select name="perumahan_id" class="form-select @error('perumahan_id') is-invalid @enderror" required>
                        <option value="">— Pilih —</option>
                        @foreach($perumahan as $id => $nama)
                            <option value="{{ $id }}" @selected(old('perumahan_id', $unit->perumahan_id) == $id)>{{ $nama }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Blok <span class="text-danger">*</span></label>
                    <input name="blok" value="{{ old('blok', $unit->blok) }}" class="form-control @error('blok') is-invalid @enderror" required>
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Nomor <span class="text-danger">*</span></label>
                    <input name="nomor" value="{{ old('nomor', $unit->nomor) }}" class="form-control @error('nomor') is-invalid @enderror" required>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Tipe Rumah <span class="text-danger">*</span></label>
                    <input name="tipe" value="{{ old('tipe', $unit->tipe) }}" class="form-control" placeholder="mis. Tipe 36/72" required>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Luas Tanah (m²) <span class="text-danger">*</span></label>
                    <input type="number" name="luas_tanah" min="1" value="{{ old('luas_tanah', $unit->luas_tanah) }}" class="form-control" required>
                </div>
                <div class="col-md-4 mb-3">
                    <label class="form-label">Luas Bangunan (m²) <span class="text-danger">*</span></label>
                    <input type="number" name="luas_bangunan" min="1" value="{{ old('luas_bangunan', $unit->luas_bangunan) }}" class="form-control" required>
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Kamar Tidur</label>
                    <input type="number" name="kamar_tidur" min="0" value="{{ old('kamar_tidur', $unit->kamar_tidur) }}" class="form-control" required>
                </div>
                <div class="col-md-3 mb-3">
                    <label class="form-label">Kamar Mandi</label>
                    <input type="number" name="kamar_mandi" min="0" value="{{ old('kamar_mandi', $unit->kamar_mandi) }}" class="form-control" required>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Harga (Rp) <span class="text-danger">*</span></label>
                    <input type="text" inputmode="numeric" data-uang name="harga" value="{{ old('harga', $unit->harga ? (int) $unit->harga : '') }}" class="form-control" required>
                </div>
                <div class="col-12 mb-3">
                    <label class="form-label">Keterangan</label>
                    <textarea name="keterangan" rows="3" class="form-control" placeholder="mis. posisi hook, menghadap timur">{{ old('keterangan', $unit->keterangan) }}</textarea>
                </div>
            </div>
            @if($unit->exists)
                <p class="small text-muted">Status unit (<strong>{{ \App\Models\UnitRumah::STATUS[$unit->status] }}</strong>) diatur otomatis oleh transaksi penjualan.</p>
            @endif
            <button class="btn btn-primary"><i class="bi bi-save"></i> Simpan</button>
            <a href="{{ route('unit.index') }}" class="btn btn-light">Batal</a>
        </form>
    </div>
</div>
@endsection