{{--@if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-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;"/>
                    </div>
                    <div class="d-flex align-items-center fw-bolder">
                        <div class="text-muted fs-8">Request By</div>
                        <select class="fs-8 form-control form-control-sm" style="width:85px;" name="requestFilter" wire:model="requestFilter">
                            <option value="All" selected="selected">Show All</option>
                            <option value="Clinic">Clinic</option>
                            <option value="Doctor">Doctor</option>
                        </select>
                    </div>
                    <!--end::Search-->
                </div>
                <!--end::Card title-->
                <!--begin::Card toolbar-->
                <div class="card-toolbar">
{{--                @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-create'))--}}
                    <!--begin::Button-->
                    <button type="button" style="width: 200px;"
                            class="btn btn-info  d-flex justify-content-center" data-bs-toggle="modal"
                            data-bs-target="#kt_modal_request_doctor" wire:click="requestClick">
                        <span class="svg-icon svg-icon-3 ">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                             viewBox="0 0 24 24" fill="none">
                                            <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="5" fill="black"/>
                                            <rect x="10.8891" y="17.8033" width="12" height="2" rx="1"
                                                  transform="rotate(-90 10.8891 17.8033)" fill="black"/>
                                            <rect x="6.01041" y="10.9247" width="12" height="2" rx="1" fill="black"/>
                                        </svg>
                                    </span>
                        <!--end::Svg Icon-->
                        <span class=""> Request Doctor</span>
                    </button>
{{--                @endif--}}
                    <!--end::Button-->
                </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-9 gy-5 mb-0" id="kt_table">
                    <!--begin::Table head-->
                    <thead>
                    <!--begin::Table row-->
                    <tr class="text-start text-gray-400 fw-bolder fs-8 text-uppercase gs-0">
                        <th class="min-w-50px text-black p-2">Request Status</th>
                        <th class="min-w-125px text-black p-2">Requested By</th>
                        <th class="min-w-125px text-black p-2">Request For</th>
                        <th class="min-w-125px text-black p-2">Doctor Name</th>
                        <th class="min-w-100px text-black p-2">Specialist</th>
                        <th class="min-w-100px text-black p-2">Mobile No.</th>
                        <th class="min-w-100px text-black p-2">Email ID</th>
                        <th class="min-w-100px text-black p-2">Action</th>
                    </tr>
                    <!--end::Table row-->
                    </thead>
                    <!--end::Table head-->
                    <!--begin::Table body-->
                    <tbody class="fw-bold text-gray-600">
                    @if(sizeof($datatables)>0)
                        @foreach($datatables as $tabledata)

                            <tr>
                                <td class="p-2">
                                    @if($tabledata['status'] == 1)
                                        @if($tabledata['request_type'] === 'In')
                                        <span class="badge badge-info fs-9 m-1 text-white">Sent</span>
                                        @else
                                            <span class="badge badge-secondary fs-9 m-1 text-white">Relieved</span>
                                        @endif
                                    @elseif($tabledata['status'] == 2)
                                        <span class="badge badge-success fs-9 m-1 text-white">Accepted</span>
                                    @else
                                        <span class="badge badge-danger fs-9 m-1 text-white">Rejected</span>
                                    @endif
                                </td>
                                <td class="text-black p-2">{{$tabledata['request_by']}}</td>
                                <td class="text-black p-2">
                                    @if($tabledata['request_type'] === 'In') Appoint @else Remove @endif</td>
                                <td class="text-black p-2">{{$tabledata['name']}}</td>
                                <td class="text-black p-2">{{$tabledata['speciality']}}</td>
                                @if($tabledata['request_by'] == "Doctor")
                                    <td class="text-black p-2">{{$tabledata['phone_no']}}</td>
                                    <td class="text-black p-2">{{$tabledata['email_id']}}</td>
                                @elseif($tabledata['status'] == 2)
                                    <td class="text-black p-2">{{$tabledata['phone_no']}}</td>
                                    <td class="text-black p-2">{{$tabledata['email_id']}}</td>
                                @else
                                    <td class="text-black p-2">wait for response</td>
                                    <td class="text-black p-2">wait for response</td>
                                @endif
                                <td class="text-end p-2">
                                    <a href="javascript:void(0)"
                                       data-kt-menu-trigger="click"
                                       data-kt-menu-placement="bottom-end">
                                        <span class="svg-icon svg-icon-muted svg-icon-2hx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="10" fill="black"/>
                                            <rect x="11" y="11" width="2" height="2" rx="1" fill="black"/>
                                            <rect x="11" y="15" width="2" height="2" rx="1" fill="black"/>
                                            <rect x="11" y="7" width="2" height="2" rx="1" fill="black"/>
                                            </svg></span>
                                    </a>

                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-8 w-150px py-2"
                                         data-kt-menu="true" >
                                        @if($tabledata['request_by'] == 'Doctor' && $tabledata['request_type'] == 'In' && $tabledata['status'] == 1)
                                            <div class="menu-item px-2">
                                                <a href="javascript:void(0)" class="menu-link text-hover-info px-2" wire:click="openChargeModal({{$tabledata['id']}})" {{--onclick="clinicrequestPopup({{$tabledata['id']}}, 1)"--}}>Accept</a>
                                            </div>
                                            <div class="menu-item px-2">
                                                <a href="javascript:void(0)" class="menu-link text-hover-danger px-2" onclick="clinicrequestPopup({{$tabledata['id']}}, 2)">Reject</a>
                                            </div>
                                        @endif
                                            @if($tabledata['request_by'] == 'Doctor' && $tabledata['request_type'] == 'Out' && $tabledata['status'] == 1)
                                                <div class="menu-item px-2">
                                                    <a href="javascript:void(0)" class="menu-link text-hover-info px-2" onclick="clinicrequestPopup({{$tabledata['id']}}, 4)">Accept</a>
                                                </div>
                                            @endif
                                        @if($tabledata['request_by'] == 'Clinic' && $tabledata['request_type'] == 'In' && $tabledata['status'] == 1)
                                            <div class="menu-item px-2">
                                                <a href="javascript:void(0)" class="menu-link text-hover-danger px-2" wire:click="updatechargeclick({{$tabledata['id']}})">Update Charge</a>
                                            </div>
                                         @endif
                                        @if($tabledata['request_by'] == 'Clinic' && $tabledata['request_type'] == 'In' && ($tabledata['status'] == 1 || $tabledata['status'] == 0))
                                            <div class="menu-item px-2">
                                                <a href="javascript:void(0)" class="menu-link text-hover-danger px-2" onclick="clinicrequestPopup({{$tabledata['id']}}, 3)">Delete</a>
                                            </div>
                                        @endif
                                    </div>
                                </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>

            <div class="modal fade" id="kt_modal_request_doctor" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true" wire:ignore.self>
                <!--begin::Modal dialog-->
                <div class="modal-dialog mw-650px">
                    <!--begin::Modal content-->
                    <div class="modal-content">
                        <!--begin::Modal header-->
                        <div class="modal-header pb-0 border-0 justify-content-end">
                            <!--begin::Close-->
                            <div class="btn btn-sm btn-icon btn-active-color-primary" data-kt-permissions-modal-action="close" onclick="popupmodal()" wire:click="resetvalid">
                                <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                                <span class="svg-icon svg-icon-1">
								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
									<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="black" />
									<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="black" />
								</svg>
							</span>
                            </div>
                        </div>

                        <div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
                            <div class="text-center mb-13">
                                <span class="fs-3 fw-bold text-dark">Browse Doctors</span>
                            </div>

                            <input class="form-control form-control-solid mb-8" rows="3" placeholder="Search By Name/Specialisation/Email/Mobile No. here" wire:model="searchLibDoctor" />

                            <div class="mb-15">
                                <div class="mh-375px scroll-y me-n7 pe-7">
                                    @foreach($libdoctors as $key=>$doctor)
                                    <div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
                                            <div class="d-flex align-items-center">
                                                <div class="d-flex" style="margin-left: 10px;">
                                                    <div class="form-check form-check-custom form-check-solid form-check-sm">
                                                        <input class="form-check-input" value="{{json_encode($doctor)}}" type="checkbox" id="flexRadioLg"
                                                          wire:model="check.{{$key}}" style="border: 1px solid black;">
                                                        <label class="form-check-label" for="flexRadioLg">
                                                        </label>
                                                    </div>
                                                </div>

                                                <div class="symbol symbol-35px symbol-circle">
                                                    @if($doctor['image'])
                                                        <img alt="Pic" src="{{\Illuminate\Support\Facades\Storage::disk('s3')->url($doctor['image'])}}" />
                                                    @else
                                                        <img alt="Pic" src="{{global_asset('assets/icons/no-pictures.png')}}" />
                                                    @endif
                                                </div>

                                                <div class="ms-6">
                                                    <a href="#" class="d-flex align-items-center fs-5 fw-bolder text-dark text-hover-primary">{{$doctor['doctor_name']}}
                                                        <span class="badge badge-light fs-8 fw-bold ms-2">{{$doctor['specialist_name']}}</span></a>
                                                    <div class="fw-bold text-muted">Exp: {{$doctor['experience']}} years  , @if(sizeof($doctor['educations']) > 0) @foreach($doctor['educations'] as $edu) {{$edu['degree']}}, @endforeach @endif</div>
                                                </div>
                                            </div>
                                    </div>
                                        @endforeach
                                </div>
                            </div>

                            <div class="text-center pt-15">
                                <button type="reset" class="btn btn-light me-3"
                                        data-kt-permissions-modal-action="cancel" onclick="popupmodal()"
                                        wire:click="resetvalid">Discard
                                </button>

                                <button type="button" wire:click="sendRequestClick" class="btn btn-info">
                                    <span class="indicator-label">Request</span>
                                    <span class="indicator-progress" wire:target="sendRequestClick">Please wait...
                                                            <span
                                                                class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                </button>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

    </div>

    <div class="modal fade" id="clinicCharge" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true" wire:ignore.self>
        <div class="modal-dialog modal-dialog-centered mw-650px" style="backdrop-filter: blur(3px)";>
            <div class="modal-content">
                <div class="modal-header">
                        <h2 class="fw-bolder">Revenue Charging With Doctors</h2>
                    <div class="btn btn-icon btn-sm btn-active-icon-primary"
                         data-kt-permissions-modal-action="close" onclick=closechargemodal()>
                        <span class="svg-icon svg-icon-1">
													<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none">
														<rect opacity="0.5" x="6" y="17.3137" width="16" height="2"
                                                              rx="1" transform="rotate(-45 6 17.3137)" fill="black"/>
														<rect x="7.41422" y="6" width="16" height="2" rx="1"
                                                              transform="rotate(45 7.41422 6)" fill="black"/>
													</svg>
												</span>
                        <!--end::Svg Icon-->
                    </div>
                    <!--end::Close-->
                </div>
                <!--end::Modal header-->
                <!--begin::Modal body-->
                <div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
                    <!--begin::Form-->
                    <form id="kt_modal_add_permission_form" class="form" action="#">

                        <div class="row">
                           <div class="row">
                                <div class="col-md-6 mb-7">
                                    <label class="form-check form-check-custom form-check-solid">
                                        <input class="form-check-input form-check-input-border" type="checkbox" value="Consultation" wire:model="con_check"/>
                                        <span class="form-check-label">Consultation</span>
                                    </label>
                                </div>
                                <div class="col-md-6 mb-7">
                                        <input class="form-control form-control-solid" @if($con_check == null) disabled @endif
                                               placeholder="Enter Percentage" name="con_per" wire:model="con_per"/>
                                        @error('con_per') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                                </div>
                            </div>
{{--                            <div class="row">--}}
{{--                                <div class="col-md-6 mb-7">--}}
{{--                                    <label class="form-check form-check-custom form-check-solid">--}}
{{--                                        <input class="form-check-input form-check-input-border" type="checkbox" value="Medicine" wire:model="med_check"/>--}}
{{--                                        <span class="form-check-label">Medicine</span>--}}
{{--                                    </label>--}}
{{--                                </div>--}}
{{--                                <div class="col-md-6 mb-7">--}}
{{--                                    <input class="form-control form-control-solid" @if($med_check == null) disabled @endif--}}
{{--                                        placeholder="Enter Percentage" name="med_per" wire:model="med_per"/>--}}
{{--                                    @error('med_per') <span class="text-danger">{{ $message }}</span> @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                            <div class="row">--}}
{{--                                 <div class="col-md-6 mb-7">--}}
{{--                                     <label class="form-check form-check-custom form-check-solid">--}}
{{--                                         <input class="form-check-input form-check-input-border" type="checkbox" value="Lab" wire:model="lab_check"/>--}}
{{--                                         <span class="form-check-label">Lab</span>--}}
{{--                                     </label>--}}
{{--                                 </div>--}}

{{--                                <div class="col-md-6 mb-7">--}}
{{--                                    <input class="form-control form-control-solid" @if($lab_check == null) disabled @endif--}}
{{--                                           placeholder="Enter Percentage" name="lab_per" wire:model="lab_per"/>--}}
{{--                                    @error('lab_per') <span class="text-danger">{{ $message }}</span> @enderror--}}
{{--                                </div>--}}
{{--                            </div>--}}

                            <div class="row">
                                <div class="col-md-6 mb-7">
                                    <label class="form-check form-check-custom form-check-solid">
                                        <input class="form-check-input form-check-input-border" type="checkbox" value="Revenue" wire:model="rev_check"/>
                                        <span class="form-check-label">Revenue</span>
                                    </label>
                                </div>

                                <div class="col-md-6 mb-7">
                                    <input class="form-control form-control-solid" @if($rev_check == null) disabled @endif
                                           placeholder="Enter Percentage" name="rev_per" wire:model="rev_per"/>
                                    @error('rev_per') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>
                            </div>

                        <div class="text-center pt-15">
                            <button type="reset" class="btn btn-light me-3"
                                    data-kt-permissions-modal-action="cancel" onclick=closechargemodal() >Discard
                            </button>
                            @if($modelid)
                                <button type="button" wire:click="updateclinicCharge" class="btn btn-info">
                                    <span class="indicator-label">Update</span>
                                    <span class="indicator-progress" wire:loading wire:target="updateclinicCharge">Please wait...
														<span
                                                            class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                </button>
                            @else
                                <button type="button" wire:click="sendRequest" class="btn btn-info">
                                    <span class="indicator-label">Submit</span>
                                    <span class="indicator-progress" wire:loading wire:target="sendRequest">Please wait...
                                                            <span
                                                                class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                </button>
                            @endif
                        </div>
                        <!--end::Actions-->
                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
    </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"
                }
            });
        }


        function clinicrequestPopup(id, fun) {
            let msg = '';

            if (fun === 1) {
                msg = "Are you sure you want to accept the doctor request ?";
                icon = "question";
            } else if (fun === 2) {
                msg = "Are you sure you want to reject the doctor request ?";
                icon = "warning";
            } else if (fun === 4) {
                msg = "Are you sure you want to accept the doctor relieve request ?";
                icon = "warning";
            } else {
                msg = "Are you sure you want to delete the request ?";
                icon = "error";
            }

            Swal.fire({
                text: msg,
                icon: icon,
                showCancelButton: true,
                buttonsStyling: false,
                confirmButtonText: "Yes",
                cancelButtonText: "No, return",
                customClass: {
                    confirmButton: "btn btn-info",
                    cancelButton: "btn btn-active-light"
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    if (fun === 1) {
                        Livewire.emit('acceptRequest', id);
                    } else if (fun === 2) {
                        Livewire.emit('rejectRequest', id);
                    }else if (fun === 4) {
                        Livewire.emit('relieveRequest', id);
                    } else {
                        Livewire.emit('deleteRequest', id);
                    }
                } else if (result.dismiss === Swal.DismissReason.cancel) {
                    Swal.fire(
                        'Cancelled',
                        'Your request is safe.',
                        'error'
                    );
                }
            });
        }

        function closemodal() {
            $('.modal').modal('hide');
        }

        function closechargemodal() {
            $('#clinicCharge').modal('hide');
        }

        window.addEventListener('closemodal', event => {
            closemodal();
        });

        window.addEventListener('show_clinicCharge', event => {
            $('#clinicCharge').modal('show');
        });

        window.addEventListener('hide_clinicCharge', event => {
            $('#clinicCharge').modal('hide');
        });

        window.addEventListener('showsuccessmsg', event => {
            if(event.detail.type =="success"){
                showsuccessmsg(event.detail.message);
            }else{
                showerrorsmsg(event.detail.message);
            }
            //showsuccessmsg();
        });


    </script>
@endsection