@extends('layouts.admin')
@section('title','Edit Data Perumahan')
@section('page-title','Edit Data Perumahan')

@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb">
            <a href="{{ route('admin.dashboard') }}">Dashboard</a>
            <span class="breadcrumb-sep">›</span>
            <a href="{{ route('admin.data-perumahans.index') }}">Data Perumahan</a>
            <span class="breadcrumb-sep">›</span>
            <span>Edit</span>
        </div>
        <h1 class="page-header-title">Edit: {{ $dataPerumahan->desa?->nama }}</h1>
        <p class="page-header-sub">Tahun {{ $dataPerumahan->tahunRekapan?->tahun }}</p>
    </div>
</div>

<div class="card" style="max-width:700px;">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.data-perumahans.update', $dataPerumahan) }}">
            @csrf @method('PUT')

            <div class="form-section">
                <div class="form-section-title">Lokasi</div>
                <div class="form-group mb-0">
                    <label class="form-label">Desa / Kelurahan</label>
                    <input type="text" class="form-control" value="{{ $dataPerumahan->desa?->nama }} — {{ $dataPerumahan->desa?->kecamatan?->nama }}" disabled>
                    <input type="hidden" name="desa_id" value="{{ $dataPerumahan->desa_id }}">
                </div>
            </div>

            <div class="form-section">
                <div class="form-section-title">Data Kependudukan & Perumahan</div>
                <div class="form-row form-row-3">
                    <div class="form-group mb-0">
                        <label class="form-label">Jumlah Penduduk <span class="required">*</span></label>
                        <input type="number" name="jumlah_penduduk"
                            class="form-control @error('jumlah_penduduk') is-invalid @enderror"
                            value="{{ old('jumlah_penduduk', $dataPerumahan->jumlah_penduduk) }}" min="0">
                        @error('jumlah_penduduk')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="form-group mb-0">
                        <label class="form-label">Jumlah KK <span class="required">*</span></label>
                        <input type="number" name="jumlah_kk" id="jKK"
                            class="form-control @error('jumlah_kk') is-invalid @enderror"
                            value="{{ old('jumlah_kk', $dataPerumahan->jumlah_kk) }}" min="0" oninput="hitung()">
                        @error('jumlah_kk')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="form-group mb-0">
                        <label class="form-label">Jumlah Rumah <span class="required">*</span></label>
                        <input type="number" name="jumlah_rumah" id="jRumah"
                            class="form-control @error('jumlah_rumah') is-invalid @enderror"
                            value="{{ old('jumlah_rumah', $dataPerumahan->jumlah_rumah) }}" min="0" oninput="hitung()">
                        @error('jumlah_rumah')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                </div>
                <div class="form-row form-row-2" style="margin-top:16px;">
                    <div class="form-group mb-0">
                        <label class="form-label">RLH (Rumah Layak Huni) <span class="required">*</span></label>
                        <input type="number" name="rlh" id="rlh"
                            class="form-control @error('rlh') is-invalid @enderror"
                            value="{{ old('rlh', $dataPerumahan->rlh) }}" min="0" oninput="hitung()">
                        @error('rlh')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                    <div class="form-group mb-0">
                        <label class="form-label">Luas Permukiman (m²) <span class="required">*</span></label>
                        <input type="number" name="luas_permukiman"
                            class="form-control @error('luas_permukiman') is-invalid @enderror"
                            value="{{ old('luas_permukiman', $dataPerumahan->luas_permukiman) }}" min="0" step="0.01">
                        @error('luas_permukiman')<span class="invalid-feedback">{{ $message }}</span>@enderror
                    </div>
                </div>
            </div>

            <div class="form-section" style="background:var(--primary-soft);border-color:var(--primary);">
                <div class="form-section-title" style="color:var(--primary-dark);">Hasil Perhitungan Otomatis</div>
                <div class="form-row form-row-2">
                    <div>
                        <label class="form-label">RTLH (Rumah Tidak Layak Huni)</label>
                        <div id="rtlhDisplay" style="font-size:1.4rem;font-weight:800;color:var(--danger);">
                            {{ number_format($dataPerumahan->rtlh) }}
                        </div>
                        <span class="form-hint">= Jumlah Rumah − RLH</span>
                    </div>
                    <div>
                        <label class="form-label">Backlog</label>
                        <div id="backlogDisplay" style="font-size:1.4rem;font-weight:800;color:#b45309;">
                            {{ number_format($dataPerumahan->backlog) }}
                        </div>
                        <span class="form-hint">= Jumlah KK − Jumlah Rumah</span>
                    </div>
                </div>
            </div>

            <div class="form-section">
                <div class="form-section-title">Status & Keterangan</div>
                <div class="form-group">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select @error('status') is-invalid @enderror">
                        <option value="draft"         {{ old('status',$dataPerumahan->status)==='draft'         ? 'selected':'' }}>Draft</option>
                        <option value="diajukan"      {{ old('status',$dataPerumahan->status)==='diajukan'      ? 'selected':'' }}>Diajukan</option>
                        <option value="revisi"        {{ old('status',$dataPerumahan->status)==='revisi'        ? 'selected':'' }}>Revisi</option>
                        <option value="terverifikasi" {{ old('status',$dataPerumahan->status)==='terverifikasi' ? 'selected':'' }}>Terverifikasi</option>
                    </select>
                    @error('status')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group mb-0">
                    <label class="form-label">Keterangan</label>
                    <textarea name="keterangan" class="form-control" rows="3">{{ old('keterangan', $dataPerumahan->keterangan) }}</textarea>
                </div>
            </div>

            <div style="display:flex;gap:8px;">
                <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                <a href="{{ route('admin.data-perumahans.index') }}" class="btn btn-outline">Batal</a>
            </div>
        </form>
    </div>
</div>

@push('scripts')
<script>
function hitung() {
    const rumah = parseInt(document.getElementById('jRumah').value) || 0;
    const rlh   = parseInt(document.getElementById('rlh').value)    || 0;
    const kk    = parseInt(document.getElementById('jKK').value)    || 0;
    document.getElementById('rtlhDisplay').textContent   = Math.max(0, rumah - rlh).toLocaleString('id-ID');
    document.getElementById('backlogDisplay').textContent = Math.max(0, kk - rumah).toLocaleString('id-ID');
}
</script>
@endpush
@endsection