{{-- @php
    ini_set('memory_limit', '-1');
@endphp --}}
@extends('subadmin.layouts.master')
@section('content')
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">
            <li class="breadcrumb-item">Sub Admin</li>
            <li class="breadcrumb-item">Patients</li>
        </ul>
        <style>
            div.dataTables_wrapper div.dataTables_length label,
            div.dataTables_wrapper div.dataTables_filter label,
            div.dataTables_wrapper div.dataTables_info {
                color: #fff;
                display: none !important;
            }

                label {
                    color: #fff;
                }

                h4 {
                    color: #fff;
                }

                .Chek {
                    height: calc(1.5em + 0.5rem + 2px);
                    padding: 0.25rem 0.5rem;
                    font-size: .875rem;
                    line-height: 1.5;
                    border-radius: 0.2rem;
                }

                .pass {
                    margin: 10px 10px 10px 36px;
                }

                div.dataTables_wrapper div.dataTables_paginate {
                    margin: 0;
                    white-space: nowrap;
                    text-align: right;
                    display: none;
                }

                .text-center {
                    text-align: center !important;
                }

                @media(max-width:992px) {
                    .text-center {
                        text-align: left !important
                    }

                    .mxs {
                        margin-left: 15px;
                    }
                }

        </style>
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12" style="width: 80% !important">
                    <form action="{{ route('subadmin.user.index') }}" method="GET">
                        <label for="">From</label>
                        <input type="date" name="from" id="" class="Chek"
                            value="{{ old('from', request()->from ? request()->from : '') }}">
                        <label for="">To</label>
                        <input type="date" name="to" id="" class="Chek mxs"
                            value="{{ old('to', request()->to ? request()->to : '') }}">
                        <label for="">Site</label>
                        <select name="organization" id="orgDropDown" class="Chek mxs">
                            <option>None</option>
                            @foreach ($organizations as $organization)
                                <option value="{{ $organization->id }}"
                                    {{ request()->organization == $organization->id ? 'selected' : '' }}>
                                    {{ $organization->name }}</option>
                            @endforeach
                        </select>
                        <label for="">Search</label>
                        <input type="text" name="search" placeholder="Search Here"
                            value="{{ request()->search ? request()->search : '' }}">
                        <input class="btn btn-primary pass" type="submit" value="Filter">
                        <a class="btn btn-primary pass" href="{{ route('subadmin.user.index') }}">Reset</a>
                    </form>
                </div>
            </div>
        </div>
        <div class="section-body">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="col-sm-2">
                                <h4>Patients</h4>
                            </div>
                            <div class="col-sm-10 text-right">
                                {{-- <a href="{{route('subadmin.export.users')}}" title="Send To Lab" class="btn btn-primary">Send To Lab</a> --}}
                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                    data-target=".bd-example-modal-lg">Send To Lab</button>
                                <a href="{{ route('subadmin.add.user') }}" title="Add User" class="btn btn-primary">Add
                                    <a href="{{ route('subadmin.user.sample.export') }}" title="Sample Export"
                                        class="btn btn-primary">Sample Export</a>
                                        <a href="{{ route('subadmin.users.excel.export', ['organization' => request()->organization]) }}"
                                            title="Export" class="btn btn-primary">Export
                                            Patients</a>
                                        <a class="btn btn-primary"
                                            href="javascript:document.querySelector('input#userImport').click()">Import</a>
                                        <form action="{{ route('subadmin.import.users') }}" method="POST"
                                            enctype="multipart/form-data" id="userImportForm">
                                            @csrf
                                            <input type="file" name="userImport" id="userImport" class="btn btn-primary"
                                                accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
                                                style="display: none" />
                                            <input type="submit" id="submitImportForm" style="display: none;">
                                        </form>
                                        <a class="btn btn-primary">Barcode Scanned Today: {{ $barcodesCount }}</a>
                                        {{-- <a  class="btn btn-primary" >Total Patients: {{$users->total()}}</a> --}}
                            </div>

                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped data-table" id="table-2">
                                    <thead>
                                        <tr>
                                            <th class="text-center pt-3">
                                                <input type="checkbox" class="selectall">
                                            </th>
                                            <th>Name</th>
                                            <th>Site</th>
                                            <th>Occupied By <small>(Sales Person)</small></th>
                                            <th>QR Code</th>
                                            <th>Date Created</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($users as $user)
                                            <tr>
                                                <td class="text-center pt-2">
                                                    <input type="checkbox" class="checkedIds individual" name="checkedIds[]"
                                                        value="{{ $user->user->id }}">
                                                </td>
                                                <td>{{ $user->user->fname . ' ' . $user->user->lname }}</td>
                                                <td>{{ $user->organization->name }}</td>
                                                <td>{{ $user->organization->salesman? $user->organization->salesman->salesman->fname . ' ' . $user->organization->salesman->salesman->lname: 'Not Occupied Yet' }}
                                                </td>
                                                <td> <a href="#" data-toggle="modal"
                                                        data-target=".patients{{ $user->user->id }}" title="Quick View"
                                                        href="#">{!! QrCode::size(50)->generate($user->user->fname . ' ' . $user->user->lname) !!}</td>
                                                <td>{{ $user->created_at->format('m-d-Y') }}</a></td>
                                                <td>
                                                    @if ($user->status == 1)
                                                        <a title="Approve User"
                                                            href="{{ route('subadmin.approve.user', ['id' => $user->user_id]) }}"
                                                            class="btn btn-primary"><i class="fa fa-check"></i></a>
                                                    @endif
                                                    {{-- <a title="View User" href="{{route('subadmin.show.user', ['id' => $user->id])}}" class="btn btn-primary"><i class="fa fa-eye"></i></a> --}}
                                                    <a title="Edit User"
                                                        href="{{ route('subadmin.update.user', ['id' => $user->user_id]) }}"
                                                        class="btn btn-primary"><i class="fa fa-edit"></i></a>
                                                    <a title="Download Qr"
                                                        href="{{ route('user.qr.download', ['id' => $user->user_id]) }}"
                                                        class="btn btn-primary"><i class="fa fa-download "></i></a>
                                                </td>

                                            </tr>
                                        @empty
                                            <tr>
                                                <td>No Data Available</td>
                                                <td>No Data Available</td>
                                                <td>No Data Available</td>
                                                <td>No Data Available</td>
                                                <td>No Data Available</td>
                                                <td>No Data Available</td>
                                                <td>No Data Available</td>
                                                {{-- <td> --}}
                                                {{-- <a title="Edit User" href="/useredit" class="btn btn-primary"><i --}}
                                                {{-- class="fa fa-edit"></i></a> --}}
                                                {{-- <a title="View User" href="/userdetail" class="btn btn-primary"><i class="fa fa-eye"></i></a> --}}
                                                {{-- <a title="Generte QR" href="" class="btn btn-primary"><i class="fa fa-qrcode "></i></a> --}}
                                                {{-- </td> --}}
                                            </tr>
                                        @endforelse

                                    </tbody>
                                </table>
                                <a class="btn btn-primary" style="float: right">Current Page: {{ $users->currentPage() }}
                                    Showing {{ $users->firstItem() }} to {{ $users->lastItem() }} of
                                    {{ $users->total() }} entries</a>
                                <div class="d-flex justify-content-center">
                                    {!! $users->appends($data)->links('pagination::bootstrap-4') !!}
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Posi"
                                id="positiveBtn">Positive</button>
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Negi"
                                id="negativeBtn">Negative</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="container"></div>

    </section>
    <style>
        .modal-header {
            background: #660c26;
        }

        .close {
            color: #fff;
        }

        .modal-body {
            background: #660c26;
        }

    </style>
    <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    {{-- <h5 class="modal-title" id="myLargeModalLabel">Modal title</h5> --}}
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="table-responsive">
                        <table class="table table-striped" id="table-3">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($emails as $email)
                                    <tr>
                                        <td>{{ $email->name }}</td>
                                        <td>{{ $email->email }}</td>
                                        <td>
                                            <a title="Send"
                                                href="{{ route('subadmin.export.users', ['email' => $email->email,'organization' => request()->organization,'from' => request()->from,'to' => request()->to]) }}"
                                                class="btn btn-primary"><i class="fa fa-envelope"></i></a>
                                        </td>

                                    </tr>
                                @empty
                                    <tr>
                                        <td>No Data Available</td>
                                        <td>No Data Available</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="Posi" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h4 class="text-center">Positive</h4>
                    <form action="{{ route('subadmin.verify.text') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group row mb-4">
                                    <div class="col-sm-12 col-md-12">
                                        <textarea class="summernote-simple" name="positiveDetails">Click The Link</textarea>
                                    </div>
                                </div>
                                <div class="form-group row mb-4">
                                    <label class="col-form-label text-md-right col-12 col-md-5 col-lg-4"></label>
                                    <div class="col-sm-12 col-md-7">
                                        <input type="hidden" name="org_id" class="org_id">
                                        <input type="hidden" name="positive" value="positive">
                                        <input type="hidden" name="positiveIds" id="postiveIds">
                                        <button class="btn btn-primary" type="submit">Send</button>
                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>

                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="Negi" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h4 class="text-center">Negative</h4>
                    <form action="{{ route('subadmin.verify.text') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group row mb-4">
                                    <div class="col-sm-12 col-md-12">
                                        <textarea class="summernote-simple" name="negativeDetails">Click The Link</textarea>
                                    </div>
                                </div>
                                <div class="form-group row mb-4">
                                    <label class="col-form-label text-md-right col-12 col-md-5 col-lg-4"></label>
                                    <div class="col-sm-12 col-md-7">
                                        <input type="hidden" name="org_id" class="org_id">
                                        <input type="hidden" name="negative" value="negative">
                                        <input type="hidden" name="negativeIds" id="negativeIds">
                                        <button class="btn btn-primary">Send</button>
                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                                    </div>
                                </div>

                            </div>
                        </div>

                </div>
            </div>
        </div>
    </div>
    @foreach ($users as $user)
        <div class="modal fade patients{{ $user->user->id }}" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row text-white">
                            <div class="col-sm-12 text-center">
                                {!! QrCode::size(100)->generate($user->user->fname . ' ' . $user->user->lname) !!}
                            </div>
                            <div class="col-sm-12">
                                <h6>Name:<span>{{ $user->user->fname . ' ' . $user->user->lname }}</span></h6>
                            </div>
                            <div class="col-sm-12">
                                <h6>Account:<span>{{ $user->organization->name }}</span></h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endsection
@push('scripts')
    {{-- <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"></script> --}}
    <script>
        $(document).ready(function() {

            $("#table-2").dataTable().fnDestroy();
            // $("#table-1").dataTable.moment('MM/DD/YY');
            $('#table-2').dataTable({
                // display everything
                "iDisplayLength": 100,
                // "ordering": true,
                'searching': false,
                "bPaginate": false,
                // "columnDefs" : [{"targets":4, type: "bz"}],
                // order: [4, 'desc'],
                // "aaSorting": [
                //     [4, "desc"]
                // ] // Sort by first column descending
            });

            // $('#table-2').dataTable({
            //     'paging':false,
            // });
            // $(function() {

            //     var table = $('.data-table').DataTable({
            //         processing: true,
            //         serverSide: true,
            //         ajax: "{{ route('subadmin.user.index') }}",
            //         columns: [
            //             {
            //                 data: 'name',
            //                 name: 'name'
            //             },
            //             {
            //                 data: 'Organization',
            //                 name: 'email'
            //             },
            //             {
            //                 data: 'QR Code',
            //                 name: 'email'
            //             },
            //             {
            //                 data: 'Created At',
            //                 name: 'email'
            //             },
            //             {
            //                 data: 'Occupied By',
            //                 name: 'action',
            //                 orderable: false,
            //                 searchable: false
            //             },
            //         ]
            //     });

            // });

            $('#userImport').on('change', function() {
                $("#submitImportForm").click();
            });
            let positiveBtn = $("#positiveBtn");
            let negativeBtn = $("#negativeBtn");
            positiveBtn.hide();
            negativeBtn.hide();

            $(document).on('click', '.checkedIds', function() {
                if ($('.checkedIds').filter(':checked').length >= 1) {
                    positiveBtn.show();
                    negativeBtn.show();
                } else {
                    positiveBtn.hide();
                    negativeBtn.hide();
                }
                if ($('input[name="checkedIds[]"]:checked')) {
                    var checkedId = []

                    $('input[name="checkedIds[]"]:checked').each(function() {
                        checkedId.push($(this).val());
                    });
                    $('#postiveIds').val(checkedId);
                    $('#negativeIds').val(checkedId);
                }
            });
            $(".selectall").click(function() {
                $(".individual").prop("checked", $(this).prop("checked"));
                if ($('.checkedIds').filter(':checked').length >= 1) {
                    positiveBtn.show();
                    negativeBtn.show();
                } else {
                    positiveBtn.hide();
                    negativeBtn.hide();
                }
                if ($('input[name="checkedIds[]"]:checked')) {
                    var checkedId = []

                    $('input[name="checkedIds[]"]:checked').each(function() {
                        checkedId.push($(this).val());
                    });
                    $('#postiveIds').val(checkedId);
                    $('#negativeIds').val(checkedId);
                }
            });

            $("#orgDropDown").on('change', function() {
                $(".org_id").val($(this).val());
            });
        });
    </script>
@endpush