@section('title',__('Taxi Settings'))
<div>

    <x-baseview title="{{ __('Taxi Settings') }}">

        <x-form action="saveSettings">

            {{-- genereal settings --}}
            <div class="grid grid-cols-1 gap-5 md:grid-cols-2">

                <x-input title="{{ __('Taxi Auto Cancel Time') }}({{ __('Mintues') }})" name="cancelPendingTaxiOrderTime" />
                <x-input title="{{ __('Max order schedule days') }}" name="taxiMaxScheduleDays" />
                <x-input title="{{ __('Average driving speed') }}(KM/H)" name="drivingSpeed" />
            </div>
            <div class="grid grid-cols-1 gap-5 md:grid-cols-2">
                <x-checkbox title="{{ __('Multiple Currency') }}" name="multipleCurrency" :defer="false" /> 
                <x-checkbox title="{{ __('Allow schedule taxi order') }}" name="canScheduleTaxiOrder" :defer="false" /> 
                
            </div>
             {{-- matching settings --}}
             <p class="pt-4 mt-10 text-2xl border-t">{{__("Driver Matching") }}</p>
             <div class='grid grid-cols-1 gap-4 mb-10 md:grid-cols-2 '>
                 
                <x-checkbox title="{{ __('Use Firebase cloud function') }}" name="taxiUseFirebaseServer" description="{{ __('Your taxi order will be matched with driver using firebase cloud function') }}" :defer="false" /> 
                <x-input title="{{ __('Delay Taxi matching') }}({{ __('Seconds') }})" name="delayTaxiMatching" />
                <x-input title="{{ __('Delay same order subsequent Search') }}({{ __('Seconds') }})" name="delayResearchTaxiMatching" />
             </div>
 
            {{-- custom message --}}
            <p class="pt-4 mt-10 text-2xl border-t">{{__("Custom Notification Message") }}</p>
            <p class="text-sm font-light text-red-300">{{__("These are messages sent to customer base on order status") }}</p>
            <div class='grid grid-cols-1 gap-4 mb-10 md:grid-cols-2 '>
                
                <x-input title="{{ __('Pending') }}" name="pending" />
                <x-input title="{{ __('Preparing') }}" name="preparing" />
                <x-input title="{{ __('Ready') }}" name="ready" />
                <x-input title="{{ __('Enroute') }}" name="enroute" />
                <x-input title="{{ __('Completed') }}" name="completed" />
                <x-input title="{{ __('Cancelled') }}" name="cancelled" />
                <x-input title="{{ __('Failed') }}" name="failed" />
            </div>

            <x-buttons.primary title="{{ __('Save Changes') }}" />

        </x-form>

    </x-baseview>

</div>