@extends('layouts.erp')
@section('title', 'Nouvel achat')
@section('page_title', 'Nouvel achat')
@section('content')
<div class="card"><div class="card-body">
<form method="POST" action="{{ route('purchases.store') }}">
    @csrf
    <div class="form-grid">
        <div class="form-group">
            <label>Fournisseur *</label>
            <select name="supplier_id" class="form-control" required>
                <option value="">—</option>
                @foreach($suppliers as $s)<option value="{{ $s->id }}" @selected(old('supplier_id')==$s->id)>{{ $s->name }}</option>@endforeach
            </select>
        </div>
        <x-boutique-field :boutiques="$boutiques" :value="session('scope_boutique_id')" />
        <div class="form-group"><label>Date *</label><input type="date" name="purchase_date" class="form-control" value="{{ old('purchase_date', date('Y-m-d')) }}" required></div>
        <div class="form-group"><label>Date prévue</label><input type="date" name="expected_date" class="form-control" value="{{ old('expected_date') }}"></div>
        <div class="form-group">
            <label>Statut *</label>
            <select name="status" class="form-control" required>
                @foreach(['demande','valide','commande','reception','facture','paye','annule'] as $s)
                    <option value="{{ $s }}" @selected(old('status','demande')===$s)>{{ $s }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group" style="grid-column:1/-1;"><label>Notes</label><textarea name="notes" class="form-control" rows="2">{{ old('notes') }}</textarea></div>
    </div>
    <h3 style="margin:16px 0 8px;">Lignes</h3>
    <table class="data" id="purchase-lines">
        <thead><tr><th>Article</th><th>Description *</th><th>Qté</th><th>P.U.</th></tr></thead>
        <tbody>
        @for($i=0;$i<3;$i++)
        <tr>
            <td>
                <select name="product_id[]" class="form-control" onchange="fillPurchase(this)">
                    <option value="">—</option>
                    @foreach($products as $p)
                        <option value="{{ $p->id }}" data-name="{{ $p->name }}" data-price="{{ $p->purchase_price }}" data-supplier="{{ $p->supplier_id }}" @selected($i===0 && (string) request('product_id')===(string) $p->id)>{{ $p->reference }} — {{ $p->name }}</option>
                    @endforeach
                </select>
            </td>
            <td><input type="text" name="description[]" class="form-control" {{ $i===0?'required':'' }}></td>
            <td><input type="number" name="quantity[]" class="form-control" value="1" min="1"></td>
            <td><input type="number" step="0.01" name="unit_price[]" class="form-control" value="0" min="0"></td>
        </tr>
        @endfor
        </tbody>
    </table>
    <script>
    function fillPurchase(sel){
        const opt=sel.options[sel.selectedIndex];
        const row=sel.closest('tr');
        if(opt.dataset.name) row.querySelector('[name="description[]"]').value=opt.dataset.name;
        if(opt.dataset.price) row.querySelector('[name="unit_price[]"]').value=opt.dataset.price;
        if(opt.dataset.supplier){
            const supplier=document.querySelector('[name="supplier_id"]');
            if(supplier && !supplier.value) supplier.value=opt.dataset.supplier;
        }
    }
    document.querySelectorAll('#purchase-lines select').forEach(sel => { if (sel.value) fillPurchase(sel); });
    </script>
    <div class="form-actions" style="margin-top:16px;"><button type="submit" class="btn btn-primary">Enregistrer</button></div>
</form>
</div></div>
@endsection