@extends('layouts.app')

@section('content')
<div class="container">
    <div class="card shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="mb-0">Edit Valuation</h4>
            <a href="{{ route('valuations.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back
            </a>
        </div>
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('valuations.update', $valuation->id) }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="row g-4">
                    <!-- Basic Information -->
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">Basic Information</h5>
                            </div>
                            <div class="card-body">
                                <div class="mb-3">
                                    <label for="bil" class="form-label">Bil</label>
                                    <input type="text" class="form-control" id="bil" name="bil" value="{{ old('bil', $valuation->bil) }}" required>
                                </div>
                                <div class="mb-3">
                                    <label for="daerah" class="form-label">Daerah</label>
                                    <input type="text" class="form-control" id="daerah" name="daerah" value="{{ old('daerah', $valuation->daerah) }}" required>
                                </div>
                                <div class="mb-3">
                                    <label for="mukim_bandar" class="form-label">Mukim/Bandar</label>
                                    <input type="text" class="form-control" id="mukim_bandar" name="mukim_bandar" value="{{ old('mukim_bandar', $valuation->mukim_bandar) }}" required>
                                </div>
                                <div class="mb-3">
                                    <label for="seksyen_blok" class="form-label">Seksyen/Blok</label>
                                    <input type="text" class="form-control" id="seksyen_blok" name="seksyen_blok" value="{{ old('seksyen_blok', $valuation->seksyen_blok) }}">
                                </div>
                                <div class="mb-3">
                                    <label for="no_lot_plot" class="form-label">No. Lot</label>
                                    <input type="text" class="form-control" id="no_lot_plot" name="no_lot_plot" value="{{ old('no_lot_plot', $valuation->no_lot_plot) }}" required>
                                </div>
                                <div class="mb-3">
                                    <label for="status_lot" class="form-label">Status Lot</label>
                                    <input type="text" class="form-control" id="status_lot" name="status_lot" value="{{ old('status_lot', $valuation->status_lot) }}">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Property Details -->
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">Property Details</h5>
                            </div>
                            <div class="card-body">
                                <div class="mb-3">
                                    <label for="luas_lot_petak" class="form-label">Luas (m²)</label>
                                    <input type="number" step="0.01" class="form-control" id="luas_lot_petak" name="luas_lot_petak" value="{{ old('luas_lot_petak', $valuation->luas_lot_petak) }}" required>
                                </div>
                                <div class="mb-3">
                                    <label for="unit_luas" class="form-label">Unit Luas</label>
                                    <select class="form-select" id="unit_luas" name="unit_luas">
                                        @if(old('unit_luas', $valuation->unit_luas))
                                            <option value="{{ old('unit_luas', $valuation->unit_luas) }}" selected>{{ old('unit_luas', $valuation->unit_luas) }}</option>
                                        @endif
                                        <option value="">Select unit</option>
                                        <option value="meter">Meter</option>
                                        <option value="kaki">Kaki</option>
                                        <option value="hektar">Hektar</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="jenis_harta_tanah" class="form-label">Jenis Harta</label>
                                    <select class="form-select" id="jenis_harta_tanah" name="jenis_harta_tanah" required>
                                        @if(old('jenis_harta_tanah', $valuation->jenis_harta_tanah))
                                            <option value="{{ old('jenis_harta_tanah', $valuation->jenis_harta_tanah) }}" selected>{{ old('jenis_harta_tanah', $valuation->jenis_harta_tanah) }}</option>
                                        @endif
                                        <option value="">Select jenis harta</option>
                                        <option value="Tanah Kosong">Tanah Kosong</option>
                                        <option value="Bangunan">Bangunan</option>
                                        <option value="Pertanian">Pertanian</option>
                                        <option value="Perindustrian">Perindustrian</option>
                                        <option value="Perniagaan">Perniagaan</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="balasan_rm" class="form-label">Balasan (RM)</label>
                                    <input type="number" step="0.01" class="form-control" id="balasan_rm" name="balasan_rm" value="{{ old('balasan_rm', $valuation->balasan_rm) }}" required>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Land Details -->
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">Land Details</h5>
                            </div>
                            <div class="card-body">
                                <div class="mb-3">
                                    <label for="jenis_hakmilik" class="form-label">Jenis Hakmilik</label>
                                    <select class="form-select" id="jenis_hakmilik" name="jenis_hakmilik">
                                        @if(old('jenis_hakmilik', $valuation->jenis_hakmilik))
                                            <option value="{{ old('jenis_hakmilik', $valuation->jenis_hakmilik) }}" selected>{{ old('jenis_hakmilik', $valuation->jenis_hakmilik) }}</option>
                                        @endif
                                        <option value="">Select jenis hakmilik</option>
                                        <option value="Geran">Geran</option>
                                        <option value="Pajakan">Pajakan</option>
                                        <option value="HSM">HSM</option>
                                        <option value="HSD">HSD</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="no_hakmilik" class="form-label">No. Hakmilik</label>
                                    <input type="text" class="form-control" id="no_hakmilik" name="no_hakmilik" value="{{ old('no_hakmilik', $valuation->no_hakmilik) }}">
                                </div>
                                <div class="mb-3">
                                    <label for="jenis_pegangan" class="form-label">Jenis Pegangan</label>
                                    <select class="form-select" id="jenis_pegangan" name="jenis_pegangan">
                                        @if(old('jenis_pegangan', $valuation->jenis_pegangan))
                                            <option value="{{ old('jenis_pegangan', $valuation->jenis_pegangan) }}" selected>{{ old('jenis_pegangan', $valuation->jenis_pegangan) }}</option>
                                        @endif
                                        <option value="">Select jenis pegangan</option>
                                        <option value="Kekal">Kekal</option>
                                        <option value="Pajakan">Pajakan</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="tempoh_pajakan" class="form-label">Tempoh Pajakan (Tahun)</label>
                                    <select class="form-select" id="tempoh_pajakan" name="tempoh_pajakan">
                                        @if(old('tempoh_pajakan', $valuation->tempoh_pajakan))
                                            <option value="{{ old('tempoh_pajakan', $valuation->tempoh_pajakan) }}" selected>{{ old('tempoh_pajakan', $valuation->tempoh_pajakan) }}</option>
                                        @endif
                                        <option value="">Select tempoh</option>
                                        <option value="30">30</option>
                                        <option value="60">60</option>
                                        <option value="99">99</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="tarikh_luput_pajakan" class="form-label">Tarikh Luput Pajakan</label>
                                    <input type="date" class="form-control" id="tarikh_luput_pajakan" name="tarikh_luput_pajakan" value="{{ old('tarikh_luput_pajakan', $valuation->tarikh_luput_pajakan ? $valuation->tarikh_luput_pajakan->format('Y-m-d') : '') }}">
                                </div>
                                <div class="mb-3">
                                    <label for="klasifikasi_tanah" class="form-label">Klasifikasi Tanah</label>
                                    <input type="text" class="form-control" id="klasifikasi_tanah" name="klasifikasi_tanah" value="{{ old('klasifikasi_tanah', $valuation->klasifikasi_tanah) }}">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Building Details -->
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">Building Details</h5>
                            </div>
                            <div class="card-body">
                                <div class="mb-3">
                                    <label for="jenis_bangunan" class="form-label">Jenis Bangunan</label>
                                    <select class="form-select" id="jenis_bangunan" name="jenis_bangunan">
                                        @if(old('jenis_bangunan', $valuation->jenis_bangunan))
                                            <option value="{{ old('jenis_bangunan', $valuation->jenis_bangunan) }}" selected>{{ old('jenis_bangunan', $valuation->jenis_bangunan) }}</option>
                                        @endif
                                        <option value="">Select jenis bangunan</option>
                                        <option value="Rumah Teres">Rumah Teres</option>
                                        <option value="Rumah Berkembar">Rumah Berkembar</option>
                                        <option value="Rumah Sesebuah">Rumah Sesebuah</option>
                                        <option value="Pangsapuri">Pangsapuri</option>
                                        <option value="Kedai">Kedai</option>
                                        <option value="Kilang">Kilang</option>
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="bil_tgkt_atas_tanah" class="form-label">Bil. Tingkat Atas Tanah</label>
                                    <select class="form-select" id="bil_tgkt_atas_tanah" name="bil_tgkt_atas_tanah">
                                        @if(old('bil_tgkt_atas_tanah', $valuation->bil_tgkt_atas_tanah))
                                            <option value="{{ old('bil_tgkt_atas_tanah', $valuation->bil_tgkt_atas_tanah) }}" selected>{{ old('bil_tgkt_atas_tanah', $valuation->bil_tgkt_atas_tanah) }}</option>
                                        @endif
                                        <option value="">Select bilangan tingkat</option>
                                        @for($i = 1; $i <= 50; $i++)
                                            <option value="{{ $i }}">{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="bil_tgkt_bawah_tanah" class="form-label">Bil. Tingkat Bawah Tanah</label>
                                    <select class="form-select" id="bil_tgkt_bawah_tanah" name="bil_tgkt_bawah_tanah">
                                        @if(old('bil_tgkt_bawah_tanah', $valuation->bil_tgkt_bawah_tanah))
                                            <option value="{{ old('bil_tgkt_bawah_tanah', $valuation->bil_tgkt_bawah_tanah) }}" selected>{{ old('bil_tgkt_bawah_tanah', $valuation->bil_tgkt_bawah_tanah) }}</option>
                                        @endif
                                        <option value="">Select bilangan tingkat</option>
                                        @for($i = 1; $i <= 10; $i++)
                                            <option value="{{ $i }}">{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="luas_bangunan_utama" class="form-label">Luas Bangunan Utama</label>
                                    <input type="number" step="0.01" class="form-control" id="luas_bangunan_utama" name="luas_bangunan_utama" value="{{ old('luas_bangunan_utama', $valuation->luas_bangunan_utama) }}">
                                </div>
                                <div class="mb-3">
                                    <label for="bilangan_bilik" class="form-label">Bilangan Bilik</label>
                                    <input type="number" class="form-control" id="bilangan_bilik" name="bilangan_bilik" value="{{ old('bilangan_bilik', $valuation->bilangan_bilik) }}">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Additional Information -->
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">Additional Information</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="jenis_tanaman" class="form-label">Jenis Tanaman</label>
                                            <input type="text" class="form-control" id="jenis_tanaman" name="jenis_tanaman" value="{{ old('jenis_tanaman', $valuation->jenis_tanaman) }}">
                                        </div>
                                        <div class="mb-3">
                                            <label for="no_rss_pelan" class="form-label">No. RSS/Pelan</label>
                                            <input type="text" class="form-control" id="no_rss_pelan" name="no_rss_pelan" value="{{ old('no_rss_pelan', $valuation->no_rss_pelan) }}">
                                        </div>
                                        <div class="mb-3">
                                            <label for="alamat" class="form-label">Alamat</label>
                                            <textarea class="form-control" id="alamat" name="alamat" rows="3">{{ old('alamat', $valuation->alamat) }}</textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="kawasan_skim_perumahan" class="form-label">Kawasan/Skim Perumahan</label>
                                            <input type="text" class="form-control" id="kawasan_skim_perumahan" name="kawasan_skim_perumahan" value="{{ old('kawasan_skim_perumahan', $valuation->kawasan_skim_perumahan) }}">
                                        </div>
                                        <div class="mb-3">
                                            <label for="nama_pemberi_pindahmilik" class="form-label">Nama Pemberi Pindahmilik</label>
                                            <input type="text" class="form-control" id="nama_pemberi_pindahmilik" name="nama_pemberi_pindahmilik" value="{{ old('nama_pemberi_pindahmilik', $valuation->nama_pemberi_pindahmilik) }}">
                                        </div>
                                        <div class="mb-3">
                                            <label for="nama_penerima_pindahmilik" class="form-label">Nama Penerima Pindahmilik</label>
                                            <input type="text" class="form-control" id="nama_penerima_pindahmilik" name="nama_penerima_pindahmilik" value="{{ old('nama_penerima_pindahmilik', $valuation->nama_penerima_pindahmilik) }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Indication Section -->
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">Indication Status</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="indication_status" class="form-label">Status</label>
                                            <select class="form-select" id="indication_status" name="indication_status">
                                                @if(old('indication_status', $valuation->indication_status))
                                                    <option value="{{ old('indication_status', $valuation->indication_status) }}" selected>{{ old('indication_status', $valuation->indication_status) }}</option>
                                                @endif
                                                <option value="">Select status</option>
                                                <option value="approved">Approved</option>
                                                <option value="rejected">Rejected</option>
                                                <option value="pending">Pending Review</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="indication_remarks" class="form-label">Remarks</label>
                                            <textarea class="form-control" id="indication_remarks" name="indication_remarks" rows="3">{{ $valuation->indication_remarks }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Submit Section -->
                    <div class="col-12">
                        <div class="d-flex justify-content-end gap-2">
                            <button type="reset" class="btn btn-secondary">Reset</button>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> Update Valuation
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@push('styles')
<style>
    .card-header {
        padding: 1rem 1.5rem;
        background-color: #f8f9fa;
    }
    .form-label {
        font-weight: 500;
        color: #495057;
    }
    .card {
        border: 1px solid rgba(0,0,0,.125);
        margin-bottom: 1rem;
    }
    .form-control:focus {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }
</style>
@endpush