@extends('layouts.app')

@section('content')

<h2>Add Product</h2>

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

    @csrf

    <div class="mb-3">
        <label>Name</label>

        <input type="text"
               name="name"
               class="form-control">

        @error('name')
            <small class="text-danger">{{ $message }}</small>
        @enderror
    </div>

    <div class="mb-3">
        <label>Price</label>

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

        @error('price')
            <small class="text-danger">{{ $message }}</small>
        @enderror
    </div>

    <div class="mb-3">
        <label>Unit Type</label>

        <select name="unit_type" class="form-control">
            <option value="qty" {{ old('unit_type') === 'qty' ? 'selected' : '' }}>Quantity (pcs)</option>
            <option value="kg" {{ old('unit_type') === 'kg' ? 'selected' : '' }}>Weight (kg)</option>
        </select>

        @error('unit_type')
            <small class="text-danger">{{ $message }}</small>
        @enderror
    </div>

    <div class="mb-3">
        <label>Stock</label>

        <input type="number"
               step="0.01"
               name="stock"
               value="{{ old('stock') }}"
               class="form-control">

        @error('stock')
            <small class="text-danger">{{ $message }}</small>
        @enderror
    </div>

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

</form>

@endsection