@extends('layout')

@section('content_title')
    Iktatókönyv
@endsection

@section('content')
    <form action="{{ route('registration_books.registration.filter') }}" class="filter" method="post">
        @csrf
        <div class="dflex aifend">
            <div class="form-row align-items-end f1">
                <div class="form-group col-lg-2">
                    {!! html_select('reg_book', select2_value('registration_book', old('reg_book', $filter['reg_book'])), old('reg_book', $filter['reg_book']), $errors, false, 'form-control reg_book regbook_filter') !!}
                </div>
                <div class="form-group col-lg-2">
                    <input type="text" class="form-control" name="other_id" id="other_id" value="{{ old('other_id', $filter['other_id']) }}" placeholder="Egyéb azonosító">
                </div>
                <div class="form-group col-lg-2">
                    <input type="text" class="form-control" name="owner_name" id="owner_name" value="{{ old('owner_name', $filter['owner_name']) }}" placeholder="Tulajdonos neve">
                </div>
                <div class="form-group col-lg-2">
                    <input type="text" class="form-control" name="colleague_name" id="colleague_name" value="{{ old('colleague_name', $filter['colleague_name']) }}" placeholder="Állatorvos neve">
                </div>
                <div class="form-group col-lg-2">
                    {!! html_select('species', select2_value('species', old('species', $filter['species'])), old('species', $filter['species']), $errors, false, 'form-control species') !!}
                </div>
                <div class="form-group col-lg-2">
                    {!! html_select('examiner', select2_value('pathologist', old('examiner', $filter['examiner'])), old('examiner', $filter['examiner']), $errors, false, 'form-control examiner') !!}
                </div>
                <div class="form-group col-lg-2">
                    {!! html_select('pathologist', select2_value('pathologist', old('pathologist', $filter['pathologist'])), old('pathologist', $filter['pathologist']), $errors, false, 'form-control pathologist') !!}
                </div>
                <div class="form-group col-lg-2">
                    {!! html_select('submission', select2_value('submission', old('submission', $filter['submission'])), old('submission', $filter['submission']), $errors, false, 'form-control submission') !!}
                </div>
                <div class="form-group col-lg-2">
                    {!! html_select('assistant', select2_value('assistant', old('assistant', $filter['assistant'])), old('assistant', $filter['assistant']), $errors, false, 'form-control assistant') !!}
                </div>
                <div class="form-group col-lg-2">
                    {!! html_select('task', select2_value('task', old('task', $filter['task'])), old('task', $filter['task']), $errors, false, 'form-control task') !!}
                </div>
                <div class="form-group col-lg-2">
                    <input type="text" class="form-control" name="keyword" id="keyword" value="{{ old('keyword', $filter['keyword']) }}" placeholder="Gyorskeresés">
                </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>

    <table class="table table-striped datatable-basic">
        <thead>
        <tr>
            <th>Iktatószám</th>
            <th>Beérkezés dátuma</th>
            <th>Állatorvosi rendelő</th>
            <th>Tulajdonos neve</th>
            <th>Leletkiadás dátuma</th>
            <th>Állapot</th>
            <th>&nbsp;</th>
        </tr>
        </thead>
    </table>
@endsection

@push('scripts')
    <script>
        $(function() {
            $('.datatable-basic').DataTable({
                "createdRow": function(row, data, dataIndex) {
                    if (data.priority) {
                        $(row).css({"background-color": "#f2dede"});
                    }
                },
                orderCellsTop: true,
                fixedHeader: true,
                language: {
                    url: '/js/datatable_hu.json'
                },
                pageLength: 30,
                dom: '<"datatable-header"p><"datatable-scroll"t><"datatable-footer"ip>',
                processing: true,
                serverSide: true,
                stateSave: true,
                ordering: false,
                autoWidth: false,
                ajax: {
                    url: '{{ route('registration_books.registration.data') }}',
                    type: 'POST'
                },
                columns: [
                    {data: 'reg_number', ordering: false, render: function (data, type, row) {
                            return row.update_uri ? '<a href="' + row.update_uri + '"'+((row.priority)?' style="font-weight: bold; color: red;"':'')+'>' + data + '</a>' : data;
                        }
                    },
                    {data: 'arrival_date', ordering: false},
                    {data: 'office_name', ordering: false},
                    {data: 'owner_name', ordering: false},
                    {data: 'report_date', ordering: false},
                    {data: 'closed', ordering: false, render: function (data, type, row) {
                            return data ? 'Lezárt' : 'Nyitott';
                        }
                    },
                    {data: 'files', ordering: false, searchable: false, className: 'nowrap'}
                ]
            });
        });
    </script>
@endpush