@extends('layouts.admin')
@section('title', 'Edit Order ' . $order->order_number)
@section('page-title', 'Edit Order')
@section('content')
<div class="max-w-4xl">
    <p class="text-sm text-slate-500 mb-4">Order # {{ $order->order_number }}</p>
    <form action="{{ route('orders.update', $order) }}" method="POST" class="space-y-6">
        @csrf
        @method('PUT')
        <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
            <h2 class="text-lg font-semibold text-slate-800 mb-4">Order details</h2>
            <div class="grid gap-4 sm:grid-cols-2">
                <div>
                    <label for="order_date" class="block text-sm font-medium text-slate-700">Order date *</label>
                    <input type="date" name="order_date" id="order_date" value="{{ old('order_date', $order->order_date->format('Y-m-d')) }}" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                </div>
                <div>
                    <label for="priority" class="block text-sm font-medium text-slate-700">Priority</label>
                    <select name="priority" id="priority" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">@foreach(config('order.priorities') as $k => $v)<option value="{{ $k }}" {{ old('priority', $order->priority) === $k ? 'selected' : '' }}>{{ $v }}</option>@endforeach</select>
                </div>
                <div>
                    <label for="expected_trial_date" class="block text-sm font-medium text-slate-700">Expected trial date</label>
                    <input type="date" name="expected_trial_date" id="expected_trial_date" value="{{ old('expected_trial_date', $order->expected_trial_date?->format('Y-m-d')) }}" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                </div>
                <div>
                    <label for="expected_delivery_date" class="block text-sm font-medium text-slate-700">Expected delivery date</label>
                    <input type="date" name="expected_delivery_date" id="expected_delivery_date" value="{{ old('expected_delivery_date', $order->expected_delivery_date?->format('Y-m-d')) }}" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                </div>
                <div>
                    <label for="assigned_tailor_id" class="block text-sm font-medium text-slate-700">Assigned tailor</label>
                    <select name="assigned_tailor_id" id="assigned_tailor_id" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm"><option value="">None</option>@foreach($tailors as $t)<option value="{{ $t->id }}" {{ old('assigned_tailor_id', $order->assigned_tailor_id) == $t->id ? 'selected' : '' }}>{{ $t->name }}</option>@endforeach</select>
                </div>
                <div>
                    <label for="measurement_profile_id" class="block text-sm font-medium text-slate-700">Measurement profile</label>
                    <select name="measurement_profile_id" id="measurement_profile_id" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm"><option value="">None</option>@foreach($measurementProfiles as $mp)<option value="{{ $mp->id }}" {{ old('measurement_profile_id', $order->measurement_profile_id) == $mp->id ? 'selected' : '' }}>{{ $mp->measurementTemplate->template_name }} v{{ $mp->version }} ({{ $mp->date_taken->format('d M Y') }})</option>@endforeach</select>
                </div>
                <div>
                    <label for="fabric_source" class="block text-sm font-medium text-slate-700">Fabric source</label>
                    <select name="fabric_source" id="fabric_source" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">@foreach(config('order.fabric_sources') as $k => $v)<option value="{{ $k }}" {{ old('fabric_source', $order->fabric_source) === $k ? 'selected' : '' }}>{{ $v }}</option>@endforeach</select>
                </div>
                <div class="sm:col-span-2">
                    <label class="flex items-center gap-2"><input type="checkbox" name="trial_required" value="1" {{ old('trial_required', $order->trial_required) ? 'checked' : '' }}> Trial required</label>
                </div>
                <div class="sm:col-span-2">
                    <label for="fabric_details" class="block text-sm font-medium text-slate-700">Fabric details</label>
                    <textarea name="fabric_details" id="fabric_details" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">{{ old('fabric_details', $order->fabric_details) }}</textarea>
                </div>
                <div class="sm:col-span-2">
                    <label for="design_instructions" class="block text-sm font-medium text-slate-700">Design instructions</label>
                    <textarea name="design_instructions" id="design_instructions" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">{{ old('design_instructions', $order->design_instructions) }}</textarea>
                </div>
                <div class="sm:col-span-2">
                    <label for="special_notes" class="block text-sm font-medium text-slate-700">Special notes</label>
                    <textarea name="special_notes" id="special_notes" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">{{ old('special_notes', $order->special_notes) }}</textarea>
                </div>
                <div>
                    <label for="discount" class="block text-sm font-medium text-slate-700">Discount</label>
                    <input type="number" name="discount" id="discount" value="{{ old('discount', $order->discount) }}" step="0.01" min="0" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                </div>
                <div>
                    <label for="advance_paid" class="block text-sm font-medium text-slate-700">Advance paid</label>
                    <input type="number" name="advance_paid" id="advance_paid" value="{{ old('advance_paid', $order->advance_paid) }}" step="0.01" min="0" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                </div>
            </div>
        </div>
        <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
            <h2 class="text-lg font-semibold text-slate-800 mb-4">Order items</h2>
            @foreach($order->items as $idx => $item)
            <div class="mb-4 flex flex-wrap items-end gap-3 rounded-lg border border-slate-100 bg-slate-50 p-3">
                <input type="hidden" name="items[{{ $idx }}][id]" value="{{ $item->id }}">
                <div class="min-w-[180px] flex-1">
                    <label class="block text-xs text-slate-500">Garment</label>
                    <select name="items[{{ $idx }}][garment_type_id]" class="mt-1 block w-full rounded border border-slate-300 text-sm">
                        <option value="">—</option>
                        @foreach($garmentTypes as $gt)<option value="{{ $gt->id }}" {{ ($item->garment_type_id == $gt->id) ? 'selected' : '' }}>{{ $gt->name }}</option>@endforeach
                    </select>
                </div>
                <div class="min-w-[180px] flex-1">
                    <label class="block text-xs text-slate-500">Service</label>
                    <select name="items[{{ $idx }}][service_id]" class="mt-1 block w-full rounded border border-slate-300 text-sm">
                        <option value="">—</option>
                        @foreach($services as $s)<option value="{{ $s->id }}" {{ ($item->service_id == $s->id) ? 'selected' : '' }}>{{ $s->name }}</option>@endforeach
                    </select>
                </div>
                <div class="w-20"><label class="block text-xs text-slate-500">Qty</label><input type="number" name="items[{{ $idx }}][quantity]" value="{{ $item->quantity }}" min="1" class="mt-1 block w-full rounded border border-slate-300 text-sm"></div>
                <div class="w-28"><label class="block text-xs text-slate-500">Unit price</label><input type="number" name="items[{{ $idx }}][unit_price]" value="{{ $item->unit_price }}" step="0.01" min="0" class="mt-1 block w-full rounded border border-slate-300 text-sm"></div>
                <div class="w-24"><label class="block text-xs text-slate-500">Status</label><select name="items[{{ $idx }}][item_status]" class="mt-1 block w-full rounded border border-slate-300 text-sm"><option value="">—</option>@foreach(config('order.item_statuses') as $k => $v)<option value="{{ $k }}" {{ $item->item_status === $k ? 'selected' : '' }}>{{ $v }}</option>@endforeach</select></div>
                <div class="flex-1"><label class="block text-xs text-slate-500">Notes</label><input type="text" name="items[{{ $idx }}][item_notes]" value="{{ $item->item_notes }}" class="mt-1 block w-full rounded border border-slate-300 text-sm"></div>
            </div>
            @endforeach
        </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">Update order</button>
            <a href="{{ route('orders.show', $order) }}" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</a>
        </div>
    </form>
</div>
@endsection