@extends('layouts.admin')
@section('title', 'Record Delivery')
@section('page-title', 'Record Delivery')
@section('content')
<div class="max-w-2xl">
    <form method="POST" action="{{ route('deliveries.store') }}" class="space-y-4 rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        <div>
            <label for="order_id" class="block text-sm font-medium text-slate-700">Order *</label>
            <select name="order_id" id="order_id" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm">
                <option value="">Select order</option>
                @foreach($orders as $o)<option value="{{ $o->id }}" {{ old('order_id') == $o->id ? 'selected' : '' }}>{{ $o->order_number }}</option>@endforeach
            </select>
            @error('order_id')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
        </div>
        <div class="grid grid-cols-2 gap-4">
            <div><label for="delivered_date" class="block text-sm font-medium text-slate-700">Delivered date</label><input type="date" name="delivered_date" id="delivered_date" value="{{ old('delivered_date') }}" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm"></div>
            <div><label for="delivered_time" class="block text-sm font-medium text-slate-700">Time</label><input type="time" name="delivered_time" id="delivered_time" value="{{ old('delivered_time') }}" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm"></div>
        </div>
        <div><label for="delivered_by" class="block text-sm font-medium text-slate-700">Delivered by</label><select name="delivered_by" id="delivered_by" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm"><option value="">None</option>@foreach($users as $u)<option value="{{ $u->id }}" {{ old('delivered_by') == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>@endforeach</select></div>
        <div><label for="delivered_to" class="block text-sm font-medium text-slate-700">Delivered to</label><input type="text" name="delivered_to" id="delivered_to" value="{{ old('delivered_to') }}" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm"></div>
        <div><label for="otp_code" class="block text-sm font-medium text-slate-700">OTP code</label><input type="text" name="otp_code" id="otp_code" value="{{ old('otp_code') }}" maxlength="10" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm"></div>
        <div><label for="customer_remarks" class="block text-sm font-medium text-slate-700">Customer remarks</label><textarea name="customer_remarks" id="customer_remarks" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm">{{ old('customer_remarks') }}</textarea></div>
        <div><label for="notes" class="block text-sm font-medium text-slate-700">Notes</label><textarea name="notes" id="notes" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm">{{ old('notes') }}</textarea></div>
        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Save Delivery</button>
            <a href="{{ route('deliveries.index') }}" class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700">Cancel</a>
        </div>
    </form>
</div>
@endsection