@extends('admin.layouts.app')

@section('title','Edit Service Booking')

@section('content')

<div class="form-card">
    <h2>Edit Service Booking</h2>

    @if($errors->any())
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    <form action="{{ route('admin.service-bookings.update', $serviceBooking->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="form-grid">
            <div class="form-group">
                <label>Booking No</label>
                <input type="text" value="{{ $serviceBooking->booking_no }}" readonly>
            </div>

            <div class="form-group">
                <label>Quotation</label>
                <select name="quotation_id" id="quotationSelect">
                    <option value="">No Quotation</option>
                    @foreach($quotations as $quotation)
                        <option value="{{ $quotation->id }}"
                            data-customer-name="{{ $quotation->customer->customer_name ?? '' }}"
                            data-address="{{ $quotation->customer->address ?? '' }}"
                            @selected((string)old('quotation_id',$serviceBooking->quotation_id)===(string)$quotation->id)>
                            {{ $quotation->quotation_number ?? 'QT-'.$quotation->id }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="form-group">
                <label>Customer</label>
                <input id="customerNameInput" type="text" value="{{ $serviceBooking->customer->customer_name ?? '-' }}" readonly>
            </div>

            <div class="form-group">
                <label>Service Date *</label>
                <input type="date" name="service_date" value="{{ old('service_date', $serviceBooking->service_date) }}" required>
            </div>

            <div class="form-group">
                <label>Service Time</label>
                <input type="time" name="service_time" value="{{ old('service_time', $serviceBooking->service_time) }}">
            </div>

            <div class="form-group">
                <label>Status *</label>
                <select name="service_status" required>
                    @foreach(['Booked','Assigned','In Progress','Completed','Cancelled'] as $status)
                        <option value="{{ $status }}"
                            {{ old('service_status', $serviceBooking->service_status) == $status ? 'selected' : '' }}>
                            {{ $status }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="form-group full">
                <label>Service Address</label>
                <textarea name="service_address" id="serviceAddressInput">{{ old('service_address', $serviceBooking->service_address) }}</textarea>
            </div>

            <div class="form-group full">
                <label>Remarks</label>
                <textarea name="remarks">{{ old('remarks', $serviceBooking->remarks) }}</textarea>
            </div>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn-primary">Update Booking</button>
            <a href="{{ route('admin.service-bookings.index') }}" class="btn-secondary">Cancel</a>
        </div>
    </form>

</div>
<script>
document.addEventListener('DOMContentLoaded',function(){
    const quotation=document.getElementById('quotationSelect');
    const customer=document.getElementById('customerNameInput');
    const address=document.getElementById('serviceAddressInput');
    quotation.addEventListener('change',function(){
        const selected=quotation.options[quotation.selectedIndex];
        customer.value=selected.dataset.customerName||'-';
        if(selected.value) address.value=selected.dataset.address||'';
    });
});
</script>
@endsection