@extends('layouts.app')

@section('content')

<h2>Add Purchase</h2>

<form action="{{ route('purchases.store') }}"
      method="POST">

    @csrf

    <div class="mb-3">

        <label>Product</label>

        <select name="product_id"
                class="form-control">

            <option value="">Select Product</option>

            @foreach($products as $product)

                <option value="{{ $product->id }}" {{ old('product_id') == $product->id ? 'selected' : '' }}>
                    {{ $product->name }} ({{ $product->unitLabel() }}, stock: {{ $product->stock }})
                </option>

            @endforeach

        </select>

    </div>

    <div class="mb-3">

        <label>Quantity</label>

        <input type="number"
               step="0.01"
               name="quantity"
               value="{{ old('quantity') }}"
               class="form-control"
               placeholder="Enter amount in product unit">

        <div class="form-text">Use whole numbers for pcs and decimals for kg.</div>
    </div>

    <div class="mb-3">

        <label>Price</label>

        <input type="number"
               step="0.01"
               name="price"
               class="form-control">

    </div>

    <button class="btn btn-success">
        Save Purchase
    </button>

</form>

@endsection