@if ($serverstatus)
    @if (\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-read')) {{-- Permissions --}}
        <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 w-500px ps-15" placeholder="Search"
                                    style=" border: #c3c3c3 solid thin; 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: 100px;"
                                    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="">New</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-bordered text-start fs-8 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="text-center min-w-50px text-black p-2">Action</th>
                                    <th class="text-center min-w-50px text-black p-2">Status</th>
                                    <th class="min-w-50px text-black p-2">Diagnosis</th>
                                    <th class="min-w-50px text-black p-2">Specimen</th>
                                    <th class="min-w-50px text-black p-2">Particular</th>
                                    <th class="min-w-50px text-black p-2">rate</th>
                                    <th class="min-w-50px text-black p-2">Send To Pathology (Fixed)</th>
                                    <th class="min-w-50px text-black p-2">created_by</th>

                                </tr>
                                <!--end::Table row-->
                            </thead>
                            <!--end::Table head-->
                            <!--begin::Table body-->
                            <tbody class="fw-bold text-gray-600">
                                @if (sizeof($datatables) > 0)
                                    @foreach ($data as $tabledata)
                                        <tr>
                                            <td class="text-center p-2">
                                                @if (\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-update'))
                                                    <!--begin::Update-->
                                                    <button
                                                        class="btn btn-icon btn-active-light-info w-15px h-15px  me-3"
                                                        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-6 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-->
                                                    {{--Percentage sharing--}}
                                                    <button
                                                        class="btn btn-icon btn-active-light-info w-15px h-15px  me-3"
                                                        wire:click="percentShare({{ $tabledata['id'] }})">
                                                        %
                                                    </button>
                                                    {{--End %--}}
                                                <!--begin::Delete-->
                                                @if (\Illuminate\Support\Facades\Auth::user()->isAbleTo('manage_organisation-delete'))
                                                    <button class="btn btn-icon btn-active-light-danger w-15px h-15px"
                                                        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-6 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="text-center p-2">

                                                <center>
                                                    @if ($tabledata['status'])
                                                        <span
                                                            class="badge badge-success fs-9 m-1 text-dark">Active</span>
                                                    @else
                                                        <span
                                                            class="badge badge-secondary fs-9 m-1 text-gray-500">Inactive</span>
                                                    @endif
                                                </center>
                                            </td>
                                            <!--begin::Name=-->
                                            <td class="text-black p-2">{{ $tabledata['diagnosis_name'] }}</td>
                                            <td class="text-black p-2">{{ $tabledata['specimen'] }}</td>
                                            <td class="text-black p-2">{{ $tabledata['particular'] }}</td>
                                            <td class="text-black p-2">{{ $tabledata['rate'] }}</td>
                                            <td class="text-black p-2">{{ $tabledata['pathology_name'] }}</td>
                                            <td class="text-black p-2">{{ $tabledata['created_person'] }}</td>
                                            <!--end::Name=-->

                                            <!--begin::Action=-->

                                            <!--end::Action=-->
                                        </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-->
                <!--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-650px">
                        <!--begin::Modal content-->
                        <div class="modal-content">
                            <!--begin::Modal header-->
                            <div class="modal-header">
                                <!--begin::Modal title-->
                                @if ($modelid)
                                    <h2 class="fw-bolder">Update Diagnosis</h2>
                                @else
                                    <h2 class="fw-bolder">Add A Diagnosis</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="modal-body scroll-y mx-5 mx-xl-15 my-7">
                                <!--begin::Form-->
                                <form id="kt_modal_add_permission_form" class="form" action="#">
                                    <!--begin::Input group-->
                                    <div class="fv-row mb-7">
                                        <!--begin::Label-->
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span class="required">Diagnosis Name</span>
                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input class="form-control form-control-solid"
                                            placeholder="Enter a Diagnosis Detail" name="diagnosis_name"
                                            wire:model.defer="diagnosis_name" />
                                        @error('diagnosis_name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                        <!--end::Input-->
                                        <br>
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span>Specimen</span>
                                        </label>
                                        <input class="form-control form-control-solid"
                                            placeholder="Enter Specimen" name="specimen"
                                            wire:model.defer="specimen" />
                                            @error('specimen')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                        <br>
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span>Particular</span>
                                        </label>
                                        <input class="form-control form-control-solid"
                                            placeholder="Enter Particular" name="particular"
                                            wire:model.defer="particular" />
                                            @error('particular')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                        <br>
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span class="required">Diagnosis Rate</span>
                                        </label>
                                        <input class="form-control form-control-solid"
                                            placeholder="Enter rate of Diagnosis" name="rate"
                                            wire:model.defer="rate" wire:change='change_rate'/>
                                            @error('rate')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                        <br>

                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span class=" ">Comments</span>
                                        </label>
                                        <input class="form-control form-control-solid" placeholder="Enter Comments"
                                            name="comments" wire:model.defer="comments" />

                                        <br>
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span class="">Pathology which you want to send for diagnosis</span>
                                        </label>
                                        <select class="form-control form-control-solid"
                                               name="pathologist_id"
                                               wire:model.defer="pathologist_id">
                                            <option value="">Select</option>
                                            @foreach($pathologies as $pathology)
                                            <option value="{{$pathology['id']}}">{{$pathology['pathology_name']}}</option>
                                            @endforeach

                                        </select>
                                        @error('pathologist_id')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror

                                        <!--end::Input-->
                                    </div>

                                    @if ($modelid)
                                        <div class="d-flex flex-stack mb-8">
                                            <!--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">
                                                <input class="form-check-input h-20px w-30px" type="checkbox"
                                                    name="status" wire:model.debounce.800ms="status"
                                                    {{ $status ? 'checked' : '' }} />
                                                <span class="form-check-label fw-bold text-gray-400">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="spinner-border spinner-border-sm align-middle 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="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::Modal - Add permissions-->

                <!--end::Modals-->

                <div class="modal fade" id="kt_modal_percent_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-550px">
                        <!--begin::Modal content-->
                        <div class="modal-content">
                            <!--begin::Modal header-->
                            <div class="modal-header">
                                <!--begin::Modal title-->
                                @if ($modelid)
                                    <h2 class="fw-bolder">Update Percentage</h2>
                                @else
                                    <h2 class="fw-bolder">Add Percentage</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="modal-body scroll-y mx-5 my-7">
                                <ul class="nav nav-tabs mb-5 fs-6">
                                    <li class="nav-item">
                                        <a class="nav-link @if($selected_type == 'Doctor')active @endif" data-bs-toggle="tab" href="#Doctor" wire:click = "type('Doctor')">Doctor</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link @if($selected_type == 'Agent')active @endif" data-bs-toggle="tab" href="#Agent" wire:click = "type('Agent')">Agent</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link @if($selected_type == 'Pathologist')active @endif" data-bs-toggle="tab" href="#Pathologist" wire:click = "type('Pathologist')">Pathologist</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link @if($selected_type == 'Lab')active @endif" data-bs-toggle="tab" href="#Lab" wire:click = "type('Lab')">Lab</a>
                                    </li>
                                </ul>

                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade @if($selected_type == 'Doctor')show active @endif" id="Doctor" role="tabpanel">
                                        @if($orgunit != null && $orgunit['percentage_sharing_type'] == 1)
                                        <div class="table-responsive">
                                            <table class="table table-borderless align-middle mw-100">
                                                <tbody>
                                                <tr>
                                                    <td class="min-w-3px p-2">Doctor</td>
                                                    <td class="min-w-1px p-2"><input type ="number" class="form-control custominput" style="width: 60px;" placeholder="0"
                                                                                     name="drfix_percent"
                                                                                     wire:model.defer="drfix_percent"
                                                                                     wire:change = "add_drfix_percent" /></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        @elseif($orgunit != null && $orgunit['percentage_sharing_type'] == 0)
                                        <div class="table-responsive">
                                            <table class="table table-borderless align-middle mw-100">
                                                <tbody>
                                                @if(sizeof($doctors)>0)
                                                    @foreach($doctors as $key=> $dr)
                                                <tr>
                                                    <td class="min-w-3px p-2">{{$dr['doctor_name']}}</td>
                                                    <td class="min-w-1px p-2"><input type ="number" class="form-control custominput" style="width: 60px;" placeholder="0"
                                                       name="dr_percent"
                                                       wire:model.defer="percent.{{ $key }}"
                                                       wire:change = "add_percent({{ $key }})" /></td>
                                                </tr>
                                                @endforeach
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                            @endif
                                    </div>
                                    <div class="tab-pane fade @if($selected_type == 'Agent')show active @endif" id="Agent" role="tabpanel">
                                        @if($orgunit != null && $orgunit['percentage_sharing_type'] == 1)
                                            <div class="table-responsive">
                                                <table class="table table-borderless align-middle mw-100">
                                                    <tbody>
                                                    <tr>
                                                        <td class="min-w-3px p-2">Agent</td>
                                                        <td class="min-w-1px p-2"><input type ="number" class="form-control custominput" style="width: 60px;" placeholder="0"
                                                                                         name="agntfix_percent"
                                                                                         wire:model.defer="agntfix_percent"
                                                                                         wire:change = "add_agntfix_percent" /></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>

                                        @elseif($orgunit != null && $orgunit['percentage_sharing_type'] == 0)
                                        <div class="table-responsive">
                                            <table class="table table-borderless align-middle mw-100">
                                                <tbody>
                                                @if(sizeof($agents)>0)
                                                    @foreach($agents as $key=> $agent)
                                                        <tr>
                                                            <td class="min-w-3px p-2">{{$agent['name']}}</td>
                                                            <td class="min-w-1px p-2"><input type ="number" class="form-control custominput" style="width: 60px;" placeholder="0"
                                                                 name="dr_percent"
                                                                 wire:model.defer="percent.{{ $key }}"
                                                                 wire:change = "add_percent({{ $key }}, {{$agents[$key]['id']}})" /></td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                                </tbody>
                                            </table>
                                        </div>
                                            @endif
                                    </div>
                                    <div class="tab-pane fade @if($selected_type == 'Pathologist')show active @endif" id="Pathologist" role="tabpanel">
                                        @if($orgunit != null && $orgunit['percentage_sharing_type'] == 1)
                                            <div class="table-responsive">
                                                <table class="table table-borderless align-middle mw-100">
                                                    <tbody>
                                                    <tr>
                                                        <td class="min-w-3px p-2">Pathologist</td>
                                                        <td class="min-w-1px p-2"><input type ="number" class="form-control custominput" style="width: 60px;" placeholder="0"
                                                                                         name="pthlstfix_percent"
                                                                                         wire:model.defer="pthlstfix_percent"
                                                                                         wire:change = "add_pthlstfix_percent" /></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>

                                        @elseif($orgunit != null && $orgunit['percentage_sharing_type'] == 0)
                                        <div class="table-responsive">
                                            <table class="table table-borderless align-middle mw-100">
                                                <tbody>
                                                @if(sizeof($pathologist)>0)
                                                    @foreach($pathologist as $key=> $pthlgst)
                                                        <tr>
                                                            <td class="min-w-3px p-2">{{$pthlgst['pathology_name']}}</td>
                                                            <td class="min-w-1px p-2"><input type ="number" class="form-control custominput" style="width: 60px;" placeholder="0"
                                                                 name="percent"
                                                                 wire:model.defer="percent.{{ $key }}"
                                                                 wire:change = "add_percent({{ $key }}, {{$pathologist[$key]['id']}})" /></td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                                </tbody>
                                            </table>
                                        </div>
                                            @endif
                                    </div>
                                    <div class="tab-pane fade @if($selected_type == 'Lab')show active @endif" id="Lab" role="tabpanel">
                                        <div class="table-responsive">
                                            <table class="table table-borderless align-middle mw-100">
                                                <tbody>
                                                    <tr>
                                                        <td class="min-w-3px p-2">PathoLab</td>
                                                        <td class="min-w-1px p-2"><input type ="number" class="form-control custominput" style="width: 60px;" placeholder="0"
                                                             name="percent"
                                                             wire:model.defer="percent.0"
                                                             wire:change = "add_percent('0', 3)" /></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end::Modal body-->
                            <div class="modal-footer justify-content-center">
                                @if(sizeof($existing_percentage_allocation)>0)
                                <button type="button" class="btn btn-info align-items-center" @if($orgunit != null && $orgunit['percentage_sharing_type'] == 0) wire:click = "updatePercent" @elseif($orgunit != null && $orgunit['percentage_sharing_type'] == 1) wire:click = "fixprcnt_update" @endif>
                                    <span class="indicator-label">Update</span>
                                    <span class="indicator-progress" wire:loading
                                          wire:target="updatePercent">Please wait...
                                        <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                </button>
                                @else
                                <button type="button" class="btn btn-info align-items-center" @if($orgunit != null && $orgunit['percentage_sharing_type'] == 0) wire:click = "save" @elseif($orgunit != null && $orgunit['percentage_sharing_type'] == 1) wire:click = "fixprcnt_save" @endif>
                                    <span class="indicator-label">Save</span>
                                    <span class="indicator-progress" wire:loading
                                          wire:target="save">Please wait...
                                        <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                </button>
                                @endif

                            </div>
                        </div>
                        <!--end::Modal content-->
                    </div>
                    <!--end::Modal dialog-->
                </div>


                <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">
                                    {{ __('Delete Diagnosis Information') }}</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 delete this data ? Once the data is deleted, all of its resources and data will be permanently deleted.') }}
                            </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>
            <!--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
@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
                        !!! Service Is Not Available.</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 closemodal() {
            $('.modal').modal('hide');
        }
        window.addEventListener('closemodal', event => {
            closemodal();
        });

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

        window.addEventListener('percent_modal_show', event => {
            $('#kt_modal_percent_add_upadate').modal('show');
        });
        window.addEventListener('percent_modal_hide', event => {
            $('#kt_modal_percent_add_upadate').modal('hide');
        });
    </script>
@endsection