@extends('content')

@section('page-title')
    @if($warehouse_stock->exists) {{ __('warehouse.stock.edit_item') }} @else {{ __('warehouse.stock.add_item') }} @endif
@endsection

@section('page-content')

    <x-forms.form-wrapper-component formRoute="{{ $warehouse_stock->exists ? route('warehouse.current_stock.update', $warehouse_stock) : route('warehouse.current_stock.insert.store') }}" formLabel="{{ __('warehouse.items.item_data') }}">

        <div class="grid grid-cols-12 gap-4">

            <div class="col-span-12 md:col-span-6">
                <x-forms.select-alpine-component
                    whichData="stock_items"
                    defaultValue="{{ old('item_id', $warehouse_stock->item_id) }}"
                    inputName="item_id"
                    searchInput="true"
                    label="stock_items"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="quantity"
                    inputId="quantity"
                    inputValue="{{ old('quantity', $warehouse_stock->quantity) }}"
                    inputLabel="{{ __('warehouse.stock.quantity') }} {{ $warehouse_stock->unit }}"
                    inputPlaceholder="{{ __('warehouse.stock.quantity') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="price"
                    inputId="price"
                    inputValue="{{ old('price', $warehouse_stock->price) }}"
                    inputLabel="{{ __('warehouse.stock.price') }}"
                    inputPlaceholder="0.00"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <div class="input_global input_md">
                    <label for="delivery_date" class="pl-1">{{ __('warehouse.stock.delivery_date') }}</label>
                    <input type="text"
                           name="delivery_date"
                           id="delivery_date"
                           value="{{ old('delivery_date', $warehouse_stock->delivery_date) }}"
                           autocomplete="off"
                           class="datepicker"
                           required
                    />
                </div>
            </div>

            <div class="col-span-12 md:col-span-3">
                <div class="input_global input_md">
                    <label for="delivery_date" class="pl-1">{{ __('warehouse.stock.expiration_date') }}</label>
                    <input type="text"
                           name="expiration_date"
                           id="expiration_date"
                           value="{{ old('expiration_date', $warehouse_stock->expiration_date) }}"
                           autocomplete="off"
                           class="datepicker"
                           required
                    />
                </div>
            </div>

            <div class="col-span-12 md:col-span-6">
                <x-forms.input-component
                    inputType="text"
                    inputName="location"
                    inputId="location"
                    inputValue="{{ old('location', $warehouse_stock->location) }}"
                    inputLabel="{{ __('warehouse.stock.location') }}"
                    inputClass="input_md"
                />
            </div>

        </div>

        <div class="text-center mt-8">
            <button type="submit" class="btn_lg btn_red">{{ __('main.save') }}</button>
        </div>


    </x-forms.form-wrapper-component>

    <div class="text-center">
        <a href="{{ route('warehouse.current_stock') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>
    </div>

@endsection