@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="mt-6 card-header">
                <!--begin::Card title-->
                <div class="card-title">
                    <!--begin::Search-->
                    <div class="my-1 d-flex align-items-center position-relative 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>
                    <!--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_add_upadate" wire:click="createclick">--}}
{{--                        <!--begin::Svg Icon | path: icons/duotune/general/gen035.svg-->--}}
{{--                        <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=""> Add New Doctor</span>--}}
{{--                    </button>--}}
{{--                @endif--}}
                    <!--end::Button-->
                </div>
                <!--end::Card toolbar-->
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="pt-0 card-body table-responsive" >
                <!--begin::Table-->
                <table class="table mb-0 align-middle table-row-dashed text-start fs-8 gy-5" id="kt_table">
                    <!--begin::Table head-->
                    <thead>
                    <!--begin::Table row-->
                    <tr class="text-gray-400 text-start fw-bolder fs-7 text-uppercase gs-0">
                        <th class="p-2 text-center text-black min-w-150px">Action</th>
                        <th class="p-2 text-black min-w-50px">Status</th>
                        <th class="p-2 text-black min-w-50px">Photo</th>
                        <th class="p-2 text-black min-w-50px">Doctor ID</th>
                        <th class="p-2 text-black min-w-125px">Doctor Name</th>
                        <th class="p-2 text-black min-w-100px">Phone No</th>
                        <th class="p-2 text-black min-w-100px">Email ID</th>
                        <th class="p-2 text-black min-w-100px">Specialist</th>
                        <th class="p-2 text-black min-w-100px text-end">Consultation Fee</th>
                        <th class="p-2 text-black min-w-100px text-end">Prescription Format</th>
                        <th class="p-2 text-black min-w-100px text-end">Prescription Custom Format</th>
                    </tr>
                    <!--end::Table row-->
                    </thead>
                    <!--end::Table head-->
                    <!--begin::Table body-->
                    <tbody class="text-gray-600 fw-bold">
                    @if(sizeof($datatables)>0)
                        @foreach($datatables as $tabledata)


                            <tr>
                                <td class="p-2 text-center">
                                @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-update') && \Illuminate\Support\Facades\Auth::user()['type'] == 'Doctor')
                                    <!--begin::Update-->
                                    <button class="btn btn-icon btn-active-light-primary w-30px h-30px"
                                            data-bs-toggle="modal" data-bs-target="#kt_modal_add_upadate"
                                            wire:click="updateclick({{$tabledata['id']}})">
                                        <!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
                                        <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>
                                        <!--end::Svg Icon-->
                                    </button>
                                @endif
                                    <!--end::Update-->
                                    {{--Prescription Format Add--}}
                                    <button class="btn btn-icon btn-active-light-primary w-30px h-30px"
                                            wire:click="format_add_click({{$tabledata['id']}})">
                                        <!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
                                        <span class="svg-icon svg-icon-3 svg-icon-info">
                                            <svg width="24" height="24" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px;}</style></defs><rect class="cls-1" x="2.45" y="12.95" width="13.36" height="5.73"/><polyline class="cls-1" points="4.36 18.68 4.36 22.5 21.55 22.5 21.55 6.27 16.77 1.5 4.36 1.5 4.36 12.96"/><polygon class="cls-1" points="21.55 6.27 21.55 7.23 15.82 7.23 15.82 1.5 16.77 1.5 21.55 6.27"/></svg>
                                        </span>
                                        <!--end::Svg Icon-->
                                    </button>
                                    {{--End--}}
                                    {{--Consultation Fees Update--}}
                                @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-update') && \Illuminate\Support\Facades\Auth::user()['type'] == 'Clinic')
                                    <!--begin::Update-->
                                        <button class="btn btn-icon btn-active-light-primary w-30px h-30px"
                                                wire:click="consultationFeesUpdate({{$tabledata['id']}})">
                                            <!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
                                            <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>
                                            <!--end::Svg Icon-->
                                        </button>
                                @endif
                                {{--Consultation Fees Update End--}}
                                    <!--begin::Delete-->
                                @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-delete'))
                                    <button class="btn btn-icon btn-active-light-danger w-30px h-30px"
                                            data-kt-table-filter="delete_row" data-bs-toggle="modal"
                                            data-bs-target="#deleteConfirmation"
                                            wire:click="deleteclick({{$tabledata['id']}})">
                                        <!--begin::Svg Icon | path: icons/duotune/general/gen027.svg-->
                                        <span class="svg-icon svg-icon-3 svg-icon-danger">
															<svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                                 height="24" viewBox="0 0 24 24" fill="none">
																<path
                                                                    d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z"
                                                                    fill="black"/>
																<path opacity="0.5"
                                                                      d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z"
                                                                      fill="black"/>
																<path opacity="0.5"
                                                                      d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z"
                                                                      fill="black"/>
															</svg>
														</span>
                                        <!--end::Svg Icon-->
                                    </button>
                                @endif
                                    <!--end::Delete-->
                                </td>
                                <td class="p-2">
                                    @if($tabledata['status'])
                                        <span class="m-1 text-white badge badge-success fs-8">Active</span>
                                    @else
                                        <span class="m-1 text-gray-500 badge badge-secondary fs-8">Inactive</span>
                                    @endif
                                </td>
                                <!--begin::Name=-->

                                <td class="p-2 text-black">
                                    @if($tabledata['image'])
                                        <a href="{{\Illuminate\Support\Facades\Storage::disk('s3')->url($tabledata['image'])}}" target="_blank">
                                        <img src="{{\Illuminate\Support\Facades\Storage::disk('s3')->url($tabledata['image'])}}" width="50px" />
                                        </a>
                                        @else
                                        <img src="{{global_asset('assets/icons/no-pictures.png')}}" width="30px" />
                                        @endif

                                </td>
                                <td class="p-2 text-black">YODR{{$tabledata['id']}}</td>
                                <td class="p-2 text-black">{{$tabledata['doctor_name']}}</td>
                                <td class="p-2 text-black">{{$tabledata['phone_no']}}</td>
                                <td class="p-2 text-black">{{$tabledata['email_id']}}</td>
                                <td class="p-2 text-black">{{$tabledata['specialist_name']}}</td>
                                <td class="p-2 text-black text-end">
                                    @if($tabledata['getDoctorService'])

                                    INR {{$tabledata['getDoctorService']['total_amount']}}
                                    @else
                                        NA
                                    @endif
                                </td>
                                <td class="p-2 text-black">{{$tabledata['prescription_format']}}</td>
                                <td class="p-2 text-center text-black">
                                    <center>
                                        
                                    @if($tabledata['prescription_custom_format'])
                                        <a href="{{\Illuminate\Support\Facades\Storage::disk('s3')->url($tabledata['prescription_custom_format'])}}" target="_blank">
                                        <img src="{{\Illuminate\Support\Facades\Storage::disk('s3')->url($tabledata['prescription_custom_format'])}}" width="50px" />
                                        </a>
                                    @else
                                        NA
                                        
                                    @endif
                                    </center>
                                </td>
                                <!--end::Action=-->
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td class="p-2 text-center justify-content-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-->
        <!--begin::Modal - Add permissions-->
        <div class="modal fade" id="kt_modal_add_upadate" 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-950px">
                <!--begin::Modal content-->
                <div class="modal-content">
                    <!--begin::Modal header-->
                    <div class="modal-header">
                        <!--begin::Modal title-->
                        @if($modelid)
                            <h2 class="fw-bolder">Update Doctor Information</h2>
                        @else
                            <h2 class="fw-bolder">Add New Doctor Information</h2>
                        @endif

                    <!--end::Modal title-->
                        <!--begin::Close-->
                        <div class="btn btn-icon btn-sm btn-active-icon-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>
                            <!--end::Svg Icon-->
                        </div>
                        <!--end::Close-->
                    </div>
                    <!--end::Modal header-->
                    <!--begin::Modal body-->
                    <div class="mx-5 modal-body scroll-y mx-xl-15 my-7">
                        <!--begin::Form-->
                        <form id="kt_modal_add_permission_form" class="form" action="#">

                            <div class="row">



                                <!--begin::Input group-->
                                <div class="col-md-12 fv-row mb-7">
                                    <!--begin::Label-->
                                    <label class="mb-2 fs-6 fw-bold form-label">
                                        <span class="required">Doctor Name</span>

                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="form-control form-control-solid"
                                           placeholder="Enter a Doctor Name" name="doctor_name" wire:model="doctor_name"/>
                                    <!--end::Input-->
                                    @error('doctor_name') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>

                                <div class="col-md-6 fv-row mb-7">
                                    <!--begin::Label-->
                                    <label class="mb-2 fs-6 fw-bold form-label">
                                        <span class="required">Phone Number</span>

                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input onkeypress="return onlyNumberKey(event)"  class="form-control form-control-solid"
                                           placeholder="Enter the Phone Number" name="phone_no" wire:model="phone_no"/>
                                    <!--end::Input-->
                                    @error('phone_no') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>

                                <div class="col-md-6 fv-row mb-7">
                                    <!--begin::Label-->
                                    <label class="mb-2 fs-6 fw-bold form-label">
                                        <span class="required">Email Address</span>

                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input  type="email" class="form-control form-control-solid custominput"
                                            placeholder="Enter Email Address" name="email_id" wire:model="email_id"/>
                                    <!--end::Input-->
                                    @error('email_id') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>

                                <div class="col-md-6 fv-row mb-7">
                                    <label class="mb-2 fs-6 fw-bold form-label">
                                        <span class="required">Experience</span>
                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="form-control form-control-solid"
                                           placeholder="Enter Experience (in Year)" name="experience" wire:model="experience"/>
                                    <!--end::Input-->
                                    @error('experience') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-6 fv-row mb-7">
                                    <!--begin::Label-->
                                    <label class="mb-2 fs-6 fw-bold form-label">
                                        <span class="required">Select Specializations</span>
                                    </label>

                                    <select class="form-control form-control-solid"
                                            name="specialist_id" wire:model="specialist_id">
                                        <option value="">Select specialization</option>
                                        @foreach($specializations as $specialist)
                                            <option value="{{$specialist->id}}">{{$specialist->specializations}}</option>
                                        @endforeach
                                    </select>
                                    @error('specialist_id') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>

                                <div class="col-md-12 fv-row mb-7">
                                    <!--begin::Label-->
                                    <label class="mb-2 fs-6 fw-bold form-label">
                                        <span class="">Photo</span>
                                    </label>
                                    <input type="file" accept="image/*" class="form-control form-control-solid custominput"
                                            name="image" wire:model="image" />
                                    <!--end::Input-->
                                    @error('image') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>

                                <div class="col-md-12 fv-row mb-7">
                                    <!--begin::Label-->
                                    <label class="mb-2 fs-6 fw-bold form-label">
                                        <span>About</span>

                                    </label>

                                    <textarea class="form-control form-control-solid"
                                              placeholder="Enter About Yourself" name="about"
                                              wire:model="about"></textarea>
                                    <!--end::Input-->
                                </div>

                            </div>


                            @if($modelid)
                                <div class="mb-8 d-flex flex-stack">
                                    <!--begin::Label-->
                                    <div class="me-5">
                                        <label class="fs-6 fw-bold">Status</label>

                                    </div>
                                    <!--end::Label-->
                                    <!--begin::Switch-->
                                    <label class="form-check form-switch form-check-custom form-check-solid">
                                        @if($status)
                                            <input class="form-check-input h-20px w-30px" type="checkbox" name="status"
                                                   wire:model.debounce.800ms="status" checked/>
                                        @else
                                            <input class="form-check-input h-20px w-30px" type="checkbox" name="status"
                                                   wire:model.debounce.800ms="status"/>
                                        @endif
                                        <span class="text-gray-400 form-check-label fw-bold">Active</span>
                                    </label>
                                    <!--end::Switch-->
                                </div>
                        @endif
                        <!--end::Input group-->
                            <!--begin::Actions-->
                            <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>
                                @if($modelid)
                                    <button type="button" wire:click="update" class="btn btn-info">
                                        <span class="indicator-label">Update</span>
                                        <span class="indicator-progress" wire:loading wire:target="update">Please wait...
														<span
                                                            class="align-middle spinner-border spinner-border-sm ms-2"></span></span>
                                    </button>
                                @else
                                    <button type="button" wire:click="submit" class="btn btn-info">
                                        <span class="indicator-label">Submit</span>
                                        <span class="indicator-progress" wire:loading wire:target="submit">Please wait...
														<span
                                                            class="align-middle spinner-border spinner-border-sm 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::Modal - Add permissions-->

        <!--end::Modals-->

            {{--Consultation Fees Update Modal--}}
            <div class="modal fade" id="kt_modal_consultationFee_upadate" 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-550px">
                    <!--begin::Modal content-->
                    <div class="modal-content">
                        <!--begin::Modal header-->
                        <div class="modal-header">
                            <!--begin::Modal title-->
                                <h2 class="fw-bolder">Update Consultation</h2>
                        <!--end::Modal title-->
                            <!--begin::Close-->
                            <div class="btn btn-icon btn-sm btn-active-icon-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>
                                <!--end::Svg Icon-->
                            </div>
                            <!--end::Close-->
                        </div>
                        <!--end::Modal header-->
                        <!--begin::Modal body-->
                        <div class="mx-5 modal-body scroll-y mx-xl-15 my-7">
                            <!--begin::Form-->
                            <form id="kt_modal_add_permission_form" class="form" action="#">


                                    <div class="mb-3 col-md-12 fv-row">
                                        <!--begin::Label-->
                                        <label class="mb-2 fs-6 fw-bold form-label">
                                            <span class="required">Select Counsultation Fees</span>
                                        </label>

                                        <select class="form-control form-control-solid"
                                                name="service_id" wire:model="service_id">
                                            <option value="">Select Fees</option>
                                            @if(sizeof($consultation)>0)
                                            @foreach($consultation as $fees)
                                                <option value="{{$fees['id']}}">{{$fees['total_amount']}}</option>
                                            @endforeach
                                                @endif
                                        </select>
                                        @error('service_id') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>
                            <!--end::Input group-->
                                <!--begin::Actions-->
                                <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="updateFees" class="btn btn-info">
                                        <span class="indicator-label">Update Fee</span>
                                        <span class="indicator-progress" wire:loading wire:target="updateFees">Please wait...
                                                    <span
                                                        class="align-middle spinner-border spinner-border-sm ms-2"></span></span>
                                    </button>

                                </div>
                                <!--end::Actions-->
                            </form>
                            <!--end::Form-->
                        </div>
                        <!--end::Modal body-->
                    </div>
                    <!--end::Modal content-->
                </div>
                <!--end::Modal dialog-->
            </div>

            {{--Consultation fees update modal end--}}
            {{--Format Add Modal--}}
            <div class="modal fade" id="kt_modal_format_add" 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-550px">
                    <!--begin::Modal content-->
                    <div class="modal-content">
                        <!--begin::Modal header-->
                        <div class="modal-header">
                            <!--begin::Modal title-->
                            <h2 class="fw-bolder">Add Prescription Format</h2>
                            <!--end::Modal title-->
                            <!--begin::Close-->
                            <div class="btn btn-icon btn-sm btn-active-icon-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>
                                <!--end::Svg Icon-->
                            </div>
                            <!--end::Close-->
                        </div>
                        <!--end::Modal header-->
                        <!--begin::Modal body-->
                        <div class="mx-5 modal-body scroll-y mx-xl-15 my-7">
                            <!--begin::Form-->
                            <form id="kt_modal_add_permission_form" class="form" action="#">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mb-3 col-md-12 fv-row">
                                                <!--begin::Label-->
                                                <label class="mb-2 fs-6 fw-bold form-label">
                                                    <span class="required">Select Format</span>
                                                </label>
        
                                                <select class="form-control form-control-solid"
                                                        name="format" wire:model="format">
                                                    <option value="">Select Fees</option>
                                                    <option value="dental_format">Dental Format</option>
                                                </select>
        
                                                @if($field == true) <span class="text-danger">Select one format</span> @endif
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="pt-1 text-center">
                                                <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="add_format" class="btn btn-info">
                                                    <span class="indicator-label">Add Format</span>
                                                    <span class="indicator-progress" wire:loading wire:target="add_format">Please wait...
                                                            <span
                                                                class="align-middle spinner-border spinner-border-sm ms-2"></span></span>
                                                </button>
        
                                            </div>
                                        </div>
                                        
                                    </div>

                                    <div class="row mt-15">
                                        <div class="col-md-8">
                                            <label class="mb-2 fs-6 fw-bold form-label">
                                                <span class="">Upload Custom Format</span>
                                            </label>
                                            <input class="form-control form-control-solid h-[100px]" style="height: 20px; padding: 0px;" type="file" name="custom_format" wire:model.defer="custom_format" />
                                            @error('custom_format') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>  
                                        
                                        <div class="col-md-4">
                                            <div class="pt-1 text-center">
                                                <button type="button" wire:click="uplod_format" class="btn btn-info">
                                                    <span class="indicator-label">Upload</span>
                                                    <span class="indicator-progress" wire:loading wire:target="uplod_format">Please wait...
                                                            <span
                                                                class="align-middle spinner-border spinner-border-sm ms-2"></span></span>
                                                </button>
                                            </div>
                                        </div>    

                                    </div>    

                                   
                                 


                                   
                            </form>
                            <!--end::Form-->
                        </div>
                        <!--end::Modal body-->
                    </div>
                    <!--end::Modal content-->
                </div>
                <!--end::Modal dialog-->
            </div>
            {{--Format Add Modal End--}}
        <div class="modal fade" id="deleteConfirmation" data-bs-backdrop="static" data-bs-keyboard="false"
             tabindex="-1" aria-labelledby="deleteConfirmation" aria-hidden="true" wire:ignore.self>
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title"
                            id="staticBackdropLabel">{{ __('Relieve Doctor') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                            <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                  width="30" height="30" 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 class="modal-body">
                        {{ __('Are you sure you want to relieve this doctor ? Once you relieved, you wil not able to use the resource connected to this doctor.') }}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-danger" wire:click="delete"> Delete</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="kt_docs_toast_stack_container" class="top-0 p-3 toast-container position-fixed end-0 z-index-3">
            <div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-kt-docs-toast="stack">
                <div class="toast-header">
                    <span class="svg-icon svg-icon-2 svg-icon-primary me-3">...</span>
                    <strong class="me-auto">Keenthemes</strong>
                    <small>11 mins ago</small>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                </div>
                <div class="toast-body">
                    Hello, world! This is a toast message.
                </div>
            </div>
        </div>
    </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('update_consultation', event => {
            $('#kt_modal_consultationFee_upadate').modal('show');
        });

        window.addEventListener('format_modal_show', event => {
            $('#kt_modal_format_add').modal('show');
        });
        window.addEventListener('format_modal_hide', event => {
            $('#kt_modal_format_add').modal('hide');
        });


    </script>
@endsection