@extends('layout')

@section('content_title')
    Vonalkódok listája
@endsection

@section('top_button')
    @canany(['admin', 'soft_admin'])
    <a class="btn btn-labeled btn-outline-primary" href="{{ route('barcodes.create') }}"><span class="btn-label btn-label-spaced"><i class="fa fa-plus"></i>Új rögzítés</span></a>
    @endcan
@endsection

@section('content')
    @canany(['admin', 'soft_admin'])
    <form action="{{ route('barcodes.filter') }}" class="filter" method="post">
        @csrf
        <div class="dflex aifend">
            <div class="form-row align-items-end f1">
                <div class="form-group col">
                    {!! html_select('office', select2_value('office', old('office', $filter['office'])), old('office', $filter['office']), $errors, false, 'form-control office') !!}
                </div>
                <div class="form-group col">
                    <input type="text" class="form-control" name="nr" id="nr" value="{{ old('nr', $filter['nr']) }}" placeholder="Sorszám">
                </div>
            </div>
            <div class="dflex aicenter">
                <button class="btn btn-sm btn-primary">Keresés</button>
                <button class="btn btn-sm btn-outline-primary" name="clear">Törlés</button>
            </div>
        </div>
    </form>
    @endcan
    <table class="table table-striped datatable-basic">
        <thead>
        <tr>
            <th>Sorszám</th>
            @canany(['admin', 'soft_admin'])
                <th>Rendelő</th>
            @endcan
            <th>Viszgálatkérés</th>
            <th>Iktatókönyv</th>
            @canany(['admin', 'soft_admin'])
                <th width="60" class="text-right">&nbsp;</th>
            @endcan
        </tr>
        </thead>
    </table>
@endsection

@push('scripts')
    <script>
        $(function() {
            $('.datatable-basic').DataTable({
                orderCellsTop: true,
                fixedHeader: true,
                language: {
                    url: '/js/datatable_hu.json'
                },
                pageLength: 30,
                dom: '<"datatable-scroll"t><"datatable-footer"ip>',
                processing: true,
                serverSide: true,
                stateSave: true,
                ajax: {
                    url: '{{ route('barcodes.data') }}',
                    type: 'POST'
                },
                columns: [
                    {data: 'nr', sortable: false},
                    @canany(['admin', 'soft_admin'])
                    {data: 'office_name', name: 'offices.name'},
                    @endcan
                    {data: 'inquiry', sortable: false},
                    {data: 'registration_book', sortable: false},
                    @canany(['admin', 'soft_admin'])
                    {data: 'actions', searchable: false, sortable: false, className: 'text-right nowrap'}
                    @endcan
                ],
                order: [[0, 'asc']]
            });
        });
    </script>
@endpush