@extends('layouts.app')
@section('title','New Quotation')
@section('content')
<div class="max-w-4xl mx-auto space-y-5"><div><h1 class="text-xl font-bold">New quotation</h1><p class="text-sm text-ink-muted">Enter customer details and quoted items. Prices are saved as a snapshot.</p></div>
<form method="POST" action="{{ route('sales.quotations.store') }}" class="card card-pad space-y-5" x-data="{rows:[{product_id:'',quantity:1,unit_price:0}]}">@csrf
 <div class="grid sm:grid-cols-3 gap-3"><div><label class="field-label">Customer name *</label><input class="input" name="customer_name" required></div><div><label class="field-label">Phone</label><input class="input" name="customer_phone"></div><div><label class="field-label">Email</label><input class="input" type="email" name="customer_email"></div></div>
 <div><label class="field-label">Valid until</label><input class="input max-w-xs" type="date" name="valid_until" min="{{ now()->toDateString() }}"></div>
 <div class="space-y-3"><div class="flex justify-between items-center"><h2 class="font-semibold">Quoted items</h2><button type="button" class="btn-secondary btn-sm" @click="rows.push({product_id:'',quantity:1,unit_price:0})">Add item</button></div>
 <template x-for="(row,i) in rows" :key="i"><div class="grid grid-cols-12 gap-2 items-end"><div class="col-span-6"><label class="field-label">Product</label><select class="input" :name="`items[${i}][product_id]`" x-model="row.product_id" required @change="row.unit_price=Number($el.options[$el.selectedIndex].dataset.price||0)"><option value="">Choose product</option>@foreach($products as $p)<option value="{{ $p->id }}" data-price="{{ $p->selling_price }}">{{ $p->name }} — {{ number_format($p->selling_price,2) }}</option>@endforeach</select></div><div class="col-span-2"><label class="field-label">Qty</label><input class="input" type="number" step="0.001" min="0.001" :name="`items[${i}][quantity]`" x-model="row.quantity" required></div><div class="col-span-3"><label class="field-label">Unit price</label><input class="input" type="number" step="0.01" min="0" :name="`items[${i}][unit_price]`" x-model="row.unit_price" required></div><div class="col-span-1"><button type="button" class="btn-ghost" title="Remove item" @click="if(rows.length>1) rows.splice(i,1)">×</button></div></div></template></div>
 <div><label class="field-label">Notes / terms</label><textarea class="input" name="notes" rows="3"></textarea></div><div class="flex flex-wrap gap-2"><button class="btn-primary">Save quotation</button><a class="btn-secondary" href="{{ route('sales.quotations.index') }}">Cancel</a></div>
</form></div>
@endsection