@extends('layouts.admin')

@section('title', 'Delivery Charges Configuration - Orange Groceries Admin')
@section('header_title', 'Delivery Charge Settings')

@section('content')
<div class="max-w-xl mx-auto bg-white rounded-3xl p-8 border border-slate-200/80 shadow-sm space-y-6">
    <div class="border-b border-slate-100 pb-4">
        <h3 class="font-extrabold text-slate-900 text-lg">Configure Store Delivery Rates</h3>
        <p class="text-xs text-slate-500 mt-1">Set threshold for free delivery and standard delivery charges</p>
    </div>

    <form action="{{ route('admin.delivery.charges.update') }}" method="POST" class="space-y-5">
        @csrf

        <div>
            <label class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1.5">Minimum Order Amount For FREE Delivery (₹) *</label>
            <input type="number" step="0.01" name="min_order_for_free" required value="{{ $charge->min_order_for_free ?? 300.00 }}" class="w-full px-4 py-3 rounded-xl border border-slate-200 text-sm font-extrabold text-brand-700">
            <p class="text-[11px] text-slate-400 mt-1">Orders above this amount get 100% free delivery.</p>
        </div>

        <div>
            <label class="block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1.5">Standard Delivery Charge Below Threshold (₹) *</label>
            <input type="number" step="0.01" name="delivery_charge" required value="{{ $charge->delivery_charge ?? 40.00 }}" class="w-full px-4 py-3 rounded-xl border border-slate-200 text-sm font-extrabold text-slate-900">
            <p class="text-[11px] text-slate-400 mt-1">Applied to orders below minimum order amount.</p>
        </div>

        <button type="submit" class="w-full bg-brand-600 hover:bg-brand-700 text-white font-extrabold text-xs py-3.5 rounded-2xl shadow transition">Save Delivery Rates</button>
    </form>
</div>
@endsection