@if($errors->any())<div class="alert form-alert"><strong>Please correct the highlighted fields.</strong><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif
<div class="admin-form-grid">
    <div class="form-group full-width"><label for="quotation_id">Accepted Quotation <b>*</b></label><select id="quotation_id" name="quotation_id" required><option value="">Select accepted quotation</option>@foreach($quotations as $quotation)<option value="{{ $quotation->id }}" @selected((string)old('quotation_id',$eventOrder->quotation_id??'')===(string)$quotation->id)>{{ $quotation->quotation_number }} — {{ $quotation->customer->name }}{{ $quotation->event_name?' — '.$quotation->event_name:'' }}</option>@endforeach</select>@if($quotations->isEmpty())<p class="field-hint">No accepted quotations are available. Accept a quotation before creating an event order.</p>@else<p class="field-hint">Event name and guest count will fill automatically from the selected quotation.</p>@endif</div>
    <div class="form-group"><label for="event_name">Event Name <b>*</b></label><input id="event_name" name="event_name" value="{{ old('event_name',$eventOrder->event_name??'') }}" required maxlength="150" placeholder="e.g. Wedding Reception"></div>
    <div class="form-group"><label for="guest_count">Guest Count</label><input id="guest_count" type="number" name="guest_count" min="1" value="{{ old('guest_count',$eventOrder->guest_count??'') }}" placeholder="Number of guests"></div>
    <div class="form-group"><label for="delivery_at">Delivery Date &amp; Time <b>*</b></label><input id="delivery_at" type="datetime-local" name="delivery_at" value="{{ old('delivery_at',isset($eventOrder)?$eventOrder->delivery_at->format('Y-m-d\TH:i'):'') }}" required></div>
    <div class="form-group"><label for="status">Status <b>*</b></label><select id="status" name="status" required>@foreach(['Pending','Confirmed','Completed','Cancelled'] as $status)<option value="{{ $status }}" @selected(old('status',$eventOrder->status??'Pending')===$status)>{{ $status }}</option>@endforeach</select></div>
    <div class="form-group full-width"><label for="delivery_address">Delivery Address <b>*</b></label><textarea id="delivery_address" name="delivery_address" rows="4" required maxlength="1500" placeholder="Enter the complete delivery address">{{ old('delivery_address',$eventOrder->delivery_address??'') }}</textarea></div>
</div>
<div class="line-items-heading"><div><h3>Quotation Items</h3><p>Items from the selected quotation will be saved with this event order.</p></div></div>
<div class="table-wrap"><table class="data-table order-items-preview"><thead><tr><th>S.NO</th><th>Item</th><th>Quantity</th><th>Unit</th></tr></thead><tbody id="quotationItemsPreview"><tr><td colspan="4"><div class="table-empty"><span>Select an accepted quotation to view its items.</span></div></td></tr></tbody></table></div>
<div class="form-actions"><a class="secondary-action" href="{{ route('admin.event-orders.index') }}">Cancel</a><button class="primary-action" type="submit" @disabled($quotations->isEmpty())>{{ $submitLabel }}</button></div>
@php($quotationData=$quotations->map(fn($quotation)=>['id'=>$quotation->id,'event_name'=>$quotation->event_name,'guest_count'=>$quotation->guest_count,'items'=>$quotation->items->map(fn($item)=>['item_name'=>$item->item_name,'quantity'=>$item->quantity,'unit'=>$item->unit])->values()])->values())
@push('scripts')<script src="{{ asset('js/searchable-select.js') }}"></script><script>
(()=>{const quotations=@json($quotationData),select=document.getElementById('quotation_id'),eventName=document.getElementById('event_name'),guestCount=document.getElementById('guest_count'),itemsBody=document.getElementById('quotationItemsPreview');function escapeHtml(value){const div=document.createElement('div');div.textContent=value??'';return div.innerHTML}function renderItems(quotation){if(!quotation||!quotation.items.length){itemsBody.innerHTML='<tr><td colspan="4"><div class="table-empty"><span>No items are available for this quotation.</span></div></td></tr>';return}itemsBody.innerHTML=quotation.items.map((item,index)=>`<tr><td>${index+1}</td><td><strong>${escapeHtml(item.item_name)}</strong></td><td>${escapeHtml(item.quantity)}</td><td>${escapeHtml(item.unit)}</td></tr>`).join('')}SearchableSelect.init(select,{placeholder:'Search accepted quotation...'});SearchableSelect.init(document.getElementById('status'),{placeholder:'Select status...'});select.addEventListener('change',()=>{const quotation=quotations.find(item=>String(item.id)===String(select.value));if(!quotation){renderItems(null);return}eventName.value=quotation.event_name||'';guestCount.value=quotation.guest_count||'';renderItems(quotation)});renderItems(quotations.find(item=>String(item.id)===String(select.value)))})();
</script>@endpush