@if($serverstatus)
    @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('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">

                <!--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">
                            <h1 class="fs-6">Please download the format then upload the required data</h1>
                        </div>
                        <div class="card-toolbar">
                            <input type="text" class="form-control form-control-solid custominput border-dark" placeholder="Select Clinic"
                                   name="chooseTenant" wire:model="chooseTenant" list="tnt" autocomplete="off" />

                            <datalist id="tnt">
                                @foreach($tenants as $tenant)
                                    <option value="{{$tenant['id']}}">{{$tenant['clinic_name']}}</option>
                                @endforeach

                            </datalist>
                        </div>

                    </div>
                    <!--end::Card header-->
                    <!--begin::Card body-->
                    <div class="card-body pt-0">
                        @if(session('session_tenant_info'))
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">1. Upload Country Data({{$tableDataCount['Country']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_country"
                                           wire:model.defer="data_sheet_country"/>
                                    @error('data_sheet_country') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/countries.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('1')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="truncateTable('1')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">2. Upload State Data({{$tableDataCount['State']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_state"
                                           wire:model.defer="data_sheet_state"/>
                                    @error('data_sheet_state') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/states.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('2')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('2')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">3. Upload District Data({{$tableDataCount['District']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_district"
                                           wire:model.defer="data_sheet_district"/>
                                    @error('data_sheet_district') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/districts.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('3')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('3')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">4. Upload City Data({{$tableDataCount['City']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_city"
                                           wire:model.defer="data_sheet_city"/>
                                    @error('data_sheet_city') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/cities.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('4')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('4')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">5. Upload Area Data({{$tableDataCount['Area']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_area"
                                           wire:model.defer="data_sheet_area"/>
                                    @error('data_sheet_area') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/areas.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('5')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('5')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">6. Upload Slot Schedule Data({{$tableDataCount['SlotSchedule']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_slot_schedule"
                                           wire:model.defer="data_sheet_slot_schedule"/>
                                    @error('data_sheet_slot_schedule') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/slot_schedules.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('6')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('6')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">7. Upload Slot Token Data({{$tableDataCount['SlotToken']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_slot_token"
                                           wire:model.defer="data_sheet_slot_token"/>
                                    @error('data_sheet_slot_token') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/slot_tokens.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('7')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('7')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">8. Upload Patient Information Data({{$tableDataCount['PatientInformation']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_patient_info"
                                           wire:model.defer="data_sheet_patient_info"/>
                                    @error('data_sheet_patient_info') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/patient_information.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('8')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('8')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">9. Upload Patient Appointment Data({{$tableDataCount['PatientDetail']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_patient_details"
                                           wire:model.defer="data_sheet_patient_details"/>
                                    @error('data_sheet_patient_details') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/patient_details.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('9')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('9')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">10. Upload Doctor Service Data({{$tableDataCount['DoctorService']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_doctor_services"
                                           wire:model.defer="data_sheet_doctor_services"/>
                                    @error('data_sheet_doctor_services') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/doctor_services.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('10')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('10')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">11. Upload Doctor Test Data({{$tableDataCount['DoctorTest']}})</span>
                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_doctor_test"
                                           wire:model.defer="data_sheet_doctor_test"/>
                                    @error('data_sheet_doctor_test') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/doctor_tests.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('11')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('11')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">12. Upload Diagnoses Data({{$tableDataCount['Diagnosis']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_diagnosis"
                                           wire:model.defer="data_sheet_diagnosis"/>
                                    @error('data_sheet_diagnosis') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/diagnoses.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('12')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('12')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">13. Upload Billing Info Data({{$tableDataCount['BillingInfo']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_billing_info"
                                           wire:model.defer="data_sheet_billing_info"/>
                                    @error('data_sheet_billing_info') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/billing_infos.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('13')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('13')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-8 fv-row mb-5">
                                    <label class="fs-8 fw-bold form-label mb-2">
                                        <span class="required">14. Upload Patient Billing Cart Data({{$tableDataCount['PatientBillingCart']}})</span>

                                    </label>
                                    <input class="form-control border-1 border-dark custominput"
                                           style="height: 35px; font-size: 12px;" type="file"
                                           accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,text/comma-separated-values, text/csv, application/csv"
                                           placeholder="Enter Data Sheet" name="data_sheet_patient_billing_cart"
                                           wire:model.defer="data_sheet_patient_billing_cart"/>
                                    @error('data_sheet_patient_billing_cart') <span
                                        class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 mb-5">
                                    <div class="row">
                                        <div class="col-md-4 pt-8">
                                            <a href="{{asset('data/data_template/patient_billing_carts.csv')}}"
                                               target="_blank" class="btn btn-warning btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label fs-8">Download</span>
                                            </a>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button" onclick="submitImport('14')"
                                                    class="btn btn-info btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Upload</span>
                                            </button>
                                        </div>
                                        <div class="col-md-4 pt-8">
                                            <button type="button"  onclick="truncateTable('14')"
                                                    class="btn btn-danger btn-sm px-2" style="width: 100%;">
                                                <span class="indicator-label">Truncate</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        @else
                            <div class="row"><span class="d-flex justify-content-center fw-bolder fs-5 text-danger">Select Clinic First</span>
                            </div>
                        @endif
                    </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-->
                                <h2 class="fw-bolder">Upload Data</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="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-->


                                    <!--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="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>
                                    </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="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 Area 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);
            }
        });

        function submitImport(val) {
            Swal.fire({
                text: "Confirm Upload ?",
                icon: "question",
                showCancelButton: true,
                showLoaderOnConfirm: true,
                buttonsStyling: false,
                confirmButtonText: "Yes, I want!",
                cancelButtonText: "No, return",
                allowOutsideClick: () => !Swal.isLoading(),
                customClass: {
                    confirmButton: "btn btn-info",
                    cancelButton: "btn btn-active-light"
                },
                preConfirm: () => {
                    Swal.update({
                        showConfirmButton: false,
                        showCancelButton: false,
                        html: '<div class="text-center"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><br>Importing...</div>'
                    });
                    return new Promise((resolve) => {
                        Livewire.emit('submitImport', val);
                    });
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    // Action is already triggered via Livewire, no further action needed here.
                } else if (result.dismiss === Swal.DismissReason.cancel) {
                    Livewire.emit('candelaction');
                }
            });
        }

        function truncateTable(val) {
            Swal.fire({
                text: "Are you sure you would like truncate this table?",
                icon: "question",
                showCancelButton: true,
                showLoaderOnConfirm: true,
                buttonsStyling: false,
                confirmButtonText: "Yes, I want!",
                cancelButtonText: "No, return",
                allowOutsideClick: () => !Swal.isLoading(),
                customClass: {
                    confirmButton: "btn btn-danger",
                    cancelButton: "btn btn-active-light"
                },
                preConfirm: () => {
                    Swal.update({
                        showConfirmButton: false,
                        showCancelButton: false,
                        html: '<div class="text-center"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><br>Truncating...</div>'
                    });
                    return new Promise((resolve) => {
                        Livewire.emit('truncateTable', val)
                    });
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    // Action is already triggered via Livewire, no further action needed here.
                } else if (result.dismiss === Swal.DismissReason.cancel) {
                    Livewire.emit('candelaction');
                }
            });
        }


    </script>
@endsection