@extends('adminlte::page')

@section('title', __('global.Patients').'::'.__('global.List'))

@section('content_header')
    <h1>@lang('global.Patients') @lang('global.List')</h1>
@endsection

@section('adminlte_css')
<style>
    .swal2-html-container{
        overflow: hidden;
    }
</style>
@endsection

@section('content')
    <x-filter>
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="from-group">
                            <label for="dcc_type_id">@lang('global.Dcc Type')</label>
                            <select name="dcc_type_id" id="dcc_type_id" class="form-control init-select2">
                                <option value="">@lang('global.Choose')</option>
                                @foreach (\App\Models\DccType::whereIn('name', get_enabled_dcc_types())->get() as $dccType)
                                    @canany(\App\Models\DccType::CAN_RULE[$dccType->name])
                                        <option value="{{ $dccType->id }}">{{ __('global.'.$dccType->name) }}</option>
                                    @endcanany
                                @endforeach
                            </select>
                        </div>
                    </div>

                    @can('laboratory-result')    
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="have_result">@lang('global.Have Result')</label>
                                <select name="have_result" id="have_result" class="form-control init-select2">
                                    <option value="">@lang('global.Choose')</option>
                                    <option value="yes">@lang('global.Yes')</option>
                                    <option value="no">@lang('global.No')</option>
                                </select>
                            </div>
                        </div>
                    @endcan

                    <div class="col-sm-3">
                        <div class="form-group">
                            <label for="created_by">@lang('global.Created by')</label>
                            <select class="form-control init-select2" id="created_by" name="created_by">
                                <option value="">@lang('global.Choose')</option>
                                @foreach ($patients->keyBy('created_by') as $patient)
                                    @if($patient->created_by)
                                        <option value="{{ $patient->created_by }}">{{ $patient->createdBy->name }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="form-group">
                            <label for="updated_by">@lang('global.Updated by')</label>
                            <select class="form-control init-select2" id="updated_by" name="updated_by">
                                <option value="">@lang('global.Choose')</option>
                                @foreach ($patients->keyBy('updated_by') as $patient)
                                    @if($patient->updated_by)
                                        <option value="{{ $patient->updated_by }}">{{ $patient->updatedBy->name }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @can('can_handle_tested') 
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="no_sample">@lang('global.Sample')</label>
                                <input type="text" name="no_sample" id="no_sample" class="form-control">
                            </div>
                        </div>
                    @endcan

                    @can('can_handle_vaccinated') 
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="nolot">@lang('global.nolot')</label>
                                <input type="text" name="nolot" id="nolot" class="form-control">
                            </div>
                        </div>
                    @endcan

                    <div class="col-sm-3">
                        <div class="form-group">
                            <label for="show_patients">@lang('global.Show patients')</label>
                            <select class="form-control init-select2" name="show_patients" id="show_patients">
                                <option value="related_uo" @if(auth()->user()->employee) selected @endif>@lang('global.Related UO')</option>
                                <option value="all_patients" @if(!auth()->user()->employee) selected @endif>@lang('global.All Patients')</option>
                            </select>
                        </div>
                    </div>

                </div>          
            </div>
        </div>
    </x-filter>
    <div class="row">
        <div class="col-md-12 mt-2">
            <div class="card">
                <div class="card-header">
                    <div class="card-tools">
                        @can('patients.create')
                            <a class="btn btn-primary btn-sm add-spinner" href="{{route('patients.create')}}"> 
                                <i class="fa fa-plus"></i> @lang('global.Add New')
                            </a>
                        @endcan

                        <a href="{{ request()->url() }}" title="@lang('global.Refresh this page')" class="btn btn-info btn-sm">
                            <i class="fa fa-sync"></i>
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered" id="dataTable">
                            <thead>
                                <tr>
                                    <th>@lang('global.id')</th>
                                    {{-- <th>@lang('global.Registerid')</th> --}}
                                    @if(auth()->id() === 1 or auth()->user()->role_name === 'superviseur')
                                        <th>@lang('global.RegistreId_CodeDC')</th>
                                    @else
                                        @can('can_handle_vaccinated')  
                                            <th>@lang('global.Registerid')</th>
                                        @endcan
                                        @can('can_handle_tested')  
                                            <th>@lang('global.CodeDC')</th>
                                        @endcan
                                    @endif
                                    <th>@lang('global.Nom')</th>
                                    <th>@lang('global.Prenom')</th>
                                    <th nowrap>@lang('global.pid')</th>
                                    {{-- <th>@lang('global.Sample')/@lang('global.nolot')</th> --}}
                                    @if(auth()->id() === 1 or auth()->user()->role_name === 'superviseur')
                                        {{-- <th>@lang('global.Sample')/@lang('global.nolot')</th> --}}
                                        <th>@lang('global.Sample_Lot')</th>
                                    @else
                                        @can('can_handle_vaccinated')  
                                            <th>@lang('global.nolot')</th>
                                        @endcan
                                        @can('can_handle_tested')  
                                            <th>@lang('global.Sample')</th>
                                        @endcan
                                    @endif
                                    <th  nowrap>@lang('global.Mobile')</th>
                                    {{-- <th>@lang('global.Email')</th> --}}
                                    <th>@lang('global.Etat')</th>
                                    <th >@lang('global.Action')</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="address-map-modal" role="dialog"></div>
@endsection

@section('adminlte_js')

    <script>
        $(document).ready(function () {
            
            window.dataTable = $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                order: [[0, "desc"]],
                ajax: {
                    url: '{{route('patients.index')}}',
                    data: function (d) {

                        if($('#dcc_type_id').val()) {

                            d.dcc_type_id = $('#dcc_type_id').val();
                        }

                        if($('#have_result').val()) {

                            d.have_result = $('#have_result').val();
                        }

                        if($('#no_sample').val()) {

                            d.no_sample = $('#no_sample').val();
                        }

                        if($('#created_by').val()) {

                            d.created_by = $('#created_by').val();
                        }

                        if($('#updated_by').val()) {

                            d.updated_by = $('#updated_by').val();
                        }

                        if($('#nolot').val()) {

                            d.nolot = $('#nolot').val();
                        }

                        if($('#show_patients').val()) {

                            d.show_patients = $('#show_patients').val();
                        }

                        if({{ request()->has('sid') ? 'true' : 'false' }}) {

                            d.sid = '{{ request()->get('sid') }}';
                        }
                    }
                },
                //dom: '<"row"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6"f>><"row"<"col-sm-12"t>><"row"<"col-sm-12 col-md-5"i><"col-sm-12 col-md-7"p>>',
                columns: [
                    {data: 'id', name: 'id'},
                    @canany(['can_handle_vaccinated', 'can_handle_tested'])
                    {data: 'registreid', name: 'registreid'},
                    @endcanany
                    {data: 'nom', name: 'nom'},
                    {data: 'prenom', name: 'prenom'},
                    {data: 'pid', name: 'pid'},
                    @canany(['can_handle_vaccinated', 'can_handle_tested'])  
                    {data: 'no_sample', name: 'no_sample'},//echantillon
                    @endcanany
                    {data: 'mobile', name: 'mobile'},
                    //{data: 'email', name: 'email'},
                    {data: 'etat', name: 'etat'},
                    {data: 'action', name: 'action'}
                ],
                columnDefs: [
                    {targets: [-1, -2, -3, -4], orderable: false, className: 'text-center'}
                ]
            });

            $('#dcc_type_id, #have_result, #created_by, #updated_by, #show_patients').on('change', function () {

                window.dataTable.ajax.reload();
            });

            $('#no_sample, #nolot').on('input', function () {

                window.dataTable.ajax.reload();
            });

            $('body').on('click', '.load_details', function (e) {
                e.preventDefault();

                const link = $(this).attr('href');
                $.get(`${link}`, response => {
                    //if(response.success == 'success'){
                        Swal.fire({
                            icon: 'info',
                            html: response,
                            showConfirmButton: false,
                            showCancelButton: false,
                            showCloseButton: true,
                            width: '800'
                        });
                    //}
                });
            });
        });
    </script>
@endsection