@php
    use Carbon\Carbon;
@endphp
@extends('layout.admin.master')

@section('content')
    <!-- Main Content -->
    <div class="main-content">
        <section class="section">
            <div class="section-body">
                <div class="row justify-content-center">
                    <div class="col-12 col-md-8 col-lg-6">
                        <div class="card">
                            <form action="{{ route('bookings.update', ['booking' => $booking->id]) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="card-header">
                                    <h4>{{ __('messages.update_booking') }}</h4>
                                </div>
                                <div class="card-body">
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.on_road') }}</label>
                                        <input name="on_road" type="checkbox" id="on_road" value="1"
                                            {{ old('on_road', $booking->on_road) ? 'checked' : '' }}>
                                        <input type="hidden" name="on_road" id="hidden_on_road" value="0">
                            
                                        @if ($errors->has('on_road'))
                                            <div class="text-danger">{{ $errors->first('on_road') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.outsource') }}</label>
                                        <input name="outsource" id="outsource" type="checkbox" value="1"
                                            {{ old('outsource', $booking->outsource) ? 'checked' : '' }}>
                                        <input type="hidden" name="outsource" id="hidden_outsource" value="0">
                            
                                        @if ($errors->has('outsource'))
                                            <div class="text-danger">{{ $errors->first('outsource') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.status') }}</label>
                                        <select name="status" class="form-control" required>
                                            <option value="pending"
                                                {{ old('status', $booking->status) == 'pending' ? 'selected' : '' }}>
                                                {{ __('messages.pending') }}</option>
                                            <option value="on_going"
                                                {{ old('status', $booking->status) == 'on_going' ? 'selected' : '' }}>
                                                {{ __('messages.on_going') }}</option>
                                            <option value="finished"
                                                {{ old('status', $booking->status) == 'finished' ? 'selected' : '' }}>
                                                {{ __('messages.finished') }}</option>
                                            <option value="cancelled"
                                                {{ old('status', $booking->status) == 'cancelled' ? 'selected' : '' }}>
                                                {{ __('messages.cancelled') }}</option>
                                        </select>
                            
                                        @if ($errors->has('status'))
                                            <div class="text-danger">{{ $errors->first('status') }}</div>
                                        @endif
                                    </div>
                                    <div class="form-group">
                                        <label>{{ __('messages.travel_date') }}</label>
                                        <input name="travel_date" type="date" class="form-control"
                                            value="{{ old('travel_date', Carbon::parse($booking->travel_date)->format('Y-m-d')) }}" required="">
                            
                                        @if ($errors->has('travel_date'))
                                            <div class="text-danger">{{ $errors->first('travel_date') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group road_dependent_field">
                                        <label>{{ __('messages.travel_time') }}</label>
                                        <input name="travel_time" type="time" class="form-control"
                                            value="{{ old('travel_time', $booking->travel_time) }}">
                            
                                        @if ($errors->has('travel_time'))
                                            <div class="text-danger">{{ $errors->first('travel_time') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group if_on_road">
                                        <label>{{ __('messages.account') }}</label>
                                        <select name="account_id" id="account" class="form-control">
                                            <option selected disabled>{{ __('messages.select_account') }}</option>
                                            @forelse ($accounts as $account)
                                                <option value="{{ $account->id }}"
                                                    {{ old('account_id', $booking->onRoadPayment ? $booking->onRoadPayment->account_id : '') == $account->id ? 'selected' : '' }}>
                                                    {{ $account->title . '  --  ' . $account->type }}
                                                </option>
                                            @empty
                                                <option disabled>{{ __('messages.no_accounts_available') }}</option>
                                            @endforelse
                                        </select>
                            
                                        @if ($errors->has('account_id'))
                                            <div class="text-danger">{{ $errors->first('account_id') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.partner') }}</label>
                                        <select name="partner_id" class="form-control">
                                            <option value="" selected>{{ __('messages.select_partner') }}</option>
                                            @forelse ($partners as $partner)
                                                <option value="{{ $partner->id }}"
                                                    {{ old('partner_id', $booking->partner_id) == $partner->id ? 'selected' : '' }}>
                                                    {{ $partner->fname . ' ' . $partner->lname }}</option>
                                            @empty
                                                <option disabled>{{ __('messages.no_partners_available') }}</option>
                                            @endforelse
                                        </select>
                            
                                        @if ($errors->has('partner_id'))
                                            <div class="text-danger">{{ $errors->first('partner_id') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group road_dependent_field">
                                        <label>{{ __('messages.driver') }}</label>
                                        <select name="employee_id" id="employee_id" class="form-control">
                                            <option value="" selected>{{ __('messages.select_driver') }}</option>
                                            @forelse ($drivers as $driver)
                                                <option value="{{ $driver->id }}"
                                                    {{ old('employee_id', $booking->employee_id) == $driver->id ? 'selected' : '' }}>
                                                    {{ $driver->fname . ' ' . $driver->lname }}</option>
                                            @empty
                                                <option disabled>{{ __('messages.no_drivers_available') }}</option>
                                            @endforelse
                                        </select>
                            
                                        @if ($errors->has('employee_id'))
                                            <div class="text-danger">{{ $errors->first('employee_id') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.vehicle') }}</label>
                                        <select name="vehicle_id" id="vehicle_id" class="form-control">
                                            <option value="" selected>{{ __('messages.select_vehicle') }}</option>
                                            @forelse ($vehicles as $vehicle)
                                                <option value="{{ $vehicle->id }}"
                                                    {{ old('vehicle_id', $booking->vehicle_id) == $vehicle->id ? 'selected' : '' }}>
                                                    {{ $vehicle->name }}</option>
                                            @empty
                                                <option disabled>{{ __('messages.no_vehicles_available') }}</option>
                                            @endforelse
                                        </select>
                            
                                        @if ($errors->has('vehicle_id'))
                                            <div class="text-danger">{{ $errors->first('vehicle_id') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group road_dependent_field">
                                        <label>{{ __('messages.passenger_name') }}</label>
                                        <input name="passenger_name" type="text" class="form-control"
                                            value="{{ old('passenger_name', $booking->passenger_name) }}">
                            
                                        @if ($errors->has('passenger_name'))
                                            <div class="text-danger">{{ $errors->first('passenger_name') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group road_dependent_field">
                                        <label>{{ __('messages.passenger_phone') }}</label>
                                        <input name="passenger_phone" type="tel" class="form-control"
                                            value="{{ old('passenger_phone', $booking->passenger_phone) }}">
                            
                                        @if ($errors->has('passenger_phone'))
                                            <div class="text-danger">{{ $errors->first('passenger_phone') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.airline') }}</label>
                                        <input name="airline" type="text" class="form-control"
                                            value="{{ old('airline', $booking->airline) }}">
                            
                                        @if ($errors->has('airline'))
                                            <div class="text-danger">{{ $errors->first('airline') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group road_dependent_field">
                                        <label>{{ __('messages.pickup_location') }}</label>
                                        <input name="pickup_location" type="text" class="form-control"
                                            value="{{ old('pickup_location', $booking->pickup_location) }}">
                            
                                        @if ($errors->has('pickup_location'))
                                            <div class="text-danger">{{ $errors->first('pickup_location') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group road_dependent_field">
                                        <label>{{ __('messages.dropoff_location') }}</label>
                                        <input name="dropoff_location" type="text" class="form-control"
                                            value="{{ old('dropoff_location', $booking->dropoff_location) }}">
                            
                                        @if ($errors->has('dropoff_location'))
                                            <div class="text-danger">{{ $errors->first('dropoff_location') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group outsource_dependent_field">
                                        <label>{{ __('messages.outsource_driver_name') }}</label>
                                        <input name="outsource_driver_name" type="text" class="form-control"
                                            value="{{ old('outsource_driver_name', $booking->outsource_driver_name) }}">
                            
                                        @if ($errors->has('outsource_driver_name'))
                                            <div class="text-danger">{{ $errors->first('outsource_driver_name') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group outsource_dependent_field">
                                        <label>{{ __('messages.outsource_driver_phone') }}</label>
                                        <input name="outsource_driver_phone" type="text" class="form-control"
                                            value="{{ old('outsource_driver_phone', $booking->outsource_driver_phone) }}">
                            
                                        @if ($errors->has('outsource_driver_phone'))
                                            <div class="text-danger">{{ $errors->first('outsource_driver_phone') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group outsource_dependent_field">
                                        <label>{{ __('messages.outsource_purchase') }}</label>
                                        <input name="outsource_purchase" type="text" class="form-control"
                                            value="{{ old('outsource_purchase', $booking->outsource_purchase) }}">
                            
                                        @if ($errors->has('outsource_purchase'))
                                            <div class="text-danger">{{ $errors->first('outsource_purchase') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group outsource_dependent_field">
                                        <label>{{ __('messages.outsource_credit') }}</label>
                                        <input name="outsource_credit" type="text" class="form-control"
                                            value="{{ old('outsource_credit', $booking->outsource_credit) }}">
                            
                                        @if ($errors->has('outsource_credit'))
                                            <div class="text-danger">{{ $errors->first('outsource_credit') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.debit') }}</label>
                                        <input name="debit" type="number" class="form-control"
                                            value="{{ old('debit', $booking->debit) }}">
                            
                                        @if ($errors->has('debit'))
                                            <div class="text-danger">{{ $errors->first('debit') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <label>{{ __('messages.credit') }}</label>
                                        <input name="credit" type="number" class="form-control"
                                            value="{{ old('credit', $booking->credit) }}">
                            
                                        @if ($errors->has('credit'))
                                            <div class="text-danger">{{ $errors->first('credit') }}</div>
                                        @endif
                                    </div>
                            
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary">{{ __('messages.update') }}</button>
                                    </div>
                                </div>
                            </form>
                            
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script>
        $(document).ready(function() {

            function toggleFields() {
                if ($('#on_road').is(':checked')) {
                    $('.if_on_road').show();
                    $('#debit').prop('readonly', false);
                    $('#outsource').prop('checked', false).prop('disabled', true);
                    $('#hidden_on_road').val('1'); // Set hidden input value to 1 for "On Road"
                    $('#hidden_outsource').val('0'); // Set hidden input value to 0 for "Outsource"

                    $('.road_dependent_field').hide();
                    $('.outsource_dependent_field').hide();
                } else if ($('#outsource').is(':checked')) {
                    $('.if_on_road').hide();
                    $('#debit').prop('readonly', true);
                    $('#on_road').prop('checked', false).prop('disabled', true);
                    $('#hidden_on_road').val('0'); // Set hidden input value to 0 for "On Road"
                    $('#hidden_outsource').val('1'); // Set hidden input value to 1 for "Outsource"

                    $('.road_dependent_field').hide();
                    $('.outsource_dependent_field').show();
                } else {
                    $('.if_on_road').hide();
                    $('#debit').prop('readonly', false);
                    $('#on_road, #outsource').prop('disabled', false);
                    $('#hidden_on_road').val('0'); // Set hidden input value to 0 for "On Road"
                    $('#hidden_outsource').val('0'); // Set hidden input value to 0 for "Outsource"

                    $('#on_road, #outsource').prop('disabled', false);
                    $('.road_dependent_field').show();
                    $('.outsource_dependent_field').hide();
                }
            }

            // Initialize the fields visibility based on the checkbox state
            toggleFields();

            // Attach event listeners to the checkboxes
            $('#on_road').change(function() {
                toggleFields();
            });

            $('#outsource').change(function() {
                toggleFields();
            });

            // JSON data for drivers
            const drivers = @json($drivers);

            // Get references to elements
            const employeeSelect = document.getElementById('employee_id');
            const vehicleSelect = document.getElementById('vehicle_id');
            const onRoadCheckbox = document.getElementById('on_road');

            // Function to auto-select vehicle based on employee
            function autoSelectVehicle() {
                const selectedDriverId = employeeSelect.value;
                const selectedDriver = drivers.find(driver => driver.id == selectedDriverId);

                if (selectedDriver && selectedDriver.vehicle_id) {
                    vehicleSelect.value = selectedDriver.vehicle_id;
                } 
                // If needed, reset vehicle selection when no driver is selected
                // else {
                //     vehicleSelect.value = ''; 
                // }
            }

            // Function to auto-select employee based on vehicle if on_road is checked
            function autoSelectEmployee() {
                if (onRoadCheckbox.checked) {
                    const selectedVehicleId = vehicleSelect.value;
                    const selectedDriver = drivers.find(driver => driver.vehicle_id == selectedVehicleId);

                    if (selectedDriver) {
                        employeeSelect.value = selectedDriver.id;
                    }
                }
            }

            // Attach event listeners
            employeeSelect.addEventListener('change', autoSelectVehicle);
            vehicleSelect.addEventListener('change', autoSelectEmployee);

            // Initialize vehicle selection on page load
            autoSelectVehicle();
            autoSelectEmployee();

            // Add event listener to change event of driver dropdown
            employeeSelect.addEventListener('change', autoSelectVehicle);
        });
    </script>
@endsection