@extends('layouts.admin')
@section('title', __('Delivery'))
@section('content')
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('Delivery') }}</h1>
<p class="mb-6 max-w-2xl text-on-surface-variant">{{ __('Fees are in USD. Orders over the "free over" amount ship free for that method.') }}</p>
<div class="space-y-6">
@foreach ($zones as $z)
    <section class="rounded-[32px] border border-surface-variant bg-white p-6">
        <h2 class="mb-4 font-extrabold text-primary">{{ $z->name }} <span class="text-sm font-normal text-on-surface-variant">({{ trans_choice(':count province|:count provinces', $z->provinces, ['count' => $z->provinces]) }})</span></h2>
        @foreach ($z->methods as $m)
            <form method="POST" action="{{ route('admin.shipping.update', [$z->id, $m->id]) }}" class="mb-4 grid gap-3 rounded-2xl bg-surface-mid p-4 sm:grid-cols-4">@csrf @method('PUT')
                <x-field name="name" :label="__('Name')" :value="$m->name" required/>
                <x-field name="base_fee" type="number" step="0.01" min="0" :label="__('Fee')" :value="$m->base_fee" required/>
                <x-field name="fee_per_kg" type="number" step="0.01" min="0" :label="__('Extra per kg')" :value="$m->fee_per_kg"/>
                <x-field name="free_over_amount" type="number" step="0.01" min="0" :label="__('Free over')" :value="$m->free_over_amount"/>
                <x-field name="est_days_min" type="number" min="0" :label="__('Days (from)')" :value="$m->est_days_min"/>
                <x-field name="est_days_max" type="number" min="0" :label="__('Days (to)')" :value="$m->est_days_max"/>
                <div class="flex flex-col justify-end"><label class="flex min-h-[40px] items-center gap-2"><input type="checkbox" name="cod_available" value="1" @checked($m->cod_available) class="h-4 w-4 accent-[#1a3627]"> {{ __('Cash on delivery') }}</label>
                    <label class="flex min-h-[40px] items-center gap-2"><input type="checkbox" name="is_active" value="1" @checked($m->is_active) class="h-4 w-4 accent-[#1a3627]"> {{ __('Active') }}</label></div>
                <div class="flex items-end gap-3"><x-btn type="submit">{{ __('Save') }}</x-btn>
                    <button form="del{{ $m->id }}" class="min-h-[44px] text-sm font-bold text-on-surface-variant underline hover:text-error">{{ __('Delete') }}</button></div>
            </form>
            <form id="del{{ $m->id }}" method="POST" action="{{ route('admin.shipping.delete', [$z->id, $m->id]) }}" onsubmit="return confirm('{{ __('Delete this delivery method?') }}')">@csrf @method('DELETE')</form>
        @endforeach
        <details class="rounded-2xl border border-outline-variant p-4"><summary class="cursor-pointer font-bold text-primary">{{ __('Add a delivery method') }}</summary>
            <form method="POST" action="{{ route('admin.shipping.store', $z->id) }}" class="mt-4 grid gap-3 sm:grid-cols-4">@csrf
                <x-field name="name" :label="__('Name')" required/><x-field name="base_fee" type="number" step="0.01" min="0" :label="__('Fee')" required/>
                <x-field name="free_over_amount" type="number" step="0.01" min="0" :label="__('Free over')"/><x-field name="est_days_min" type="number" min="0" :label="__('Days (from)')"/>
                <x-field name="est_days_max" type="number" min="0" :label="__('Days (to)')"/>
                <div class="flex flex-col justify-end"><label class="flex min-h-[40px] items-center gap-2"><input type="checkbox" name="cod_available" value="1" checked class="h-4 w-4 accent-[#1a3627]"> {{ __('Cash on delivery') }}</label>
                    <label class="flex min-h-[40px] items-center gap-2"><input type="checkbox" name="is_active" value="1" checked class="h-4 w-4 accent-[#1a3627]"> {{ __('Active') }}</label></div>
                <div class="flex items-end"><x-btn type="submit">{{ __('Add') }}</x-btn></div>
            </form></details>
    </section>
@endforeach
</div>
@endsection