@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"><label for="procurement_number_display">Procurement Number</label><input id="procurement_number_display" value="{{ $procurement->procurement_number??'Auto-generated on save' }}" readonly></div>
    <div class="form-group"><label for="procurement_name">Procurement Name <b>*</b></label><input id="procurement_name" name="procurement_name" value="{{ old('procurement_name',$procurement->procurement_name??'') }}" required maxlength="150" placeholder="e.g. Wedding Event Purchase"></div>
    <div class="form-group"><label for="procurement_date">Date <b>*</b></label><input id="procurement_date" type="date" name="procurement_date" value="{{ old('procurement_date',isset($procurement)?$procurement->procurement_date->format('Y-m-d'):now()->format('Y-m-d')) }}" required></div>
    <div class="form-group full-width"><label for="notes">Notes</label><textarea id="notes" name="notes" rows="3" maxlength="2000" placeholder="Additional procurement notes...">{{ old('notes',$procurement->notes??'') }}</textarea></div>
</div>
<div class="line-items-heading"><div><h3>Procurement Items</h3><p>Add item name, quantity, and price in each row.</p></div><button class="secondary-action add-row" type="button" id="addProcurementRow">+ Add Row</button></div>
<div class="table-wrap"><table class="data-table procurement-items-table"><thead><tr><th>S.NO</th><th>Name</th><th>Quantity</th><th>Price</th><th>Total</th><th></th></tr></thead><tbody id="procurementItemsBody"></tbody></table></div>
<div class="procurement-grand-total">Grand Total <strong id="procurementGrandTotal">&#8377;0.00</strong></div>
<div class="form-actions"><a class="secondary-action" href="{{ route('admin.procurements.index') }}">Cancel</a><button class="primary-action" type="submit">{{ $submitLabel }}</button></div>
@php
$defaultRows=array_fill(0,10,['name'=>'','quantity'=>'','price'=>'']);
$initialItems=old('items',isset($procurement)?$procurement->items->map(fn($item)=>['name'=>$item->name,'quantity'=>$item->quantity,'price'=>$item->price])->values()->all():$defaultRows);
@endphp
@push('scripts')<script>
(()=>{const initial=@json($initialItems),body=document.getElementById('procurementItemsBody');let rowIndex=0;function escapeHtml(value){const div=document.createElement('div');div.textContent=value??'';return div.innerHTML}function calculate(){let total=0;body.querySelectorAll('tr').forEach((row,index)=>{row.querySelector('.serial').textContent=index+1;const amount=(parseFloat(row.querySelector('.item-quantity').value)||0)*(parseFloat(row.querySelector('.item-price').value)||0);row.querySelector('.item-total').textContent='₹'+amount.toFixed(2);total+=amount});document.getElementById('procurementGrandTotal').textContent='₹'+total.toFixed(2)}function addRow(item={}){const index=rowIndex++,row=document.createElement('tr');row.innerHTML=`<td class="serial"></td><td><input name="items[${index}][name]" value="${escapeHtml(item.name)}" required maxlength="150" placeholder="Item name"></td><td><input class="item-quantity" type="number" name="items[${index}][quantity]" min="0.01" step="0.01" value="${escapeHtml(item.quantity)}" required placeholder="Qty"></td><td><input class="item-price" type="number" name="items[${index}][price]" min="0" step="0.01" value="${escapeHtml(item.price)}" required placeholder="Price"></td><td class="item-total">₹0.00</td><td><button class="remove-row" type="button" title="Remove">&times;</button></td>`;body.appendChild(row);row.querySelectorAll('.item-quantity,.item-price').forEach(input=>input.addEventListener('input',calculate));row.querySelector('.remove-row').addEventListener('click',()=>{if(body.children.length>1){row.remove();calculate()}});calculate()}initial.forEach(addRow);document.getElementById('addProcurementRow').addEventListener('click',()=>addRow());calculate()})();
</script>@endpush