@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="{{ __('Average driving speed') }}(KM/H)" name="drivingSpeed" />
                
            </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>