@extends('layouts.master')

@section('title')
    {{__('Dictionaries list')}}
@endsection

@section('buttons')
    @if(checkAccess('dictionaries_create'))
        <a href="{{route('dictionaries.create')}}" class="btn btn-primary btn-sm">@lang('Add dictionary')</a>
    @endif
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'title' => __('Dictionaries list'),
        'items' => [
            ['url' => '#', 'label' => 'Admin'],
        ]
    ])@endcomponent
@endsection

@section('content')


    <div class="row justify-content-center">
        <div class="col-md-12">

            <div class="table-responsive">
                <table class="table text-nowrap table-separate">
                    <thead>
                    <tr>
                        <th>@lang('Dictionary type')</th>
                        <th>@lang('Label')</th>
                        <th>@lang('Value')</th>
                        <th>@lang('Order no')</th>
                        <th class="text-center">@lang('Actions')</th>
                    </tr>
                    <tr>
                        <form type="GET">
                        <th scope="col"><input type="text" class="form-control" value="{{request()->input('search.type')}}" name="search[type]" /></th>
                        <th scope="col"><input type="text" class="form-control" value="{{request()->input('search.label')}}" name="search[label]" /></th>
                        <th scope="col"><input type="text" class="form-control" value="{{request()->input('search.value')}}" name="search[value]" /></th>
                        <th scope="col"><input type="text" class="form-control" value="{{request()->input('search.order_no')}}" name="search[order_no]" /></th>
                        <th scope="col" style="vertical-align: middle;" class="text-end"><button class="btn btn-sm btn-primary-light w-100" style="height: 40px;">@lang('Search')</button></th>
                        </form>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($dictionaries as $dictionary)

                        <tr>
                            <td>
                                {{$dictionary->type}}
                            </td>
                            <td>{{$dictionary->label}}</td>
                            <td>{{$dictionary->value}}</td>
                            <td>{{$dictionary->order_no}}</td>
                            <td class="text-center">
                                @component('components.dropdown', [
                                    'items' => [
                                        ['url' => route('dictionaries.edit', ['dictionary' => $dictionary]), 'label' => __('Edit'), 'can' => 'dictionaries_edit'],
                                        ['url' => route('dictionaries.duplicate', ['dictionary' => $dictionary]), 'label' => __('Duplicate'), 'can' => 'dictionaries_create'],
                                        ['url' => route('dictionaries.destroy', ['dictionary' => $dictionary]), 'label' => __('Delete'), 'method' => 'delete', 'can' => 'dictionaries_delete'],
                                    ],
                                ])@endcomponent
                            </td>
                        </tr>

                    @empty
                        <tr>
                            <td colspan="5">@lang('No dictionaries')</td>
                        </tr>


                    @endforelse

                    </tbody>
                </table>

                {{$dictionaries->links()}}
            </div>
        </div>
    </div>

@endsection

@section('scripts')

@endsection