@extends('layouts.app')
@section('title')
    {{ __('Dashboard') }}
@endsection
@section('css')
    <link rel="stylesheet" href="{{ url('plugins/swtich-netliva/css/netliva_switch.css') }}">
@endsection
@section('breadcrumb')
    <style>
        .ui-datepicker-calendar {
            display: none !important;
        }

        .ui-datepicker-current {
            display: none !important;
        }
    </style>
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="nav-icon fas fa-th"></i>
                        {{ __('Dashboard') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">{{ __('DASHBOARD') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection
@section('content')
    @can('admin')
        @canAny(['view_general_alerts', 'view_clinical_alerts', 'view_equipment_alerts', 'view_inventory_alerts', 'view_disposal'])
            <div class="row">
                <div class="col-lg-12">
                    <div class="card card-default card-outline">
                        <div class="card-header">
                            <h5 class="card-title">
                                {{ __('Recent Alerts and Notifications') }}
                            </h5>
                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                    <i class="fas fa-minus"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                    <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body">

                            @can('view_clinical_alerts')
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card card-default card-outline">
                                            <div class="card-header">
                                                <h5 class="card-title">
                                                    {{ __('Laboratory Alerts and Notifications') }}
                                                </h5>
                                                <div class="card-tools">
                                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                        <i class="fas fa-minus"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="card-body">

                                                <div class="row justify-content-start">
                                                    @can('edit_medical_report')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 {{ $result_alerts->count() ? 'custom-danger-box' : 'custom-success-box' }}" id="results_cont">
                                                            <a id="messages_link" class="text-dark" href="#" data-toggle="modal" data-target="#result_modal">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-flag"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="">
                                                                            {{ $result_alerts->count() }}
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Result Alerts') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                            <!-- Modal -->
                                                            <div class="modal fade" id="result_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="exampleModalLabel">Laboratory Report Result Alert</h5>
                                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            @foreach ($result_alerts as $result)
                                                                                <p>
                                                                                    Test name:
                                                                                    <a href="{{ route('admin.laboratory_reports.edit', $result->id) }}" class="">
                                                                                        {{ $result->test->name }}
                                                                                    </a>
                                                                                </p>
                                                                            @endforeach
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 {{ $comments->count() == 1 ? 'custom-danger-box' : 'custom-success-box' }}" id="med_reports_cont">
                                                            <a id="=" class="text-dark" href="#" data-toggle="modal" data-target="#medrepmodal">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-comment-medical"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="messages_count">
                                                                            {{ $comments->count() }}
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Laboratory Report Messages') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                            <!-- Modal -->
                                                            <div class="modal fade" id="medrepmodal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="exampleModalLabel">Laboratory Report Messages</h5>
                                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            @php
                                                                                $group_test_id = [];
                                                                            @endphp

                                                                            @foreach ($comments as $comment)
                                                                                @if (!in_array($comment->comment->test->id, $group_test_id))
                                                                                    <div class="mb-3">
                                                                                        <p class="m-0">
                                                                                            Test name:

                                                                                            @if (session('branch_id') == $comment->comment->test->branch_id)
                                                                                                <a href="{{ route('admin.laboratory_reports.edit', $comment->comment->test->id) }}" class="">
                                                                                                    {{ $comment->comment->test->test->name }}
                                                                                                </a>
                                                                                            @else
                                                                                                <a href="{{ route('admin.laboratory_reports.edit', [$comment->comment->test->id, 'bid' => $comment->comment->test->branch_id]) }}" class="">
                                                                                                    {{ $comment->comment->test->test->name }}
                                                                                                </a>
                                                                                            @endif
                                                                                        </p>

                                                                                        <p class="m-0">
                                                                                            PC: {{ $comment->comment->test->group->patient->code }}
                                                                                        </p>

                                                                                        @if ($comment->comment->test->tat)
                                                                                            <p class="m-0">
                                                                                                TAT: {{ date('F d, Y', strtotime($comment->comment->test->tat)) }}
                                                                                            </p>
                                                                                        @endif
                                                                                    </div>
                                                                                @endif

                                                                                @php
                                                                                    $group_test_id[] = $comment->comment->test->id;
                                                                                @endphp
                                                                            @endforeach
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                            {{-- <button type="button" class="btn btn-primary">Save changes</button> --}}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endcan

                                                    @can('sign_medical_report')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 {{ $for_signatories->count() ? 'custom-danger-box' : 'custom-success-box' }}" id="sign_cont">
                                                            <a id="messages_link" class="text-dark" href="#" data-toggle="modal" data-target="#for_sig_modal">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-signature"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="sign_count">
                                                                            {{ $for_signatories->count() }}
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('For Signing') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                            <!-- Modal -->
                                                            <div class="modal fade" id="for_sig_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog modal-dialog-scrollable">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="exampleModalLabel">Laboratory Report for Signing</h5>
                                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            @foreach ($for_signatories as $sig)
                                                                                <div class="mb-3">
                                                                                    <p class="m-0">
                                                                                        Test:
                                                                                        <a href="{{ route('admin.laboratory_reports.edit', $sig->id) }}" class="">
                                                                                            {{ $sig->test->name }}
                                                                                        </a>
                                                                                    </p>
                                                                                    <p class="m-0">
                                                                                        PC: {{ $sig->group->patient->code }}
                                                                                    </p>

                                                                                    @if ($sig->tat)
                                                                                        <p class="m-0">
                                                                                            TAT: {{ date('F d, Y', strtotime($sig->tat)) }}
                                                                                        </p>
                                                                                    @endif
                                                                                </div>
                                                                            @endforeach
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <a class="btn btn-primary" href="{{ route('admin.laboratory_reports.index', ['filter_sign' => auth()->guard('admin')->user()->designation_model->id]) }}">View All</a>
                                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endcan

                                                    @can('edit_medical_report')
                                                        {{-- PENDING ON LABORATORY --}}
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 custom-success-box" id="sign_cont">
                                                            <a id="messages_link" class="text-dark" href="{{ route('admin.laboratory_reports.index', ['filter_status' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-flask"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="pending_lab_report">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Pending Laboratory Report') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('edit_medical_report')
                                                        {{-- PENDING ON LABORATORY --}}
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 custom-success-box" id="sign_cont">
                                                            <a id="messages_link" class="text-dark" href="{{ route('admin.laboratory_reports.index', ['filter_overdue' => 1]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-flask"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="overdue_lab_report">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Overdue Tests') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    {{-- PENDING TASKS ASSIGNED --}}
                                                    @can('edit_task')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 custom-success-box" id="sign_cont">
                                                            <a id="messages_link" class="text-dark" href="{{ route('admin.tasks.index', ['filter_status' => 0,'filter_user' => auth()->guard('admin')->user()->id]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-tasks"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="pending_tasks"></h4>
                                                                        <span>
                                                                            {{ __('Pending Tasks Assigned') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    {{-- CANCELLATION APPROVAL --}}
                                                    @can('approved_cancellation')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 custom-success-box" id="sign_cont">
                                                            <a id="messages_link" class="text-dark" href="{{ route('admin.laboratory_reports.index', ['filter_cancel' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-ban"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="cancellation_approval"></h4>
                                                                        <span>
                                                                            {{ __('Cancellation Approval') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    {{-- PENDING RELEASING --}}
                                                    @can('view_medical_report')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2 custom-success-box" id="sign_cont">
                                                            <a id="messages_link" class="text-dark" href="{{ route('admin.laboratory_reports.index', ['filter_releasing' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-paperclip"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="pending_releasing"></h4>
                                                                        <span>
                                                                            {{ __('Pending Releasing') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endcan

                            @can('view_equipment_alerts')
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card card-default card-outline">
                                            <div class="card-header">
                                                <h5 class="card-title">
                                                    {{ __('Equipment Alerts and Notifications') }}
                                                </h5>
                                                <div class="card-tools">
                                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                        <i class="fas fa-minus"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="card-body">

                                                <div class="row justify-content-start">

                                                    @can('view_equipment')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="calibration_cont">
                                                            <a id="messages_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ url('admin/calibration_dash') }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-tools"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="calibration_count">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('For Calibration') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="maintain_cont">
                                                            <a id="messages_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ url('admin/maintenance_dash') }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-tools"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="maintenance_count">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('For Maintenance') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>

                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="conformance_result_pending_cont">
                                                            <div id="messages_link" class="text-dark conformance_count_result" data-toggle="modal" data-target="#conformance_count_result_modal">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-tools"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="conformance_result_pending">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Conformance Result Pending') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="repair_result_pending_cont">
                                                            <div id="messages_link" class="text-dark repair_pending_result" data-toggle="modal" data-target="#repair_pending_result_modal">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-tools"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="repair_result_pending">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Repair Result Pending') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="calib_result_pending_cont">
                                                            <div id="messages_link" class="text-dark calib_pending_result" data-toggle="modal" data-target="#calib_pending_result_modal">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-tools"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="calib_result_pending">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Calibration Result Pending') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="maintenance_result_pending_cont">
                                                            <div id="messages_link" class="text-dark maintenance_pending_result" data-toggle="modal" data-target="#maintenance_pending_result_modal">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-tools"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="maintenance_result_pending">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Maintenance Result Pending') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endcan

                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endcan

                            @can('view_inventory_alerts')
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card card-default card-outline">
                                            <div class="card-header">
                                                <h5 class="card-title">
                                                    {{ __('Inventory Alerts and Notifications') }}
                                                </h5>
                                                <div class="card-tools">
                                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                        <i class="fas fa-minus"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="card-body">

                                                <div class="row justify-content-start">
                                                    @can('view_product')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="stocks_alert_cont">
                                                            <a id="messages_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ url('admin/inventory/product_alerts') }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-cubes"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="inventory_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Stocks Alert') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="reorder_cont">
                                                            <a id="messages_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ url('admin/inventory/reorder_alert') }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-cubes"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="reorder_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Reorder Alert') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="near_expiry_cont">
                                                            <a id="messages_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ url('admin/inventory/near_expiry') }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-cubes"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="near_expiry_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Near Expiry') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="expired_cont">
                                                            <a id="messages_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ url('admin/inventory/expired_product') }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-cubes"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="expired_count">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Expired') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endcan

                            @can('view_general_alerts')
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card card-default card-outline">
                                            <div class="card-header">
                                                <h5 class="card-title">
                                                    {{ __('General Alerts and Notifications') }}
                                                </h5>
                                                <div class="card-tools">
                                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                        <i class="fas fa-minus"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="card-body">

                                                <div class="row justify-content-start">

                                                    @can('view_chat')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="chats_count_f">
                                                            {{-- <a id="messages_link" class="text-dark" data-href="{{ route('admin.chat.index') }}" href="{{ route('admin.chat.index') }}"> --}}
                                                            <a id="messages_link" class="text-dark" data-href="{{ route('admin.chat.index') }}" href="{{ route('admin.chat.index', ['filtered' => 1]) }}">

                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-comments"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="chats_count">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Messages') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('view_project_contracts_alerts')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="project_contract_due_cont">
                                                            <a id="project_contract_due_link" class="text-dark" href="{{ url('admin/due_project_contracts_dash') }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-file-contract"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="project_contract_due_count">

                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Project Contract Due') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('view_transaction_registry')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="trans_reg_count_div">
                                                            <a id="trans_reg_link" class="text-dark" data-href="{{ route('admin.transaction-registry.index') }}" href="{{ route('admin.transaction-registry.index') }}?branch_id=true">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-file-alt"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="trans_reg_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Transaction Registry') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                    @php
                                                        $filter_sample_for_disposal_date = '';
                                                        $filter_sample_due_for_disposal_date = '';
                                                    @endphp
                                                    @can('view_disposal')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="sample_disposal_count_div">
                                                            @php
                                                                $filter_sample_for_disposal_date = \Carbon\Carbon::now()
                                                                    ->addWeeks(2)
                                                                    ->toDateString();
                                                            @endphp
                                                            <a id="sample_disposal_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ route('admin.samples.index', ['filter_sample_for_disposal_date' => $filter_sample_for_disposal_date]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-vials"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="sample_disposal_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Sample For Disposal') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('view_disposal')
                                                        @php
                                                            $filter_sample_due_for_disposal_date = \Carbon\Carbon::now()
                                                                ->subYears(1)
                                                                ->toDateString();
                                                        @endphp
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="sample_due_for_disposal_div">
                                                            <a id="sample_due_for_disposal_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ route('admin.samples.index', ['filter_sample_due_for_disposal_date' => $filter_sample_due_for_disposal_date]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-vials"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="sample_due_for_disposal_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Sample Due For Disposal') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                    @can('edit_project_samples')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="p_sample_disposal_count_div">
                                                            <a id="p_sample_disposal_link" class="text-dark" data-href="{{ route('admin.p_samples.index') }}" href="{{ route('admin.p_samples.index', ['filter_sample_for_disposal_date' => $filter_sample_for_disposal_date]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-vials"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="p_sample_disposal_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Project Sample For Disposal') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                    @can('edit_project_samples')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="p_sample_due_for_disposal_div">
                                                            <a id="p_sample_due_for_disposal_link" class="text-dark" data-href="{{ route('admin.p_samples.index') }}" href="{{ route('admin.p_samples.index', ['filter_sample_due_for_disposal_date' => $filter_sample_due_for_disposal_date]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-vials"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="p_sample_due_for_disposal_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Project Sample Due For Disposal') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                    @can('view_sendoff')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="sample_pending_for_send_out_div">
                                                            <a id="sample_pending_for_send_out_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ route('admin.samples.index', ['filter_sample_pending_for_send_out' => \Carbon\Carbon::now()->toDateString()]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-inbox"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="sample_pending_for_send_out_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Sample For Pending Send Out') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="sample_due_for_send_out_div">
                                                            <a id="sample_due_for_send_out_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ route('admin.samples.index', ['filter_sample_due_for_send_out' => \Carbon\Carbon::now()->toDateString()]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-inbox"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="sample_due_for_send_out_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Sample Due For Send Out') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endcan

                            @can('view_sign_alerts')
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card card-default card-outline">
                                            <div class="card-header">
                                                <h5 class="card-title">
                                                    {{ __('Sign Alerts and Notifications') }}
                                                </h5>
                                                <div class="card-tools">
                                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                        <i class="fas fa-minus"></i>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="card-body">

                                                <div class="row justify-content-start">

                                                    @can('approve_service_summary')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="service_summary_count_div">
                                                            <a id="service_summary_link" class="text-dark" data-href="{{ route('admin.service_summary.index') }}" href="{{ route('admin.service_summary.index', ['filter_approver' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-copy"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="service_summary_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Service Summary') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan


                                                    @can('approve_order_of_payment')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="order_of_payment_count_div">
                                                            <a id="order_of_payment_link" class="text-dark" data-href="{{ route('admin.order_of_payment.index') }}" href="{{ route('admin.order_of_payment.index', ['filter_approver' => 0]) }}">

                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-file-invoice"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="order_of_payment_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Order of Payment') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('approve_reject_purchase')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="purchases_count_div">
                                                            <a id="purchases_link" class="text-dark" data-href="{{ route('admin.inventory.purchases.index') }}" href="{{ route('admin.inventory.purchases.index', ['filter_pending_approver' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-wallet"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="purchases_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Request and Purchases') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('approve_request_issuance')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="request_issuance_count_div">
                                                            <a id="request_issuance_link" class="text-dark" data-href="{{ route('admin.inventory.request_issuance.index') }}" href="{{ route('admin.inventory.request_issuance.index', ['filter_issued' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-share-square"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="request_issuance_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Request and Issuances') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan


                                                    @can('approve_reject_disposal')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="product_disposal_count_div">
                                                            <a id="product_disposal_link" class="text-dark" data-href="{{ route('admin.inventory.product_disposal.index') }}" href="{{ route('admin.inventory.product_disposal.index', ['filter_approver' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-dumpster"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="product_disposal_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Product Disposal') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('approve_billing')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="approve_billing_count_div">
                                                            <a id="approve_billing_link" class="text-dark" data-href="{{ route('admin.billing.index') }}" href="{{ route('admin.billing.index', ['filter_approver' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-credit-card"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="approve_billing_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Approve Billing') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('review_billing')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="review_billing_count_div">
                                                            <a id="review_billing_link" class="text-dark" data-href="{{ route('admin.billing.index') }}" href="{{ route('admin.billing.index', ['filter_reviewer' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-credit-card"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="review_billing_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Review Billing') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                    @can('is_qc_officer')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="is_qc_officer_count_div">
                                                            <a id="is_qc_officer_link" class="text-dark" data-href="{{ route('admin.capillary_e.index') }}" href="{{ route('admin.capillary_e.index', ['filter_qc' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-table"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="is_qc_officer_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Capillary Electrophoresis Worklists') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('approve_data_logger_temp_monitoring')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="approve_data_logger_temp_monitoring_count_div">
                                                            <a id="approve_data_logger_temp_monitoring_link" class="text-dark" data-href="{{ route('admin.data_logger_temp_monitoring.index') }}" href="{{ route('admin.data_logger_temp_monitoring.index', ['filter_approver' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-newspaper"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="approve_data_logger_temp_monitoring_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Approve Data Logger Temp Monitoring') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('review_data_logger_temp_monitoring')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="review_data_logger_temp_monitoring_count_div">
                                                            <a id="review_data_logger_temp_monitoring_link" class="text-dark" data-href="{{ route('admin.data_logger_temp_monitoring.index') }}" href="{{ route('admin.data_logger_temp_monitoring.index', ['filter_reviewer' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-newspaper"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="review_data_logger_temp_monitoring_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Review Data Logger Temp Monitoring') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('approve_temp_monitoring')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="approve_temp_monitoring_count_div">
                                                            <a id="approve_temp_monitoring_link" class="text-dark" data-href="{{ route('admin.temp_monitoring.index') }}" href="{{ route('admin.temp_monitoring.index', ['filter_approver' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-file-medical-alt"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="approve_temp_monitoring_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Approve Temperature Monitoring') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('review_temp_monitoring')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="review_temp_monitoring_count_div">
                                                            <a id="review_temp_monitoring_link" class="text-dark" data-href="{{ route('admin.temp_monitoring.index') }}" href="{{ route('admin.temp_monitoring.index', ['filter_reviewer' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-file-medical-alt"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="review_temp_monitoring_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Review Temperature Monitoring') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('approve_hve_proforma')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="approve_hve_proforma_count_div">
                                                            <a id="approve_hve_proforma_link" class="text-dark" data-href="{{ route('admin.hve_proforma.index') }}" href="{{ route('admin.hve_proforma.index', ['filter_approver' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-bolt"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="approve_hve_proforma_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Approve H.V.E Result Proforma') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('review_hve_proforma')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="review_hve_proforma_count_div">
                                                            <a id="review_hve_proforma_link" class="text-dark" data-href="{{ route('admin.hve_proforma.index') }}" href="{{ route('admin.hve_proforma.index', ['filter_reviewer' => 0]) }}?branch_id=true">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-bolt"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="review_hve_proforma_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Review H.V.E Result Proforma') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('authorized_record')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="authorized_record_count_div">
                                                            <a id="authorized_record_link" class="text-dark" data-href="{{ route('admin.records.index') }}" href="{{ route('admin.records.index', ['filter_authorized' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-archive"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="authorized_record_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Authorize Records Inventory') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('noted_record')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="noted_record_count_div">
                                                            <a id="noted_record_link" class="text-dark" data-href="{{ route('admin.records.index') }}" href="{{ route('admin.records.index', ['filter_noted' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-archive"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="noted_record_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Note Records Inventory') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('review_organic_acid_analysis')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="review_organic_acid_analysis_count_div">
                                                            <a id="review_organic_acid_analysis_link" class="text-dark" data-href="{{ route('admin.organic_acid_analysis.index') }}" href="{{ route('admin.organic_acid_analysis.index', ['filter_reviewer' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="far fa-file-archive"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="review_organic_acid_analysis_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Organic Acid Analysis') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan

                                                    @can('review_maintenance_logs')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="review_maintenance_logs_count_div">
                                                            <a id="review_maintenance_logs_link" class="text-dark" data-href="{{ route('admin.systems_inter_checking.index') }}" href="{{ route('admin.systems_inter_checking.index', ['filter_reviewer' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="far fa-file-archive"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="review_maintenance_logs_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Review Maintenance Logs') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                    @can('perform_maintenance_logs')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="perform_maintenance_logs_count_div">
                                                            <a id="perform_maintenance_logs_link" class="text-dark" data-href="{{ route('admin.systems_inter_checking.index') }}" href="{{ route('admin.systems_inter_checking.index', ['filter_perform' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="far fa-file-archive"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="perform_maintenance_logs_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Perform Maintenance Logs') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                    @can('approve_competency')
                                                        <div class="col-lg-3 col-sm-12 col-xs-12 my-2" id="approve_competency_count_div">
                                                            <a id="competency_link" class="text-dark" data-href="{{ route('admin.competency.index') }}" href="{{ route('admin.competency.index', ['filter_approve' => 0]) }}">
                                                                <div class="row my-2">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fas fa-chalkboard"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="approve_competency_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Approve Competency') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div>
                                                    @endcan
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
        @endcan

        @canAny(['view_general_statistics', 'view_tests_statistics'])
            <div class="row">
                <div class="col-lg-12">
                    <!-- Admin Reports -->
                    <div class="card card-default card-outline">
                        <div class="card-header">
                            <h5 class="card-title">
                                {{ __('General Statistics') }}
                            </h5>
                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                    <i class="fas fa-minus"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                    <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-header">

                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        <label class="m-0" for="filter_statistics">
                                            <i class="far fa-calendar-alt mr-2"></i>
                                            {{ __('Date Range') }}
                                        </label>
                                    </span>
                                </div>
                                {{-- <input type="text" value="{{date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}" name="datepickerrange" class="form-control float-right datepickerrange" id="filter_statistics"> --}}
                                <input type="text" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" name="datepickerrange" class="form-control float-right datepickerrange" id="filter_statistics">
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row justify-content-start">
                                @can('view_general_statistics')
                                    <!-- General statistics -->
                                    <!-- <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-primary-box">
                                                                                                                                                                                </div> -->
                                    @can('view_patients_counters')
                                        <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-primary-box">
                                            <a id="patient_link" data-href="{{ route('admin.patients.index') }}" class="text-dark" href="{{ route('admin.patients.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}">
                                                <div class="row my-2">
                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                        <span class="text-center icon">
                                                            <i class="fa fa-user-injured"></i>
                                                        </span>
                                                    </div>
                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                        <h4 class="m-0" id="patients_count">
                                                        </h4>
                                                        <span>
                                                            {{ __('Patients') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-success-box">
                                            <a id="patient_link1" data-href="{{ route('admin.patients.index') }}" class="text-dark" href="{{ route('admin.patients.index') }}" data-patient_ids="">
                                                <div class="row my-2">
                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                        <span class="text-center icon">
                                                            <i class="fa fa-user-injured"></i>
                                                        </span>
                                                    </div>
                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                        <h4 class="m-0" id="lab_patients_count">
                                                        </h4>
                                                        <span>
                                                            {{ __('Laboratory Patients') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    @endcan

                                    @can('view_requisitions_counters')
                                        <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-primary-box">
                                            <a id="invoice_link" class="text-dark" data-href="{{ route('admin.requisitions.index') }}" href="{{ route('admin.requisitions.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}">
                                                <div class="row my-2">
                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                        <span class="icon">
                                                            <span class="text-center">
                                                                <i class="far fa-sticky-note"></i>
                                                            </span>
                                                        </span>
                                                    </div>
                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                        <h4 class="m-0" id="groups_count">
                                                        </h4>
                                                        <span>
                                                            {{ __('Total Requisitions') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-danger-box">
                                            <a id="invoice_link1" class="text-dark" data-href="{{ route('admin.requisitions.index') }}" href="{{ route('admin.requisitions.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=0' }}" data-status='0'>
                                                <div class="row my-2">
                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                        <span class="icon">
                                                            <span class="text-center">
                                                                <i class="far fa-sticky-note"></i>
                                                            </span>
                                                        </span>
                                                    </div>
                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                        <h4 class="m-0" id="pending_requisitions_count">
                                                        </h4>
                                                        <span>
                                                            {{ __('For Transport to Laboratory') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-success-box">
                                            <a id="invoice_link2" class="text-dark" data-href="{{ route('admin.requisitions.index') }}" href="{{ route('admin.requisitions.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=1' }}" data-status='1'>
                                                <div class="row my-2">
                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                        <span class="icon">
                                                            <span class="text-center">
                                                                <i class="far fa-sticky-note"></i>
                                                            </span>
                                                        </span>
                                                    </div>
                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                        <h4 class="m-0" id="ack_requisitions_count">
                                                        </h4>
                                                        <span>
                                                            {{ __('Received on Laboratory') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    @endcan

                                    <!-- <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-primary-box">
                                                            <a id="contract_link" class="text-dark" data-href="{{ route('admin.contracts.index') }}" href="{{ route('admin.contracts.index') }}{{ '?date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}">
                                                                <div class="row">
                                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                                        <span class="text-center icon">
                                                                            <i class="fa fa-file-contract"></i>
                                                                        </span>
                                                                    </div>
                                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                                        <h4 class="m-0" id="contracts_count">
                                                                        </h4>
                                                                        <span>
                                                                            {{ __('Contracts') }}
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </div> -->
                                    @can('view_samples')
                                        <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-primary-box">
                                            <a id="samples_link" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ route('admin.samples.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}">
                                                <div class="row my-2">
                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                        <span class="text-center icon">
                                                            <i class="fas fa-vials"></i>
                                                        </span>
                                                    </div>
                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                        <h4 class="m-0" id="samples_count">
                                                        </h4>
                                                        <span>
                                                            {{ __('Samples') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-danger-box">
                                            <a id="samples_link1" class="text-dark" data-href="{{ route('admin.samples.index') }}" href="{{ route('admin.samples.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=Pending' }}" data-status="Pending">
                                                <div class="row my-2">
                                                    <div class="col-3 col-sm-4 col-xs-4">
                                                        <span class="text-center icon">
                                                            <i class="fas fa-vials"></i>
                                                        </span>
                                                    </div>
                                                    <div class="col-7 col-sm-8 col-xs-8">
                                                        <h4 class="m-0" id="pending_samples_count">
                                                        </h4>
                                                        <span>
                                                            {{ __('Pending Samples') }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    @endcan
                                @endcan


                                @can('view_medical_report')
                                    <!-- tests statistics -->
                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-info-box">
                                        <a id="medical_link" class="text-dark" data-href="{{ route('admin.laboratory_reports.index') }}" href="{{ route('admin.laboratory_reports.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fa fa-list"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="group_tests_count">
                                                    </h4>
                                                    <span>
                                                        {{ __('Availed tests') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-danger-box">
                                        <a id="medical_link1" class="text-dark" data-href="{{ route('admin.laboratory_reports.index') }}" href="{{ route('admin.laboratory_reports.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=0' }}" data-status="0">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fa fa-pause-circle"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="pending_tests_count">
                                                    </h4>
                                                    <span>
                                                        {{ __('Pending tests') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-success-box">
                                        <a id="medical_link2" class="text-dark" data-href="{{ route('admin.laboratory_reports.index') }}" href="{{ route('admin.laboratory_reports.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=1' }}" data-status="1">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fa fa-check-double"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="done_tests_count">
                                                    </h4>
                                                    <span>
                                                        {{ __('Completed tests') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-danger-box">
                                        <a id="medical_link3" class="text-dark" data-href="{{ route('admin.laboratory_reports.index') }}" href="{{ route('admin.laboratory_reports.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_cancel=1' }}" data-status="1">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fas fa-ban"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="cancelled_test_count">
                                                    </h4>
                                                    <span>
                                                        {{ __('Cancelled Tests') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                @endcan
                            </div>
                            {{-- view projects statistics --}}
                            @can('view_project_statistics')
                                <div class="row">
                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-primary-box">
                                        <a id="projects_dash_link" class="text-dark" data-href="{{ route('admin.projects.index') }}" href="{{ route('admin.projects.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}">
                                            <div class="row">
                                                <div class="col-2 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fas fa-project-diagram"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="projects_count">
                                                    </h4>
                                                    <span>
                                                        {{ __('Projects') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-warning-box">
                                        <a id="projects_dash_link2" class="text-dark" data-status="Proposal" data-href="{{ route('admin.projects.index') }}" href="{{ route('admin.projects.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=Proposal' }}">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fas fa-project-diagram"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="projects_count_proposal">
                                                    </h4>
                                                    <span>
                                                        {{ __('Projects Proposal') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-info-box">
                                        <a id="projects_dash_link3" class="text-dark" data-status="Ongoing" data-href="{{ route('admin.projects.index') }}" href="{{ route('admin.projects.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=Ongoing' }}">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fas fa-project-diagram"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="projects_count_ongoing">
                                                    </h4>
                                                    <span>
                                                        {{ __('Projects Ongoing') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-secondary-box">
                                        <a id="projects_dash_link4" class="text-dark" data-status="For Completion" data-href="{{ route('admin.projects.index') }}" href="{{ route('admin.projects.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=For Completion' }}">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fas fa-project-diagram"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="projects_count_for_completion">
                                                    </h4>
                                                    <span>
                                                        {{ __('Projects For Completion') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-success-box">
                                        <a id="project_dash_link5" class="text-dark" data-status="Completed" data-href="{{ route('admin.projects.index') }}" href="{{ route('admin.projects.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=Completed' }}">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fas fa-project-diagram"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="projects_count_completed">
                                                    </h4>
                                                    <span>
                                                        {{ __('Projects Completed') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                @can('view_pending_project_samples_statistics')
                                    <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-danger-box">
                                        <a id="project_samples_link" class="text-dark" data-status="Completed" data-href="{{ route('admin.p_samples.index') }}" href="{{ route('admin.p_samples.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=Pending' }}">
                                            <div class="row my-2">
                                                <div class="col-3 col-sm-4 col-xs-4">
                                                    <span class="text-center icon">
                                                        <i class="fas fa-vials"></i>
                                                    </span>
                                                </div>
                                                <div class="col-7 col-sm-8 col-xs-8">
                                                    <h4 class="m-0" id="project_samples_count_for_pending">
                                                    </h4>
                                                    <span>
                                                        {{ __('Pending Project Samples') }}
                                                    </span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                @endcan
                                </div>
                            @endcan
                            @can('view_organic_acid_analysis')
                            <div class="row">
                                <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-primary-box">
                                    <a id="ongoing_oaa_link" class="text-dark" data-status="Ongoing" data-href="{{ route('admin.organic_acid_analysis.index') }}" href="{{ route('admin.organic_acid_analysis.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=Ongoing' }}">
                                        <div class="row my-2">
                                            <div class="col-3 col-sm-4 col-xs-4">
                                                <span class="text-center icon">
                                                    <i class="nav-icon far fa-file-archive"></i>
                                                </span>
                                            </div>
                                            <div class="col-7 col-sm-8 col-xs-8">
                                                <h4 class="m-0" id="ongoing_oaa_count">
                                                </h4>
                                                <span>
                                                    {{ __('Ongoing OAA') }}
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>

                                <div class="col-lg-2 col-sm-12 col-xs-12 my-2 custom-success-box">
                                    <a id="approved_oaa_link" class="text-dark" data-status="Approved" data-href="{{ route('admin.organic_acid_analysis.index') }}" href="{{ route('admin.organic_acid_analysis.index') }}{{ '?filter_date=' . date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}{{ '&filter_status=Approved' }}">
                                        <div class="row my-2">
                                            <div class="col-3 col-sm-4 col-xs-4">
                                                <span class="text-center icon">
                                                    <i class="nav-icon far fa-file-archive"></i>
                                                </span>
                                            </div>
                                            <div class="col-7 col-sm-8 col-xs-8">
                                                <h4 class="m-0" id="approved_oaa_count">
                                                </h4>
                                                <span>
                                                    {{ __('Approved OAA') }}
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
        @endcan

        @can('view_census')
            <div class="row">
                <div class="col-lg-12">
                    <div class="card card-default card-outline">
                        <div class="card-header">
                            <h5 class="card-title">
                                {{ __('Census') }}
                            </h5>
                            <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                    <i class="fas fa-minus"></i>
                                </button>
                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                    <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-header">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">
                                        <label class="m-0" for="filter_census">
                                            <i class="far fa-calendar-alt mr-2"></i>
                                            {{ __('Date Range') }}
                                        </label>
                                    </span>
                                </div>
                                {{-- <input type="text" value="{{date('Y/m/d', strtotime('-1month')) . ' - ' . date('Y/m/d') }}" name="datepickerrange" class="form-control float-right datepickerrange" id="filter_census"> --}}
                                <input type="text" value="{{ date('F d, Y', strtotime('first day of this month')) . ' - ' . date('F d, Y', strtotime('last day of this month')) }}" name="datepickerrange" class="form-control float-right datepickerrange" id="filter_census">
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row justify-content-start">

                                <div class="col-lg-12 table-responsive">
                                    <table id="census_table" class="table table-striped table-bordered" width="100%" styles="">
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>With Extraction</th>
                                                <th>With Sample</th>
                                                <th>Inquiries</th>
                                                <th>Total</th>
                                            </tr>
                                        </thead>
                                        <tbody id="census_tbody">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endcan

            <div class="container-fluid">

                @canAny(['view_best_income_packages', 'view_best_income_tests', 'view_best_income_cultures', 'view_pending_tests_chart', 'view_completed_tests_chart', 'view_samples_chart', 'view_project_samples_chart', 'view_ongoing_tests_chart', 'view_overdue_tests_chart'])
                    <!-- Best income chart -->
                    <div class="row">

                        @can('view_pending_tests_chart')
                            <!-- Best income tests -->
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Pending Tests') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button> 
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_tests_pending_date">
                                            </div>
                                            <div class="col-lg-6">
                                                <select id="filter_tests_pending_branch" class="form-control multiple" multiple>
                                                    {{-- <option value="" selected>{{ __('All laboratories') }}</option> --}}
                                                    {{-- @foreach ($all_branches as $branch)
                                                        <option value="{{ $branch['id'] }}" {{ $branch['id'] == session('branch_id') ? 'selected' : 'disabled' }}>{{ $branch['name'] }}</option>
                                                    @endforeach --}}
                                                    @foreach($dashboard_tests as $test)
                                                        <option value="{{$test->id}}">{{$test->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="tests_pending" style="max-width: 350px;
                                        margin: 0 auto;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <form method="GET" action="{{ route('admin.dashboard.export') }}" class="d-inline" id="export_file">
                                            <input type="hidden" name="exp_test_date" id="exp_pending_test_date" value="">
                                            <input type="hidden" name="exp_test" id="exp_pending_test" value="">
                                            <input type="hidden" name="exp_type" id="exp_type" value="pending">
                                            {{-- <input type="hidden" name="_method">
                                            <input type="hidden" name="_method"> --}}
                                            <button type="submit" class="btn btn-success btn-md exp_submit">
                                                <i class="fas fa-file-excel"></i>
                                                {{ __('Export') }}
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        @endcan

                        @can('view_ongoing_tests_chart')
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Ongoing Tests') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_tests_ongoing_date">
                                            </div>
                                            <div class="col-lg-6">

                                                <select id="filter_tests_ongoing_branch" class="form-control multiple" multiple>
                                                    @foreach($dashboard_tests as $test)
                                                        <option value="{{$test->id}}">{{$test->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="tests_ongoing" style="max-width: 350px;
                                        margin: 0 auto;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <form method="GET" action="{{ route('admin.dashboard.export') }}" class="d-inline" id="export_file">
                                            <input type="hidden" name="exp_test_date" id="exp_ongoing_test_date" value="">
                                            <input type="hidden" name="exp_test" id="exp_ongoing_test" value="">
                                            <input type="hidden" name="exp_type" value="ongoing">
                                            {{-- <input type="hidden" name="_method">
                                            <input type="hidden" name="_method"> --}}
                                            <button type="submit" class="btn btn-success btn-md exp_submit">
                                                <i class="fas fa-file-excel"></i>
                                                {{ __('Export') }}
                                            </button>
                                        </form>                                    </div>
                                </div>
                            </div>
                        @endcan

                        @can('view_completed_tests_chart')
                            <!-- Best income tests -->
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Completed Tests') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_tests_completed_date">
                                            </div>
                                            <div class="col-lg-6">
                                                {{-- <select id="filter_tests_completed_branch" class="form-control d-none" readonly> --}}
                                                    {{-- <option value="" selected>{{ __('All laboratories') }}</option> --}}
                                                    {{-- @foreach ($all_branches as $branch)
                                                        <option value="{{ $branch['id'] }}" {{ $branch['id'] == session('branch_id') ? 'selected' : 'disabled' }}>{{ $branch['name'] }}</option>
                                                    @endforeach
                                                </select> --}}
                                                    <select id="filter_tests_completed_branch" class="form-control multiple" multiple>
                                                        @foreach($dashboard_tests as $test)
                                                            <option value="{{$test->id}}">{{$test->name}}</option>
                                                        @endforeach
                                                    </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="tests_completed" style="max-width: 350px; margin: 0 auto;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <form method="GET" action="{{ route('admin.dashboard.export') }}" class="d-inline" id="export_file">
                                            <input type="hidden" name="exp_test_date" id="exp_completed_test_date" value="">
                                            <input type="hidden" name="exp_test" id="exp_completed_test" value="">
                                            <input type="hidden" name="exp_type" id="exp_type" value="completed">
                                            {{-- <input type="hidden" name="_method">
                                            <input type="hidden" name="_method"> --}}
                                            <button type="submit" class="btn btn-success btn-md exp_submit">
                                                <i class="fas fa-file-excel"></i>
                                                {{ __('Export') }}
                                            </button>
                                        </form>                                    
                                    </div>
                                </div>
                            </div>
                            <!-- Best income tests -->
                        @endcan

                        @can('view_overdue_tests_chart')
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Overdue Tests') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_tests_overdue_date">
                                            </div>
                                            <div class="col-lg-6">

                                                <select id="filter_tests_overdue_branch" class="form-control multiple" multiple>
                                                    @foreach($dashboard_tests as $test)
                                                        <option value="{{$test->id}}">{{$test->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="tests_overdue" style="max-width: 350px;
                                        margin: 0 auto;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <form method="GET" action="{{ route('admin.dashboard.export') }}" class="d-inline" id="export_file">
                                            <input type="hidden" name="exp_test_date" id="exp_overdue_test_date" value="">
                                            <input type="hidden" name="exp_test" id="exp_overdue_test" value="">
                                            <input type="hidden" name="exp_type" id="exp_type" value="overdue">
                                            {{-- <input type="hidden" name="_method">
                                            <input type="hidden" name="_method"> --}}
                                            <button type="submit" class="btn btn-success btn-md exp_submit">
                                                <i class="fas fa-file-excel"></i>
                                                {{ __('Export') }}
                                            </button>
                                        </form>                                             
                                    </div>
                                </div>
                            </div>
                        @endcan

                        @can('view_samples_chart')
                            <!-- Samples -->
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Samples') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_samples_date">
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    {{-- <label for="sample_type">Sample Type</label> --}}
                                                    <select id="sample_type1" class="form-control sample_type"></select>

                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <select id="tests_by_sample_type" class="form-control tests_by_sample_type select2" multiple>
                                                    {{-- @foreach($dashboard_tests as $test)
                                                        <option value="{{$test->id}}">{{$test->name}}</option>
                                                    @endforeach --}}
                                                </select>
                                            </div>
                                            <div class="col-lg-5">
                                                <select id="filter_samples_branch" class="form-control d-none" readonly>
                                                    {{-- <option value="" selected>{{ __('All laboratories') }}</option> --}}
                                                    @foreach ($all_branches as $branch)
                                                        <option value="{{ $branch['id'] }}" {{ $branch['id'] == session('branch_id') ? 'selected' : 'disabled' }}>{{ $branch['name'] }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="samples_status" style="max-width: 350px;
                                        margin: 0 auto;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <form method="GET" action="{{ route('admin.dashboard.samples.export') }}" class="d-inline" id="export_file">
                                            <input type="hidden" name="exp_sample_date" id="exp_sample_date" value="">
                                            <input type="hidden" name="exp_sample_test" id="exp_sample_test" value="">
                                            <input type="hidden" name="exp_sample_type" id="exp_sample_type" value="">
                                            <input type="hidden" name="exp_type" value="samples">
                                            {{-- <input type="hidden" name="_method">
                                            <input type="hidden" name="_method"> --}}
                                            <button type="submit" class="btn btn-success btn-md exp_submit">
                                                <i class="fas fa-file-excel"></i>
                                                {{ __('Export') }}
                                            </button>
                                        </form>                                    </div>
                                </div>
                            </div>
                        @endcan

                        @can('view_project_samples_chart')
                            <!-- Samples -->
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Project Samples') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_project_samples_date">
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    {{-- <label for="sample_type">Sample Type</label> --}}
                                                    <select id="sample_type2" class="form-control sample_type"></select>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <select id="tests_by_project_sample_type" class="form-control tests_by_project_sample_type select2" multiple>
                                                -
                                                </select>
                                            </div>
                                            <div class="col-lg-5">
                                                <select id="filter_project_samples_branch" class="form-control d-none" readonly>
                                                    {{-- <option value="" selected>{{ __('All laboratories') }}</option> --}}
                                                    @foreach ($all_branches as $branch)
                                                        <option value="{{ $branch['id'] }}" {{ $branch['id'] == session('branch_id') ? 'selected' : 'disabled' }}>{{ $branch['name'] }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="project_samples_status" style="max-width: 350px; margin: 0 auto;">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <form method="GET" action="{{ route('admin.dashboard.samples.export') }}" class="d-inline" id="export_file">
                                            <input type="hidden" name="exp_sample_date" id="exp_project_sample_date" value="">
                                            <input type="hidden" name="exp_sample_test" id="exp_project_sample_test" value="">
                                            <input type="hidden" name="exp_sample_type" id="exp_project_sample_type" value="">
                                            <input type="hidden" name="exp_type" value="project_samples">
                                            {{-- <input type="hidden" name="_method">
                                            <input type="hidden" name="_method"> --}}
                                            <button type="submit" class="btn btn-success btn-md exp_submit">
                                                <i class="fas fa-file-excel"></i>
                                                {{ __('Export') }}
                                            </button>
                                        </form> 
                                    </div>
                                </div>
                            </div>
                            <!-- Samples -->
                        @endcan

                        @can('view_medical_report')
                            <!-- Best income tests -->
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Best income tests') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-7">
                                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_best_test_date">
                                            </div>
                                            <div class="col-lg-5">
                                                <select id="filter_best_test_branch" class="form-control d-none" readonly>
                                                    {{-- <option value="" selected>{{ __('All laboratories') }}</option> --}}
                                                    @foreach ($all_branches as $branch)
                                                        <option value="{{ $branch['id'] }}" {{ $branch['id'] == session('branch_id') ? 'selected' : 'disabled' }}>{{ $branch['name'] }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="best_tests" style="max-width: 350px; margin: 0 auto;">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Best income tests -->
                        @endcan

                        @can('view_best_income_packages')
                            <!-- Best income packages -->
                            <div class="col-lg-6">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h5 class="card-title">
                                            {{ __('Best income packages') }}
                                        </h5>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-header">
                                        <div class="row">
                                            <div class="col-lg-7">
                                                <input type="text" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" class="form-control datepickerrange" id="filter_best_package_date">
                                            </div>
                                            <div class="col-lg-5">
                                                <select id="filter_best_package_branch" class="form-control d-none" disabled>
                                                    <option value="" selected>{{ __('All laboratories') }}</option>
                                                    @foreach ($all_branches as $branch)
                                                        <option value="{{ $branch['id'] }}" {{ $branch['id'] == session('branch_id') ? 'selected' : 'disabled' }}>{{ $branch['name'] }}</option>
                                                        {{-- <option value="{{ $branch['id'] }}">{{ $branch['name'] }}</option> --}}
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-12" id="best_packages" style="max-width: 350px; margin: 0 auto;">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- \Best income packages -->
                        @endcan
                    </div>
                <!-- \Best income chart -->
                @endcan
            </div>
            <div class="container-fluid">
                <div class="row">
                    @can('view_online_admins')
                        <!-- Online Users -->
                        <div class="col-lg-6">
                            <div class="card card-success collapsed-card">
                                <div class="card-header">
                                    <h3 class="card-title"><i class="fas fa-wifi text-success"></i> {{ __('Online admins') }} ( <span class="online_admins_count">0</span> )</h3>
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <!-- /.card-header -->
                                <div class="card-body p-0">
                                    <ul class="products-list product-list-in-card pl-2 pr-2 online_admins_list">
                                    </ul>
                                </div>
                                <!-- /.card-body -->
                            </div>
                        </div>
                        <!-- \Online Users -->
                    @endcan
                    @can('view_online_patients')
                        <!-- Online patients -->
                        <div class="col-lg-6">
                            <div class="card card-success collapsed-card">
                                <div class="card-header">
                                    <h3 class="card-title"><i class="fas fa-wifi text-success"></i> {{ __('Online Patients') }} ( <span class="online_patients_count">0</span> )</h3>
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <!-- /.card-header -->
                                <div class="card-body p-0">
                                    <ul class="products-list product-list-in-card pl-2 pr-2 online_patients_list">
                                    </ul>
                                </div>
                                <!-- /.card-body -->
                            </div>
                        </div>
                        <!-- \Online Users -->
                    @endcan
                    @can('view_online_clients')
                        <!-- Online clients -->
                        <div class="col-lg-6">
                            <div class="card card-success collapsed-card">
                                <div class="card-header">
                                    <h3 class="card-title"><i class="fas fa-wifi text-success"></i> {{ __('Online Clients') }} ( <span class="online_clients_count">0</span> )</h3>
                                    <div class="card-tools">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fas fa-plus"></i>
                                        </button>
                                        <button type="button" class="btn btn-tool" data-card-widget="remove">
                                            <i class="fas fa-times"></i>
                                        </button>
                                    </div>
                                </div>
                                <!-- /.card-header -->
                                <div class="card-body p-0">
                                    <ul class="pl-2 pr-2 online_clients_list">
                                    </ul>
                                </div>
                                <!-- /.card-body -->
                            </div>
                        </div>
                        <!-- \Online clients -->
                    @endcan


                </div>
            </div>
    @endcan
@endsection
@section('scripts')
    <!-- Switch -->
    <script src="{{ url('plugins/swtich-netliva/js/netliva_switch.js') }}"></script>
    <script src="{{ url('js/admin/dashboard.js?5') }}"></script>
@endsection