@extends('layouts.dashboard')

@section('title', 'Pricing')

@section('content')
    <h1 class="font-display text-3xl mb-1">Pricing</h1>
    <p class="text-muted mb-6">
        Bin types &amp; prices live on the <a href="{{ route('dashboard.bin-types.index') }}" class="underline">bin types</a> screen,
        waste items on the <a href="{{ route('dashboard.waste-items.index') }}" class="underline">waste items</a> screen.
    </p>

    <form method="POST" action="{{ route('dashboard.pricing.update') }}" class="space-y-6 max-w-3xl">
        @csrf
        @method('PUT')

        <div class="card p-6 space-y-4">
            <h2 class="label">Tax</h2>
            <x-dashboard-field name="gst_rate" label="GST rate (%)" type="number" step="0.01" :value="$tenant->gst_rate" required />
        </div>

        @php
            $originType = old('origin_type', $pricing->origin_type->value);
        @endphp

        <div class="card p-6 space-y-4" id="delivery-origin">
            <h2 class="label">Measure delivery from</h2>
            <p class="text-sm text-muted">
                Distances are measured one way, from this point to the delivery address.
            </p>

            <div class="space-y-3">
                <label class="flex items-start gap-2 text-sm">
                    <input type="radio" name="origin_type" value="{{ \App\Enums\DeliveryOriginType::Depot->value }}" class="mt-1"
                           @checked($originType === \App\Enums\DeliveryOriginType::Depot->value)>
                    <span>
                        <span class="font-bold">One of my depots</span>
                        @if ($depots->isEmpty())
                            <span class="block text-muted">No active depots yet — add one on the <a href="{{ route('dashboard.depots.index') }}" class="underline">depots</a> screen.</span>
                        @endif
                    </span>
                </label>

                <div class="pl-6">
                    <label for="origin_depot_id" class="label block mb-1">Depot</label>
                    <select id="origin_depot_id" name="origin_depot_id" class="select" @disabled($depots->isEmpty())>
                        <option value="">Select a depot</option>
                        @foreach ($depots as $depot)
                            <option value="{{ $depot->id }}" @selected((string) old('origin_depot_id', $pricing->origin_depot_id) === (string) $depot->id)>
                                {{ $depot->name }} — {{ $depot->address }}
                            </option>
                        @endforeach
                    </select>
                    @error('origin_depot_id')<p class="text-sm text-status-danger mt-1">{{ $message }}</p>@enderror
                </div>

                <label class="flex items-start gap-2 text-sm">
                    <input type="radio" name="origin_type" value="{{ \App\Enums\DeliveryOriginType::Custom->value }}" class="mt-1"
                           @checked($originType === \App\Enums\DeliveryOriginType::Custom->value)>
                    <span class="font-bold">A custom point</span>
                </label>

                <div class="pl-6 space-y-3">
                    <div class="relative">
                        <label class="label block mb-1" for="origin_address_search">Look up an address</label>
                        <input id="origin_address_search" type="text" class="input" placeholder="Start typing an address" autocomplete="off"
                               data-google-maps-browser-key="{{ $googleMapsBrowserKey }}">
                        <p class="text-xs text-muted mt-1">
                            @if (filled($googleMapsBrowserKey))
                                Picking a suggestion fills the coordinates below. You can also type them in by hand.
                            @else
                                Address suggestions aren't available — enter the coordinates by hand.
                            @endif
                        </p>
                        <ul id="origin_address_suggestions" class="card absolute z-10 left-0 right-0 mt-1 max-h-64 overflow-auto hidden"></ul>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        <x-dashboard-field name="centre_latitude" label="Latitude" type="number" step="0.0000001" :value="$pricing->centre_latitude" required />
                        <x-dashboard-field name="centre_longitude" label="Longitude" type="number" step="0.0000001" :value="$pricing->centre_longitude" required />
                    </div>
                </div>
            </div>
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Delivery</h2>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <x-dashboard-field name="included_km" label="Included km" type="number" step="0.1" :value="$pricing->included_km" required />
                <x-dashboard-field name="rate_per_km" label="Rate per extra km" type="number" step="0.01" :value="$pricing->rate_per_km" required />
                <x-dashboard-field name="service_radius_km" label="Service radius (km)" type="number" step="0.1" :value="$pricing->service_radius_km" required />
            </div>
            <div class="max-w-xs">
                <x-dashboard-field name="delivery_legs" label="Trips per job" type="number" step="1" min="1" :value="$pricing->delivery_legs" required />
                <p class="text-sm text-muted mt-1">
                    How many one-way trips the truck makes per job. 4 = out and back to deliver, out and back to collect.
                </p>
            </div>
            <label class="flex items-center gap-2 text-sm">
                <input type="checkbox" name="delivery_charged_per_bin" value="1" @checked(old('delivery_charged_per_bin', $pricing->delivery_charged_per_bin))>
                Charge delivery once per bin
            </label>
            <p class="text-sm text-muted">
                On when two bins on one booking means two deliveries and two collections. Off charges one delivery per trip, however many bins are on it.
            </p>
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Extra weight</h2>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <x-dashboard-field name="pre_purchase_weight_step_kg" label="Weight step size (kg)" type="number" step="1" :value="$pricing->pre_purchase_weight_step_kg" required />
                <x-dashboard-field name="pre_purchase_weight_rate_per_kg" label="Rate per step ($)" type="number" step="0.01" :value="$pricing->pre_purchase_weight_rate_per_kg" required />
                <x-dashboard-field name="excess_weight_rate_per_kg" label="Excess rate ($/kg)" type="number" step="0.01" :value="$pricing->excess_weight_rate_per_kg" required />
            </div>
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Extra days &amp; other fees</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <x-dashboard-field name="extra_day_rate" label="Extra day rate" type="number" step="0.01" :value="$pricing->extra_day_rate" required />
                <x-dashboard-field name="return_visit_fee" label="Return visit fee" type="number" step="0.01" :value="$pricing->return_visit_fee" required />
                <x-dashboard-field name="cancellation_fee" label="Cancellation fee" type="number" step="0.01" :value="$pricing->cancellation_fee" required />
                <x-dashboard-field name="cancellation_cutoff_hours" label="Cancellation cutoff (hours)" type="number" :value="$pricing->cancellation_cutoff_hours" required />
                <x-dashboard-field name="waiting_time_rate_per_15_min" label="Waiting time rate (per 15 min)" type="number" step="0.01" :value="$pricing->waiting_time_rate_per_15_min" required />
            </div>
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Fuel surcharge</h2>
            <label class="flex items-center gap-2 text-sm">
                <input type="checkbox" name="fuel_surcharge_enabled" value="1" @checked(old('fuel_surcharge_enabled', $pricing->fuel_surcharge_enabled))>
                Enabled
            </label>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <x-dashboard-field name="fuel_surcharge_percent" label="Surcharge (%)" type="number" step="0.01" :value="$pricing->fuel_surcharge_percent" required />
                <div>
                    <label for="fuel_surcharge_mode" class="label block mb-1">Applies to</label>
                    <select id="fuel_surcharge_mode" name="fuel_surcharge_mode" class="select">
                        @foreach (\App\Enums\FuelSurchargeMode::cases() as $mode)
                            <option value="{{ $mode->value }}" @selected(old('fuel_surcharge_mode', $pricing->fuel_surcharge_mode->value) === $mode->value)>
                                {{ $mode === \App\Enums\FuelSurchargeMode::DeliveryOnly ? 'Delivery fee only' : 'Whole order' }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Card fee</h2>
            <p class="placeholder-block">Disabled per Batch 6 — card payments don't yet carry a surcharge. The switch is locked off; only the rate is editable here so it's ready when it's turned on.</p>
            <label class="flex items-center gap-2 text-sm text-muted">
                <input type="checkbox" disabled @checked($pricing->card_fee_enabled)>
                Enabled (locked)
            </label>
            <x-dashboard-field name="card_fee_percent" label="Card fee (%)" type="number" step="0.01" :value="$pricing->card_fee_percent" required class="max-w-xs" />
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Trading days &amp; delivery window</h2>
            <div class="flex flex-wrap gap-3">
                @foreach ($weekdays as $day)
                    <label class="flex items-center gap-2 text-sm capitalize">
                        <input type="checkbox" name="operating_days[]" value="{{ $day }}" @checked(in_array($day, old('operating_days', $operating->operating_days ?? []), true))>
                        {{ $day }}
                    </label>
                @endforeach
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <x-dashboard-field name="delivery_window_minutes" label="Delivery window (minutes)" type="number" :value="$operating->delivery_window_minutes" required />
                <div class="flex items-end">
                    <label class="flex items-center gap-2 text-sm">
                        <input type="checkbox" name="same_day_bookings_enabled" value="1" @checked(old('same_day_bookings_enabled', $operating->same_day_bookings_enabled))>
                        Same-day bookings allowed
                    </label>
                </div>
                <x-dashboard-field name="opening_time" label="Opening time" type="time" :value="$operating->opening_time" required />
                <x-dashboard-field name="closing_time" label="Closing time" type="time" :value="$operating->closing_time" required />
                @if (in_array('opening_time', $operating->placeholder_fields ?? []) || in_array('closing_time', $operating->placeholder_fields ?? []))
                    <p class="text-xs text-muted md:col-span-2">Trading hours are a placeholder — set the real hours here.</p>
                @endif
            </div>
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Weekend &amp; public holiday surcharges</h2>
            @foreach ([['saturday', 'Saturday'], ['sunday', 'Sunday'], ['public_holiday', 'Public holiday']] as [$prefix, $dayLabel])
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4 items-end">
                    <div>
                        <label for="{{ $prefix }}_mode" class="label block mb-1">{{ $dayLabel }}</label>
                        <select id="{{ $prefix }}_mode" name="{{ $prefix }}_mode" class="select">
                            @foreach (\App\Enums\SurchargeDayMode::cases() as $mode)
                                <option value="{{ $mode->value }}" @selected(old($prefix.'_mode', $operating->{$prefix.'_mode'}->value) === $mode->value)>
                                    {{ $mode === \App\Enums\SurchargeDayMode::Off ? 'Closed' : 'Open, with surcharge' }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <x-dashboard-field :name="$prefix.'_amount'" label="Surcharge ($)" type="number" step="0.01" :value="$operating->{$prefix.'_amount'}" required />
                </div>
            @endforeach
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">After hours &amp; payment hold</h2>
            <label class="flex items-center gap-2 text-sm">
                <input type="checkbox" name="after_hours_enabled" value="1" @checked(old('after_hours_enabled', $operating->after_hours_enabled))>
                After-hours delivery enabled
            </label>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <x-dashboard-field name="after_hours_window" label="After-hours window" :value="$operating->after_hours_window" />
                <x-dashboard-field name="after_hours_fee" label="After-hours fee" type="number" step="0.01" :value="$operating->after_hours_fee" required />
                <x-dashboard-field name="payment_hold_minutes" label="Payment hold (minutes)" type="number" :value="$operating->payment_hold_minutes" required />
                <x-dashboard-field name="manual_booking_hold_hours" label="Manual booking payment hold (hours)" type="number" :value="$operating->manual_booking_hold_hours" required />
            </div>
        </div>

        <div class="card p-6 space-y-4">
            <h2 class="label">Delivery day reminder</h2>
            <label class="flex items-center gap-2 text-sm">
                <input type="checkbox" name="delivery_reminder_enabled" value="1" @checked(old('delivery_reminder_enabled', $operating->delivery_reminder_enabled))>
                Email a reminder the evening before delivery
            </label>
            <div class="max-w-xs">
                <x-dashboard-field name="delivery_reminder_send_time" label="Send time" type="time" :value="$operating->delivery_reminder_send_time" required />
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Save</button>
    </form>

    <x-dashboard-audit-trail :changes="$recentChanges" />

    @vite('resources/js/pricing-origin.js')
@endsection