@php $a = $ambulance ?? null; @endphp

<div class="row">
    <div class="col-6 mb-3">
        <label class="form-label">Registration Number</label>
        <input type="text" name="registration_number" class="form-control" value="{{ old('registration_number', $a->registration_number ?? '') }}" required>
    </div>
    <div class="col-6 mb-3">
        <label class="form-label">Fleet Number</label>
        <input type="text" name="fleet_number" class="form-control" value="{{ old('fleet_number', $a->fleet_number ?? '') }}" placeholder="e.g. PA-01" required>
    </div>
</div>

<div class="row">
    <div class="col-6 mb-3">
        <label class="form-label">Ambulance Type</label>
        <select name="ambulance_type_id" class="form-select" required>
            <option value="">Select type</option>
            @foreach ($types as $type)
                <option value="{{ $type->id }}" @selected(old('ambulance_type_id', $a->ambulance_type_id ?? '') == $type->id)>{{ $type->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-6 mb-3">
        <label class="form-label">Status</label>
        <select name="status" class="form-select" required>
            @foreach (['available','busy','maintenance','offline'] as $s)
                <option value="{{ $s }}" @selected(old('status', $a->status ?? 'offline') === $s)>{{ ucfirst($s) }}</option>
            @endforeach
        </select>
    </div>
</div>

<div class="row">
    <div class="col-4 mb-3">
        <label class="form-label">Make</label>
        <input type="text" name="make" class="form-control" value="{{ old('make', $a->make ?? '') }}">
    </div>
    <div class="col-4 mb-3">
        <label class="form-label">Model</label>
        <input type="text" name="model" class="form-control" value="{{ old('model', $a->model ?? '') }}">
    </div>
    <div class="col-4 mb-3">
        <label class="form-label">Year</label>
        <input type="number" name="year" class="form-control" value="{{ old('year', $a->year ?? '') }}">
    </div>
</div>

<div class="row">
    <div class="col-4 mb-3">
        <label class="form-label">Insurance Expiry</label>
        <input type="date" name="insurance_expiry" class="form-control" value="{{ old('insurance_expiry', optional($a->insurance_expiry ?? null)->format('Y-m-d')) }}">
    </div>
    <div class="col-4 mb-3">
        <label class="form-label">Inspection Expiry</label>
        <input type="date" name="inspection_expiry" class="form-control" value="{{ old('inspection_expiry', optional($a->inspection_expiry ?? null)->format('Y-m-d')) }}">
    </div>
    <div class="col-4 mb-3">
        <label class="form-label">Last Service Date</label>
        <input type="date" name="last_service_date" class="form-control" value="{{ old('last_service_date', optional($a->last_service_date ?? null)->format('Y-m-d')) }}">
    </div>
</div>

<hr>
<label class="form-label fw-semibold">Equipment</label>
<div id="equipment-rows">
    @php $existingEquipment = $a?->equipment ?? collect(); @endphp
    @forelse ($existingEquipment as $eq)
        <div class="row mb-2 equipment-row">
            <div class="col-6"><input type="text" name="equipment_name[]" class="form-control" value="{{ $eq->equipment_name }}"></div>
            <div class="col-4">
                <select name="equipment_condition[]" class="form-select">
                    @foreach (['good','needs_service','faulty'] as $c)
                        <option value="{{ $c }}" @selected($eq->condition === $c)>{{ ucfirst(str_replace('_',' ',$c)) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-2"><button type="button" class="btn btn-outline-danger" onclick="this.closest('.equipment-row').remove()">Remove</button></div>
        </div>
    @empty
        <div class="row mb-2 equipment-row">
            <div class="col-6"><input type="text" name="equipment_name[]" class="form-control" placeholder="e.g. Defibrillator"></div>
            <div class="col-4">
                <select name="equipment_condition[]" class="form-select">
                    <option value="good">Good</option>
                    <option value="needs_service">Needs Service</option>
                    <option value="faulty">Faulty</option>
                </select>
            </div>
            <div class="col-2"><button type="button" class="btn btn-outline-danger" onclick="this.closest('.equipment-row').remove()">Remove</button></div>
        </div>
    @endforelse
</div>
<button type="button" class="btn btn-sm btn-outline-secondary mb-3" onclick="addEquipmentRow()">+ Add Equipment</button>

<script>
function addEquipmentRow() {
    const row = document.createElement('div');
    row.className = 'row mb-2 equipment-row';
    row.innerHTML = `
        <div class="col-6"><input type="text" name="equipment_name[]" class="form-control" placeholder="Equipment name"></div>
        <div class="col-4">
            <select name="equipment_condition[]" class="form-select">
                <option value="good">Good</option>
                <option value="needs_service">Needs Service</option>
                <option value="faulty">Faulty</option>
            </select>
        </div>
        <div class="col-2"><button type="button" class="btn btn-outline-danger" onclick="this.closest('.equipment-row').remove()">Remove</button></div>
    `;
    document.getElementById('equipment-rows').appendChild(row);
}
</script>