@extends('layout')

@section('content_title')
    Vizsgálatkérések
@endsection

@section('top_button')
    @if(!Gate::allows('admin') && !Gate::allows('soft_admin'))
    @can('office_enabled')
    <a class="btn btn-labeled btn-outline-primary" href="{{ route('inquiries.create-cytological') }}"><span class="btn-label btn-label-spaced"><i class="fa fa-plus"></i>Új citologiai</span></a>
    <a class="btn btn-labeled btn-outline-primary" href="{{ route('inquiries.create-oncological') }}"><span class="btn-label btn-label-spaced"><i class="fa fa-plus"></i>Új onkologiai</span></a>
    <a class="btn btn-labeled btn-outline-primary" href="{{ route('inquiries.create-dermatopathological') }}"><span class="btn-label btn-label-spaced"><i class="fa fa-plus"></i>Új dermatopatologiai</span></a>
    <a class="btn btn-labeled btn-outline-primary" href="{{ route('inquiries.create-pathological') }}"><span class="btn-label btn-label-spaced"><i class="fa fa-plus"></i>Új patologiai</span></a>
    @endcan
    @endif
@endsection

@section('content')
    <form action="{{ route('inquiries.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('type', $filter['type_list'], old('type', $filter['type']), $errors, false, 'form-control type') !!}
                </div>
                @canany(['admin', 'soft_admin'])
                <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>
                @endcan
                <div class="form-group col">
                    <input type="text" class="form-control" name="veterinarian" id="veterinarian" value="{{ old('veterinarian', $filter['veterinarian']) }}" placeholder="Beküldő állatorvos">
                </div>
                <div class="form-group col">
                    <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">
                    <input type="text" class="form-control" name="animal_name" id="animal_name" value="{{ old('animal_name', $filter['animal_name']) }}" placeholder="Állat neve/jelölése">
                </div>
                <div class="form-group col">
                    <input type="text" class="form-control" name="email" id="email" value="{{ old('email', $filter['email']) }}" placeholder="E-mail">
                </div>
                <div class="form-group col">
                    <div class="row">
                        <div class="col-6 pr-1">
                            <input data-datetime="true" data-datetime-only-date="true" type="text" name="date_from" id="date_from" class="form-control datepicker" value="{{ old('date_from', $filter['date_from']) }}" placeholder="beküldés dátumtól">
                        </div>
                        <div class="col-6 pl-1">
                            <input data-datetime="true" data-datetime-only-date="true" type="text" name="date_to" id="date_to" class="form-control datepicker" value="{{ old('date_to', $filter['date_to']) }}" placeholder="beküldés dátumig">
                        </div>
                    </div>
                </div>
                <div class="form-group col">
                    <input type="text" class="form-control" name="barcode" id="barcode" value="{{ old('barcode', $filter['barcode']) }}" placeholder="Vonalkód">
                </div>
                @canany(['admin', 'soft_admin'])
                <div class="form-group col">
                    {!! html_select('status', $filter['status_list'], old('status', $filter['status']), $errors, false, 'form-control type') !!}
                </div>
                @endcan
            </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>
    @canany(['admin', 'soft_admin'])
    <form action="{{ route('inquiries.transfer') }}" method="POST">
        @csrf
        <button class="mb-2 btn btn-sm btn-primary">Kijelölt iktatókönyvek átemelése</button>
    @endcan
    <table class="table table-striped datatable-basic">
        <thead>
        <tr>
            @canany(['admin', 'soft_admin'])
                <th>&nbsp;</th>
            @endcan
            <th>ID</th>
            <th>Űrlap</th>
            <th>Rendelő neve</th>
            <th>Beküldő állatorvos</th>
            <th>Tulajdonos neve</th>
            <th>Állat neve/jelölése</th>
            <th>Beküldés dátuma</th>
            <th width="180">Képek</th>
            <th width="160" class="text-right">&nbsp;</th>
        </tr>
        </thead>
    </table>
    @canany(['admin', 'soft_admin'])
    <button class="mt-2 btn btn-sm btn-primary">Kijelölt iktatókönyvek átemelése</button>
    </form>

    @include('Inquiries.modal')
    @endcan
@endsection

@push('scripts')
    <script>
        @if( Session::has('swal_success'))
        swal({
                allowOutsideClick: false,
                title: 'A vizsgálatkérő sikeresen rögzítve.',
                type: 'success',
                cancelButtonText: 'Bezárás',
                confirmButtonText: 'Adatlap letöltése',
                closeOnConfirm: true,
                showCancelButton: true,
                closeOnCancel: true
            },
            function (r) {
                if (r) {
                    window.open('{{ Session::get('swal_success') }}', 'new')
                }
            });
        @endif
        $(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('inquiries.data') }}',
                    type: 'POST'
                },
                columns: [
                    @canany(['admin', 'soft_admin'])
                    {data: 'id', sortable: false, render: function (data, type, row) {
                            return row.status == 0 ? '<input type="checkbox" name="ids[]" value="'+data+'">' : '&nbsp;';
                        }
                    },
                    @endcan
                    {data: 'id'},
                    {data: 'type'},
                    {data: 'office_name'},
                    {
                        data: 'veterinarian', render: function (data, type, row) {
                            return row.veterinarian + (row.email ? '<br />(' + row.email + ')' : '');
                        }
                    },
                    {data: 'owner_name'},
                    {data: 'animal_name'},
                    {data: 'created_at'},
                    {
                        data: 'file1', render: function (data, type, row) {
                            let html = [];
                            if (row.file1) {
                                html.push('<a href="/storage/' + row.file1 + '" target="_blank" class="btn btn-sm btn-primary">Fájl 1</a>');
                            }
                            if (row.file2) {
                                html.push('<a href="/storage/' + row.file2 + '" target="_blank" class="btn btn-sm btn-primary">Fájl 2</a>');
                            }
                            if (row.file3) {
                                html.push('<a href="/storage/' + row.file3 + '" target="_blank" class="btn btn-sm btn-primary">Fájl 3</a>');
                            }
                            return html.join('&nbsp;');
                        }
                    },
                    {data: 'actions', searchable: false, sortable: false, className: 'text-center nowrap'}
                ],
                @canany(['admin', 'soft_admin'])
                order: [[1, 'desc']]
                @else
                order: [[0, 'desc']]
                @endcan
            });

            @canany(['admin', 'soft_admin'])
            $(document).on('click', '.__status', function(e){
                e.preventDefault();
                let p = $(this).parent()
                $.ajax({
                    type: 'POST', url: $(this).attr('href'), success: function (data) {
                        p.html(data)
                    }, error: function (xhr, ajaxOptions, thrownError) {
                    }
                });
            })
            @endcan
        });
    </script>
@endpush