<form wire:submit.prevent="save">
    <div class="flex items-end gap-2 bg-gray-50 p-4 rounded-lg mt-6">
        <div class="w-2/3">
            <x-basics.input-select name="product_id"
                wire:model.live="product_id" label="Produit" :options="$products"
                optionValue="id" optionLabel="name" placeholder="Produit" orientation="top" required mb="mb-0" />
        </div>

        <div>
            <x-basics.input type="number" name="quantity"
                wire:model.defer="quantity" label="Quantité" min="1" required
                mb="mb-0" />
        </div>

        <div>
            <x-basics.input type="number" name="unit_price"
                wire:model.defer="unit_price" label="PU (CDF)" step="0.01" required
                min="0" mb="mb-0" />
        </div>

        <div class="flex justify-end">
            <x-basics.button type="submit" :disabled="$loading" variant="primary">
                <i class="ph ph-floppy-disk"></i>
            </x-basics.button>
        </div>
    </div>
</form>
