@extends('layouts.admin')
@section('title', 'Edit Laundry Order')
@section('content')
<x-page-header :title="'Edit Order #'.$order->id"/>
<div class="hp-card"><div class="hp-card-body"><form method="POST" action="{{ route('admin.laundry.update', $order) }}" id="laundryForm">@csrf @method('PUT')
<div class="row g-3 mb-3">
<div class="col-md-3"><label class="form-label">Type</label><select name="type" class="form-select" required>@foreach(['guest','house','staff'] as $t)<option value="{{ $t }}" @selected(old('type', $order->type)===$t)>{{ ucfirst($t) }}</option>@endforeach</select></div>
<div class="col-md-3"><label class="form-label">Guest</label><select name="guest_id" class="form-select"><option value="">—</option>@foreach($guests as $g)<option value="{{ $g->id }}" @selected(old('guest_id', $order->guest_id)==$g->id)>{{ $g->last_name }}, {{ $g->first_name }}</option>@endforeach</select></div>
<div class="col-md-3"><label class="form-label">Reservation</label><select name="reservation_id" class="form-select"><option value="">—</option>@foreach($reservations as $r)<option value="{{ $r->id }}" @selected(old('reservation_id', $order->reservation_id)==$r->id)>{{ $r->number }}</option>@endforeach</select></div>
<div class="col-md-3"><label class="form-label">Room</label><select name="room_id" class="form-select"><option value="">—</option>@foreach($rooms as $rm)<option value="{{ $rm->id }}" @selected(old('room_id', $order->room_id)==$rm->id)>{{ $rm->number }}</option>@endforeach</select></div>
<div class="col-md-3"><label class="form-label">Collected At</label><input type="date" name="collected_at" class="form-control" value="{{ old('collected_at', $order->collected_at?->format('Y-m-d')) }}"></div>
<div class="col-md-3"><label class="form-label">Expected At</label><input type="date" name="expected_at" class="form-control" value="{{ old('expected_at', $order->expected_at?->format('Y-m-d')) }}"></div>
<div class="col-md-3"><label class="form-label">Delivered At</label><input type="date" name="delivered_at" class="form-control" value="{{ old('delivered_at', $order->delivered_at?->format('Y-m-d')) }}"></div>
<div class="col-md-3"><label class="form-label">Status</label><select name="status" class="form-select" required>@foreach(['requested','collected','in_progress','ready','delivered','cancelled'] as $s)<option value="{{ $s }}" @selected(old('status', $order->status)===$s)>{{ ucfirst(str_replace('_',' ',$s)) }}</option>@endforeach</select></div>
</div>
<h6 class="fw-bold mb-2">Items</h6>
<div id="itemLines">@php $oldItems = old('items', $order->items ?? [['description'=>'','quantity'=>1,'unit_price'=>0]]); @endphp
@foreach($oldItems as $i => $line)<div class="row g-2 mb-2 item-line"><div class="col-md-5"><input name="items[{{ $i }}][description]" class="form-control" placeholder="Description" value="{{ $line['description'] ?? '' }}" required></div>
<div class="col-md-2"><input type="number" name="items[{{ $i }}][quantity]" class="form-control" placeholder="Qty" value="{{ $line['quantity'] ?? 1 }}" min="1" required></div>
<div class="col-md-3"><input type="number" step="0.01" name="items[{{ $i }}][unit_price]" class="form-control" placeholder="Unit price" value="{{ $line['unit_price'] ?? 0 }}" min="0" required></div></div>@endforeach</div>
<button type="button" class="btn btn-sm btn-hp-outline mb-3" id="addItemLine">+ Add Item</button>
<div class="d-flex gap-2"><a href="{{ route('admin.laundry.show', $order) }}" class="btn btn-hp-outline">Cancel</a><button class="btn btn-hp-primary">Update Order</button></div>
</form></div></div>
@push('scripts')<script>
document.getElementById('addItemLine')?.addEventListener('click', function() {
    const c = document.getElementById('itemLines'), i = c.querySelectorAll('.item-line').length, t = c.querySelector('.item-line').cloneNode(true);
    t.querySelectorAll('[name]').forEach(el => { el.name = el.name.replace(/\[\d+\]/, '[' + i + ']'); el.value = el.name.includes('quantity') ? 1 : (el.name.includes('unit_price') ? 0 : ''); });
    c.appendChild(t);
});
</script>@endpush
@endsection