@extends('adminlte::page')

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

@section('content_header')
    <h1>@lang('global.Usagers') @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="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 ($usagers->keyBy('updated_by') as $usager)
                                    @if($usager->updated_by)
                                        <option value="{{ $usager->updated_by }}">{{ $usager->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_usagers">@lang('global.Show usagers')</label>
                            <select class="form-control init-select2" name="show_usagers" id="show_usagers" @cannot('can_list_unauthorized_usagers') disabled @endcannot>
                                <option value="related_uo" @if(auth()->user()->employee) selected @endif>@lang('global.Related UO')</option>
                                <option value="all_usagers" @if(!auth()->user()->employee) selected @endif>@lang('global.All Usagers')</option>
                            </select>
                        </div>
                    </div>

                    @can('can_list_unauthorized_usagers')
                    <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.All')</option>
                                @foreach ($usagers->keyBy('created_by') as $usager)
                                    @if($usager->createdBy)
                                        <option @if(!in_array(auth()->user()->role_name, ['superadmin', 'superviseur'])) {{ $usager->created_by == auth()->id() ? 'selected' : '' }}  @endif value="{{ $usager->created_by }}">{{ $usager->createdBy->name }}</option>
                                    @endif      
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif

                    <div class="col-sm-12">
                        <label for="show_enterprise">
                            <input type="checkbox" name="show_enterprise" id="show_enterprise" @if(request()->has('enterprise') and request()->get('enterprise') == '1') checked @endif /> @lang('global.Show Enterprise')
                        </label>
                    </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('usagers.create')
                            <a class="btn btn-primary btn-sm add-spinner" href="{{route('usagers.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">
                    <x-table id="usagers">
                        <thead>
                            <tr>
                                <th>@lang('global.Id')</th>
                                <th>@lang('global.Registerid')</th>
                                @if(!request()->has('enterprise') or request()->get('enterprise') == '0') 
                                    <th>@lang('global.Name') & @lang('global.FirstName')</th>
                                @else
                                    <th>@lang('global.Denomination')</th>
                                @endif
                                <th>@lang('global.Profession')/@lang('global.Fonction')</th>
                                <th nowrap>@lang('global.pid')</th>
                                <th nowrap>@lang('global.Mobile')</th>
                                {{-- <th>@lang('global.Email')</th> --}}
                                <th>@lang('global.Etat')</th>
                                <th nowrap>@lang('global.Action')</th>
                            </tr>
                        </thead>
                    </x-table>
                </div>
            </div>
        </div>
    </div>

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

@push('js')

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

                        @can('can_list_unauthorized_usagers')
                        if($('#created_by').val()) {

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

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

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

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

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

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

                            d.sid = '{{ request()->get('sid') }}';
                        }

                        @if(!request()->has('enterprise') or request()->get('enterprise') == '0') 
                            d.show_enterprise = 0;
                        @else
                        d.show_enterprise = 1;
                        @endif
                
                    }
                },
                //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'},
                    {data: 'registreid', name: 'registreid'},
                    @if(!request()->has('enterprise') or request()->get('enterprise') == '0') 
                    {data: 'identity', name: 'identity'},
                    @else
                    {data: 'denomination', name: 'denomination'},
                    @endif
                    {data: 'profession_fonction', name: 'profession_fonction'},
                    {data: 'pid', name: 'pid'},
                    {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'}
                ]
            });

            $('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'
                        });
                    //}
                });
            });
            
            $('body').on('change', '#show_usagers @can('can_list_unauthorized_usagers'), #created_by @endcan', function () {

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

            $('#show_enterprise').on('change', function () {

                if($(this).get(0).checked) {
                    window.location.href = '{{ route('usagers.index') }}?enterprise=1';
                } else {
                    window.location.href = '{{ route('usagers.index') }}?enterprise=0';
                }
            });
        });
    </script>
@endpush