@extends('layouts.admin')
@section('content')
<div class="card admin-card"><div class="card-body p-4"><div class="admin-toolbar"><h1 class="h3 mb-0">{{ $method->exists ? 'Edit shipping method' : 'Create shipping method' }}</h1>@if($method->exists)<form method="post" action="{{ route('admin.shipping-methods.destroy',$method) }}" onsubmit="return confirm('Delete this shipping method?');">@csrf @method('DELETE')<button class="btn admin-btn admin-btn-danger"><i class="fa-solid fa-trash"></i><span>Delete method</span></button></form>@endif</div><form method="post" action="{{ $method->exists ? route('admin.shipping-methods.update',$method) : route('admin.shipping-methods.store') }}" class="row g-3 admin-form-grid">@csrf @if($method->exists) @method('PUT') @endif
<div class="col-md-6"><label class="form-label">Method name</label><input name="name" value="{{ old('name',$method->name) }}" class="form-control"></div>
<div class="col-md-3"><label class="form-label" for="method_code">Method code</label><input id="method_code" name="code" value="{{ old('code',$method->code) }}" class="form-control" data-autofill="{{ $method->exists ? 'false' : 'true' }}"><div class="form-text">Auto generates, but can be modified.</div></div>
<div class="col-md-3"><label class="form-label">Base price</label><input name="price" value="{{ old('price',$method->price) }}" class="form-control"></div>
<div class="col-md-6"><label class="form-label">Shipping zone</label><select name="shipping_zone_id" class="form-select"><option value="">All zones</option>@foreach($zones as $zone)<option value="{{ $zone->id }}" @selected((string) old('shipping_zone_id',$method->shipping_zone_id) === (string) $zone->id)>{{ $zone->name }}</option>@endforeach</select></div>
<div class="col-md-6"><label class="form-label">Free shipping threshold</label><input name="free_shipping_threshold" value="{{ old('free_shipping_threshold',$method->free_shipping_threshold) }}" class="form-control"></div>
<div class="col-md-6"><label class="form-label" for="estimated_delivery">Estimated delivery</label>@php($estimatedDelivery = old('estimated_delivery',$method->estimated_delivery))<select id="estimated_delivery" name="estimated_delivery" class="form-select"><option value="">Select estimate</option><option value="Next working day" @selected($estimatedDelivery === 'Next working day')>Next working day</option><option value="1 to 2 working days" @selected($estimatedDelivery === '1 to 2 working days')>1 to 2 working days</option><option value="2 to 3 working days" @selected($estimatedDelivery === '2 to 3 working days')>2 to 3 working days</option><option value="3 to 5 working days" @selected($estimatedDelivery === '3 to 5 working days')>3 to 5 working days</option><option value="5 to 7 working days" @selected($estimatedDelivery === '5 to 7 working days')>5 to 7 working days</option><option value="7 to 10 working days" @selected($estimatedDelivery === '7 to 10 working days')>7 to 10 working days</option><option value="Collection only" @selected($estimatedDelivery === 'Collection only')>Collection only</option>@if($estimatedDelivery && ! in_array($estimatedDelivery, ['Next working day', '1 to 2 working days', '2 to 3 working days', '3 to 5 working days', '5 to 7 working days', '7 to 10 working days', 'Collection only'], true))<option value="{{ $estimatedDelivery }}" selected>{{ $estimatedDelivery }}</option>@endif</select></div>
<div class="col-md-6"><label class="form-label">Tracking URL template</label><input name="tracking_url_template" value="{{ old('tracking_url_template',$method->tracking_url_template) }}" class="form-control" placeholder="https://example.com/track/{tracking_number}"></div>
<div class="col-12"><label class="form-label">Operational notes</label><textarea name="notes" class="form-control" rows="4">{{ old('notes',$method->notes) }}</textarea></div>
<div class="col-md-4"><div class="form-check"><input type="checkbox" class="form-check-input" id="method_tracking" name="supports_tracking" value="1" @checked(old('supports_tracking', $method->supports_tracking ?? true))><label class="form-check-label" for="method_tracking">Supports tracking</label></div></div>
<div class="col-md-4"><div class="form-check"><input type="checkbox" class="form-check-input" id="method_active" name="is_active" value="1" @checked(old('is_active', $method->is_active ?? true))><label class="form-check-label" for="method_active">Active at checkout</label></div></div>
<div class="col-md-4"><div class="form-check"><input type="checkbox" class="form-check-input" id="method_default" name="is_default" value="1" @checked(old('is_default', $method->is_default))><label class="form-check-label" for="method_default">Default shipping method</label></div></div>
<div class="col-12 d-flex gap-2"><button class="btn admin-btn admin-btn-primary"><i class="fa-solid fa-floppy-disk"></i><span>Save method</span></button><a href="{{ route('admin.shipping-methods.index') }}" class="btn admin-btn admin-btn-secondary"><i class="fa-solid fa-arrow-left"></i><span>Back</span></a></div></form></div></div>

<script>
    document.addEventListener('DOMContentLoaded', () => {
        const nameInput = document.querySelector('input[name="name"]');
        const codeInput = document.getElementById('method_code');

        if (!nameInput || !codeInput) {
            return;
        }

        const isAutoFillEnabled = (input) => input.dataset.autofill !== 'false';
        const codeify = (value) => value
            .toUpperCase()
            .trim()
            .replace(/[^A-Z0-9]+/g, '-')
            .replace(/^-+|-+$/g, '')
            .slice(0, 100);

        nameInput.addEventListener('input', () => {
            if (isAutoFillEnabled(codeInput)) {
                codeInput.value = codeify(nameInput.value);
            }
        });

        codeInput.addEventListener('input', () => {
            codeInput.dataset.autofill = codeInput.value.trim() === '' ? 'true' : 'false';
        });
    });
</script>
@endsection