@extends('content')


@section('filters')
    <x-index.filters-component filtersRoute="{{ route('warehouse.stock_items') }}">

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

            <div class="col-span-12 md:col-span-6 2xl:col-span-2">
                <x-forms.input-component
                    inputType="text"
                    inputName="t1-name|like|%%"
                    inputValue="{{ request('t1-name|like|%%') }}"
                    inputLabel="{{ __('warehouse.items.name') }}"
                    inputClass="input_sm input_filters"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-2">
                <x-forms.input-component
                    inputType="text"
                    inputName="t1-producer|like|%%"
                    inputValue="{{ request('t1-producer|like|%%') }}"
                    inputLabel="{{ __('warehouse.items.producer') }}"
                    inputClass="input_sm input_filters"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-2">
                <x-forms.input-component
                    inputType="text"
                    inputName="t1-description|like|%%"
                    inputValue="{{ request('t1-description|like|%%') }}"
                    inputLabel="{{ __('warehouse.items.description') }}"
                    inputClass="input_sm input_filters"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-2">
                <x-forms.select-alpine-component
                    whichData="warehouse_units"
                    defaultValue="{{ request('t1-units|=|string') }}"
                    inputName="t1-units|=|string"
                    searchInput="true"
                    selectAlpineClass="select_alpine_filters"
                    label="units"
                />
            </div>

        </div>

    </x-index.filters-component>
@endsection



@section('page-title')
    <div>{{ __('warehouse.items.title') }}</div>
    <div>
        @cansee('warehouse.stock_items.insert')
        <a href="{{ route('warehouse.stock_items.insert.create') }}" class="btn_md btn_gray">{{ __('main.add') }}</a>
        @endcansee
    </div>
@endsection


@section('page-content')
    <x-wrapper-component>

    <x-filters.filter-badges/>

    <table class="min-w-full warsztat-table">
        <thead>
        <tr>
            <th class="text-center">#</th>
            <th>@sortable('warehouse.items.name', 't1.name')</th>
            <th>@sortable('warehouse.items.producer', 't1.producer')</th>
            <th>@sortable('warehouse.items.description', 't1.description')</th>
            <th>@sortable('warehouse.items.units', 't1.units')</th>
{{--            <th>@sortable('warehouse.items.price', 't1.units')</th>--}}
            <th></th>
        </tr>
        </thead>
        <tbody>
        @foreach($items as $index => $wi)
            <tr>
                <td class="text-center">{{ ($items->currentPage() - 1) * $items->perPage() + $loop->iteration }}.</td>
                <td class="">{{ $wi->name }}</td>
                <td class="">{{ $wi->producer }}</td>
                <td class="">{{ $wi->description }}</td>
                <td class="">{{ $wi->units }}</td>
{{--                <td class="">{{ $wi->price }}</td>--}}
                <td>
                    @cansee('warehouse.stock_items.update')

                    <a href="{{ route('warehouse.stock_items.update.edit', ['warehouseItem' => $wi->id]) }}" class="btn_md btn_green">Edytuj</a>

                    @endcansee
                    @cansee('warehouse.stock_items.delete')

                    <a class="btn_md btn_red delete_confirm_button" data-id_key="{{ $wi->id }}"
                       data-display_text="{{ $wi->name }} {{ $wi->producer }} {{ $wi->description }}">Usuń</a>

                    @endcansee
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>


    {{ $items->links() }}

    </x-wrapper-component>
@endsection

@push('modal')

    @cansee('warehouse.stock_items.delete')

    <x-modal.modal-delete-confirm-component modalRoute="{{ route('warehouse.stock_items.delete') }}"/>

    @endcansee

@endpush