<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<form action="{{ route('ventas.store') }}" method="POST">
    @csrf

    <label for="producto1">Producto 1</label>
    <select name="productos[1][id]" id="producto1" required>
        @foreach ($productos as $producto)
            <option value="{{ $producto->id }}">{{ $producto->nombre }} - ${{ $producto->precio }}</option>
        @endforeach
    </select>
    <input type="number" name="productos[1][cantidad]" placeholder="Cantidad" min="1" required>

    <label for="producto2">Producto 2</label>
    <select name="productos[2][id]" id="producto2" required>
        @foreach ($productos as $producto)
            <option value="{{ $producto->id }}">{{ $producto->nombre }} - ${{ $producto->precio }}</option>
        @endforeach
    </select>
    <input type="number" name="productos[2][cantidad]" placeholder="Cantidad" min="1" required>

    <button type="submit">Vender</button>
</form>

</body>
</html>