{{--@if (\Illuminate\Support\Facades\Auth::user()->isAbleTo('patient_regd-read'))--}}

    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">

            @if (session()->has('success'))
                <div class="flex py-4">
                    <div class="w-full alert alert-success alert-dismissible fade show" role="alert">
                        <strong>{{ session('success') }}</strong>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                            <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                    width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <path opacity="0.3"
                                        d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z"
                                        fill="black" />
                                    <path
                                        d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z"
                                        fill="black" />
                                </svg></span>
                        </button>
                    </div>
                </div>
            @elseif (session()->has('error'))
                <div class="flex py-4">
                    <div class="w-full alert alert-danger alert-dismissible fade show" role="alert">
                        <strong>{{ session('error') }}</strong>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                            <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                    width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <path opacity="0.3"
                                        d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z"
                                        fill="black" />
                                    <path
                                        d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z"
                                        fill="black" />
                                </svg></span>
                        </button>
                    </div>
                </div>
            @endif


            <!--begin::Card-->
            <div class="card card-flush" style="box-shadow: 0px 5px 10px #4f55da;">
                <!--begin::Card header-->
                <div class="card-header mt-6">
                    <!--begin::Card title-->
                    <div class="card-title">
                        <!--begin::Search-->
                        <div class="d-flex align-items-center position-relative my-1 me-5">
                            <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
                            <span class="svg-icon svg-icon-1 position-absolute ms-6">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    viewBox="0 0 24 24" fill="none">
                                    <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2"
                                        rx="1" transform="rotate(45 17.0365 15.1223)" fill="black" />
                                    <path
                                        d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
                                        fill="black" />
                                </svg>
                            </span>
                            <!--end::Svg Icon-->
                            <input type="text" data-kt-table-filter="search" wire:model="search"
                                class="form-control form-control-solid w-500px ps-15" placeholder="Search"
                                style=" border: none; border-radius: 5px;" />
                            <input type="date" data-kt-table-filter="search" wire:model="regd_date"
                                   class="form-control form-control-solid w-200px ps-15 ml-2"
                                   style="border: none; border-radius: 5px;"/>
                            <select class="form-select form-control" wire:model="status_assign">
                                <option value="">Select</option>
                                <option value="0" selected>Not Assigned</option>
                                <option value="1">Assigned</option>
                            </select>
                        </div>
                        <!--end::Search-->
                    </div>
                    <!--end::Card title-->
                    <!--begin::Card toolbar-->
                    <div class="card-toolbar">
                        @if($isVisible)
                        <button class="btn btn-info" wire:click="selectTest" data-bs-toggle="modal" data-bs-target="#kt_modal_assign_modal">Assign Selected Tests</button>
                        @endif
                    </div>
                                                <!--end::Card toolbar-->
                                            </div>
                                            <!--end::Card header-->
                                            <!--begin::Card body-->
                                            <div class="card-body pt-0">
                                                <!--begin::Table-->
                                                <table class="table align-middle table-row-dashed text-start fs-7 gy-5 mb-10" id="kt_table">
                                                    <thead>
                                                        <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0"
                                                            style="color: grey; font-size: middium; height: 50px;">
                                                            <th class="min-w-50px text-black p-2">Select</th>
                                                            <th class="min-w-50px text-black p-2">Sl No.</th>
                                                            <th class="min-w-50px text-black p-2">Regd. ID</th>
                                                            <th class="min-w-50px text-black p-2">Regd. Date</th>
                                                            <th class="min-w-100px text-black p-2">Test Name</th>
                                                            <th class="min-w-100px text-black p-2">Assigned Pathology Lab</th>
                                                            <th class="min-w-110px text-center text-black p-2">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody class="fw-bold text-gray-600">
                                                        @if (sizeof($datatables) > 0)
                                                            @foreach ($datatables as $key => $tabledata)

                                                                <tr>
                                                                    <td class="text-black p-2">
                                                                        @if($tabledata['pathology_name'] ==null)
                                                                        <input type="checkbox" value="{{$tabledata['id']}}" wire:model="checkTest.{{$key}}"  class="form-check form-control" style="width:20px; height: 20px;" />
                                                                        @endif
                                                                    </td>
                                                                    <td class="text-black p-2">{{ $key+1 }}</td>
                                                                    <td class="text-black p-2">{{ $tabledata['reg_no'] }}</td>
                                                                    <td class="text-black p-2"> {{ Carbon\Carbon::parse($tabledata['created_at'])->format('d-M-Y') }}</td>
                                                                    <td class="text-black p-2">{{ $tabledata['diagnosis_name'] }}</td>
                                                                    <td class="text-black p-2">{{ $tabledata['pathology_name'] }}</td>

                                                                    <td class="text-center p-2">
                                                                         @if (\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-update'))
                                                                            <button class="btn btn-icon btn-active-light-info w-10px h-10px me-3"
                                                                                    data-bs-toggle="modal" data-bs-target="#kt_modal_assign_modal"
                                                                                wire:click="updateclick({{$key}},{{ $tabledata['id'] }})">
                                                                                <span class="svg-icon svg-icon-3 svg-icon-info">
                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                                        height="24" viewBox="0 0 24 24" fill="none">
                                                                                        <path
                                                                                            d="M17.5 11H6.5C4 11 2 9 2 6.5C2 4 4 2 6.5 2H17.5C20 2 22 4 22 6.5C22 9 20 11 17.5 11ZM15 6.5C15 7.9 16.1 9 17.5 9C18.9 9 20 7.9 20 6.5C20 5.1 18.9 4 17.5 4C16.1 4 15 5.1 15 6.5Z"
                                                                                            fill="black" />
                                                                                        <path opacity="0.3"
                                                                                            d="M17.5 22H6.5C4 22 2 20 2 17.5C2 15 4 13 6.5 13H17.5C20 13 22 15 22 17.5C22 20 20 22 17.5 22ZM4 17.5C4 18.9 5.1 20 6.5 20C7.9 20 9 18.9 9 17.5C9 16.1 7.9 15 6.5 15C5.1 15 4 16.1 4 17.5Z"
                                                                                            fill="black" />
                                                                                    </svg>
                                                                                </span>
                                                                            </button>
                                                                        @endif


                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @else
                                                            <tr>
                                                                <td class="p-2 justify-content-center text-center" colspan="9">
                                                                    <h2 class="fs-2">No Data Available</h2>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                    <!--end::Table body-->
                                                </table>

                                                <!--end::Table-->
                                                <div class="col-12 justify-content-end">
                                                    {{ $datatables->links('livewire.pagination-livewire') }}
                                                </div>
                                            </div>
                                            <!--end::Card body-->
                                        </div>
                                        <!--end::Card-->
                                        <!--begin::Modals-->
                                            <div class="modal fade" id="kt_modal_assign_modal" {{--data-bs-backdrop="static"--}}
                                                 data-bs-keyboard="false" tabindex="-1" aria-hidden="true" wire:ignore.self>
                                                <!--begin::Modal dialog-->
                                                <div class="modal-dialog modal-dialog-centered mw-800px">
                                                    <!--begin::Modal content-->
                                                    <div class="modal-content">
                                                        <!--begin::Modal header-->
                                                        <div class="modal-header">
                                                            <!--begin::Modal title-->
                                                            <h2 class="fw-bolder">Assign Test To Patholab</h2>

                                                        </div>

                                                        <div class="modal-body">
                                                            @if(sizeof($selecteddata)>0)
                                                            <div class="row mb-5">
                                                                <div class="col-md-12 mb-4">
                                                                    <h4 class="fw-bold fs-4"> Test(s) to be send</h4>
                                                                </div>
                                                                <div class="col-md-12">

                                                                    @foreach($selecteddata as $data)
                                                                    <span class="p-2 m-2 border-1 border-gray-500 fw-bold fs-8 rounded-2">{{$data['diagnosis_name']}}</span>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                                <hr/>
                                                            @endif

                                                            <div class="row">
                                                                <div class="fv-row col-md-6">
                                                                    <!--begin::Label-->
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="">Select A Pahology</span>
                                                                    </label>
                                                                    <!--end::Label-->
                                                                    <!--begin::Input-->
                                                                    <select class="form-control form-control-solid custominput" name="pathologist_id"
                                                                            wire:model="pathologist_id">
                                                                        <option value="">Select</option>
                                                                        @foreach($pathologies as $patholab)
                                                                        <option value="{{$patholab['id']}}">{{$patholab['pathology_name']}}</option>
                                                                        @endforeach
                                                                    </select>
                                                                    <!--end::Input-->
                                                                    @error('pathologist_id')
                                                                    <span class="text-danger">{{ $message }}</span>
                                                                    @enderror
                                                                </div>
                                                                <div class="fv-row col-md-6" style="align-content: end;">

                                                                    <button class="btn btn-info" wire:click="submitPathologist">Submit</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        <!--end::Modals-->




                                    </div>
                                    <!--end::Container-->
                                </div>
                            {{--@else--}}
{{--    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">--}}
{{--        <!--begin::Container-->--}}
{{--        <div id="kt_content_container" class="container-fluid">--}}
{{--            <div class="card card-flush">--}}
{{--                <div class="card-body">--}}
{{--                    <h1 class=" text-center text-bold" style="font-size: 25px; font-weight: bold; color: red;">Sorry--}}
{{--                        !!! Unauthorized Access</h1>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--@endif--}}



@section('externaljs')
    <script>
        function popupmodal() {
            Swal.fire({
                text: "Are you sure you would like to close?",
                icon: "warning",
                showCancelButton: !0,
                buttonsStyling: !1,
                confirmButtonText: "Yes, close it!",
                cancelButtonText: "No, return",
                customClass: {
                    confirmButton: "btn btn-info",
                    cancelButton: "btn btn-active-light"
                }
            }).then((function(result) {

                if (result.isConfirmed) {
                    closemodal();
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'Your imaginary file is safe :)',
                        'error'
                    )
                }


            }))
        }

        function showsuccessmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "success",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-success"
                }
            });
        }

        function showerrorsmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "error",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-danger"
                }
            });
        }
        window.addEventListener('regd_slip', event => {
            slip();
        });

        function slip() {
            // console.log("modal open");
            $('#kt_modal_registration_slip').modal('show');
        }
        window.addEventListener('trf', event => {
            trf_print();
        });

        function trf_print() {
            // console.log("modal open");
            $('#kt_modal_trf').modal('show');
        }
        window.addEventListener('test_report', event => {
            report();
        });

        function report() {
            // console.log("modal open");
            $('#kt_modal_report').modal('show');
        }
    </script>
@endsection