@extends('layouts.admin') @section('content')<h1 class="h3">Nueva compra</h1><form class="card p-4 mt-4" method="POST" enctype="multipart/form-data" action="{{ route('purchases.store') }}">@csrf<div class="row g-3"><div class="col-md-5"><label class="form-label">Proveedor</label><select class="form-select" name="supplier_id" required>@foreach($suppliers as $s)<option value="{{ $s->id }}">{{ $s->business_name }}</option>@endforeach</select></div><div class="col-md-3"><label class="form-label">Documento</label><input class="form-control" name="document_number"></div><div class="col-md-4"><label class="form-label">Fecha</label><input class="form-control" type="date" name="purchase_date" value="{{ date('Y-m-d') }}" required></div><div class="col-12"><label class="form-label">Documento adjunto</label><input class="form-control" type="file" name="document"></div></div><hr><h2 class="h5">Detalle</h2><div id="items"><div class="row g-2 mb-2 item"><div class="col-md-4"><select class="form-select" name="items[0][product_id]" required>@foreach($products as $p)<option value="{{ $p->id }}">{{ $p->sku }} · {{ $p->name }}</option>@endforeach</select></div><div class="col"><input class="form-control" type="number" step="0.0001" min="0.0001" name="items[0][quantity]" placeholder="Cantidad" required></div><div class="col"><input class="form-control" type="number" step="0.0001" min="0" name="items[0][unit_cost]" placeholder="Costo" required></div><div class="col"><input class="form-control" type="number" step="0.0001" min="0" name="items[0][reference_sale_price]" placeholder="Precio ref."></div></div></div><button class="btn btn-outline-secondary align-self-start" type="button" id="add">Agregar producto</button>@if($errors->any())<div class="alert alert-danger mt-3">{{ $errors->first() }}</div>@endif<button class="btn btn-primary mt-4 align-self-start">Guardar compra</button></form><script>document.getElementById('add').onclick=()=>{let c=document.querySelector('.item').cloneNode(true),i=document.querySelectorAll('.item').length;c.querySelectorAll('[name]').forEach(e=>{e.name=e.name.replace('[0]','['+i+']');e.value=e.tagName==='SELECT'?e.value:''});document.getElementById('items').append(c)}</script>@endsection