@section('title', 'Airport Settings')

@section('top-menu-items')
    <div class="menu-item here show menu-lg-down-accordion me-lg-1">
        <a class="menu_link py-3 " style="background: #F3F3F3; color: #F4404B" href="airport-setting" wire:navigate>
            <span class="menu-title">Organization</span>
            <span class="menu-arrow d-lg-none"></span>
        </a>
    </div>
    <x-partials.top-menu-item name="Tour Vessels" route="vessels" />
    <x-partials.top-menu-item name="Team Members" route="users" />
@endsection
@section('sub-menu-items')
    <x-partials.sub-menu-item name=" Availability" route="settings" />
    <x-partials.sub-menu-item name="Special Unavailability" route="special-unavailability" />
    <x-partials.sub-menu-item name="Taxes" route="taxes" />
    <x-partials.sub-menu-item name="Online Bookings" route="online-booking" />
    <x-partials.sub-menu-item name="Airport Settings" route="airport-setting" />
    <x-partials.sub-menu-item name="Booking Settings" route="order-information" />   
    <x-partials.sub-menu-item name="APIs" route="auth-token" />
    <x-partials.sub-menu-item name="Integrations" route="stripe-connect" />   
@endsection

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div id="kt_content_container" class="container-xxl">
        <div class="card mt-12" style="background-color: #F3F3F3;">
            <div class="px-5 pt-5 pb-3">
                <span class="text-muted">
                    These settings are specific to the Tour Vessel Types that require an Airport for departures.
                    <strong>Pro Tip:</strong> Don't see a setting or feature you require? Contact your Support Team to
                    request it!
                </span>
            </div>
            @php
                $canEdit = auth()->user()->can('write_global_settings');
            @endphp

            <form wire:submit.prevent="save">
                <div class="row p-5">
                    <!-- Left Column - Max Flights Per Day -->
                    <div class="form-group mb-4 col-md-6">
                        <label for="maxFlights" class="custom-label mb-3">Max Flights Per Day</label><br>
                        <span class="text-muted">
                            How many times a day can all Tour Vessels depart from the airport?
                        </span>
                        <input type="number" id="maxFlights" class="form-control form-control-white"
                            wire:model.debounce.500ms="settings.max_flights" wire:change="saveSettingOnChange"
                            placeholder="Enter max flights per day"  onwheel="this.blur()" {{ $canEdit ? '' : 'disabled' }}>

                        @error('settings.max_flights')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <!-- Right Column - Revenue Type -->
                    <!-- Right Column - Revenue Type -->
                    <div class="form-group mb-4 col-md-6">
                        <label class="custom-label mb-3">Revenue Type</label>
                        <p class="text-muted">Add the selections below to the Revenue Type options for report purposes.
                        </p>

                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="fuel_sales" value="Fuel Sales"
                                wire:click="updateToggle('Fuel Sales')"
                                {{ $settings['revenue_type_fuel_sales'] ? 'checked' : '' }}     {{ $canEdit ? '' : 'disabled' }}>
                            <label class="form-check-label" for="fuel_sales">
                                Fuel Sales
                            </label>
                        </div>
                    </div>

                    <!-- Participant Weight Toggle -->
                    <div class="form-group mb-4 col-md-6">
                        <label class="custom-label mb-3">Participant Weight</label>
                        <p class="text-muted">Would you like to capture the weight of your Tour Participants?</p>

                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="participant_weight"
                                value="Participant Weight" wire:click="updateToggle('Participant Weight')"
                                {{ $settings['participant_weight'] ? 'checked' : '' }} {{ $canEdit ? '' : 'disabled' }}>
                            <label class="form-check-label" for="participant_weight">
                                Participant Weight
                            </label>
                        </div>
                    </div>


                </div>

            </form>
        </div>
    </div>
</div>