@extends('layouts.admin')

@section('content')
<div class="max-w-3xl rounded-xl bg-white border border-outline-variant p-6 md:p-7">
    <h1 class="text-3xl font-headline font-extrabold text-primary mb-2">Update Order Tracking</h1>
    <p class="text-slate-500 mb-5">Order: {{ $order->order_number }}</p>
    <form method="POST" action="{{ route('admin.orders.update', $order) }}" class="grid gap-4">
        @csrf @method('PUT')
        <select class="rounded-md border border-outline-variant/60 px-4 py-3" name="status" required>
            @foreach(['pending','processing','shipped','delivered','cancelled'] as $status)
                <option value="{{ $status }}" @selected($order->status === $status)>{{ ucfirst($status) }}</option>
            @endforeach
        </select>
        <input class="rounded-md border border-outline-variant/60 px-4 py-3" name="tracking_number" value="{{ old('tracking_number', $order->tracking_number) }}" placeholder="Tracking number">
        <input class="rounded-md border border-outline-variant/60 px-4 py-3" name="courier_name" value="{{ old('courier_name', $order->courier_name) }}" placeholder="Courier name">
        <textarea class="rounded-md border border-outline-variant/60 px-4 py-3" name="tracking_notes" rows="4" placeholder="Tracking notes">{{ old('tracking_notes', $order->tracking_notes) }}</textarea>
        <div class="flex gap-2">
            <button class="px-5 py-3 rounded-md bg-primary text-white font-bold" type="submit">Save Tracking</button>
            <a href="{{ route('admin.orders.index') }}" class="px-5 py-3 rounded-md border border-outline-variant font-semibold">Cancel</a>
        </div>
    </form>
</div>
@endsection