@extends('fronted.layout.main')
 @section('adcontent')

 <style>
     .form-check-input:checked {
         background-color: orange;
         border-color: orange;
     }

     .form-check-input:focus {
         box-shadow: none;
     }

     .form-check-input:checked::before {
         background-color: white;
     }

     .form-control.custome-width-input {
         width: 50px;
     }
     .error-show{
        font-size: 0.8rem;
        color: red;
     }
 </style>
 @php
 $accessPermission = session('permissions');
 @endphp
 <div class="cantainer-fluid">
     <div class="container">
         <div class="d-flex justify-content-center align-items-center mb-1">
             <button type="button" class="btn btn-success text-uppercase" id="permisssionBtn">Permission Master</button>
         </div>
         <form id="permissionsForm" action="{{route('auto.permission.store')}}" method="POST">
             @csrf
             @if(isset($accessPermission['permission master']['permission setting']['auto sale billing']))
             <div class="d-flex justify-content-between align-items-center bg-white p-1 mb-1">
                 <div class="permission-text">
                     <h6 class="mb-0">Rent Sale Auto Billing</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" type="checkbox" name="permissions[rentSaleAutoBilling]" {{ isset($permissions['rentSaleAutoBilling']) && $permissions['rentSaleAutoBilling'] ? 'checked' : '' }} id="rentSaleAutoBilling">
                     </div>
                 </div>
             </div>
             <div class="row mb-1" id="autoBillSetupDiv">
                 <div class="col-lg-6">
                     <div class="subPerAutoRentSaleBilling p-1 d-flex justify-content-between align-items-center bg-white">
                         <div class="permission-text">
                             <h6 class="mb-0">Auto billing on 1<sup>st</sup> of Month</h6>
                         </div>
                         <div class="permission-btn">
                             <div class="form-check form-switch">
                                 <input class="form-check-input" type="checkbox" {{ isset($permissions['autoRentSaleBilling']) && $permissions['autoRentSaleBilling'] ? 'checked' : '' }} name="permissions[autoRentSaleBilling]" id="autoRentSaleBilling">
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="col-lg-6">
                     <div class="subPerAutoRentSaleBilling p-1 d-flex justify-content-between align-items-center bg-white">
                         <div class="permission-text">
                             <h6 class="mb-0">Auto billing on check-in date of month</h6>
                         </div>
                         <div class="permission-btn">
                             <div class="form-check form-switch">
                                 <input class="form-check-input" type="checkbox" name="permissions[autoRentSaleBillingCheckIn]" {{ isset($permissions['autoRentSaleBillingCheckIn']) && $permissions['autoRentSaleBillingCheckIn'] ? 'checked' : '' }} id="autoRentSaleBillingCheckIn">
                             </div>
                         </div>
                     </div>
                     <div class="item-selecte-div my-1" id="autoRentSaleBillingCheckInSelect">
                         <div class="input-group">
                             <label for="selecteItems" class="input-group-text">Select Item</label>
                             <select class="form-select" id="autoFillItemSelect" name="permissions[autoRentSaleBillingCheckInItems][]" type="select" name="selectitems" multiple>
                                 <option value="0">Room Rent</option>
                                 @foreach($items as $item)
                                 <option value="{{$item->id}}">{{$item->itemname}}</option>
                                 @endforeach
                             </select>
                         </div>
                     </div>
                 </div>
             </div>
             @endif
             @if(isset($accessPermission['permission master']['permission setting']['payment reminder']))
             <div class="d-flex justify-content-between align-items-center p-1 my-1 bg-white">
                 <div class="permission-text">
                     <h6 class="mb-0">Automated payment pre reminders (set pre day for reminder)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" type="checkbox" name="permissions[autoPaymentPreReminder]" {{ isset($permissions['autoPaymentPreReminder']) && $permissions['autoPaymentPreReminder'] ? 'checked' : '' }} id="autoPaymentPreReminder">
                     </div>
                 </div>
             </div>
             @endif
             @if(isset($accessPermission['permission master']['permission setting']['due reminder']))
             <div class="d-flex justify-content-between align-content-center my-1 bg-white p-1">
                 <div class="permission-text">
                     <h6 class="mb-0">Automated due payment reminder (set delay days for reminder)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" type="checkbox" name="permissions[autoPaymentDueReminder]" {{ isset($permissions['autoPaymentDueReminder']) && $permissions['autoPaymentDueReminder'] ? 'checked' : '' }} id="autoPaymentDueReminder">
                     </div>
                 </div>
             </div>
             <div class="d-flex justify-content-end flex-column align-items-end" id="autoPaymentDueSection">
                 <div class="penalty-section d-flex justify-content-between gap-5 align-items-center bg-white p-1 my-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Any penalty imposed for delay in rent</h6>
                     </div>
                     <div class="form-check form-switch">
                         <input class="form-check-input" name="permissions[penaltyChecked]" {{ isset($permissions['penaltyChecked']) && $permissions['penaltyChecked'] ? 'checked' : '' }} type="checkbox" id="penaltyChecked">
                     </div>
                 </div>
                 <div id="penaltySelectDiv" style="width:42rem">
                     <div class="input-group">
                         <label for="penaltySelect" class="input-group-text">Select Item</label>
                         <select class="form-select" id="penaltySelect" type="select" name="permissions[penaltyItems][]" multiple>
                             @foreach($items as $item)
                             <option value="{{$item->id}}">{{$item->itemname}}</option>
                             @endforeach
                         </select>
                     </div>
                 </div>
             </div>
             @endif

             @if(isset($accessPermission['permission master']['permission setting']['electricty auto billing']))
             <div class="d-flex justify-content-between align-items-center my-1 p-1 bg-white">
                 <div class="permission-text">
                     <h6 class="mb-0">Electricity auto billing (bill auto genrated for every month on each reading entry)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" type="checkbox" name="permissions[autoElectricityBilling]" {{ isset($permissions['autoElectricityBilling']) && $permissions['autoElectricityBilling'] ? 'checked' : '' }} id="autoElectricityBilling">
                     </div>
                 </div>
             </div>
             @endif
             @if(isset($accessPermission['permission master']['permission setting']['whatsapp update (tenant)']))
             <div class="d-flex justify-content-between align-items-center my-1 p-1 bg-white">
                 <div class="permission-text">
                     <h6 class="mb-0">Automated updated on whatsapp(tenant received updated on whatsapp for activities)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" type="checkbox" name="permissions[autoWhatsappUpdate]" {{ isset($permissions['autoWhatsappUpdate']) && $permissions['autoWhatsappUpdate'] ? 'checked' : '' }} id="autoWhatsappUpdate">
                     </div>
                 </div>
             </div>
             <div class="d-flex justify-content-end align-items-end gap-1 flex-column" id="autoWhatsAppMessageSettings">
                 <div class="d-flex justify-content-between align-items-center bg-white p-1 gap-5">
                     <div class="permission-text">
                         <h6 class="mb-0">Automated lead reminder (visitors or enquiry persion received greeting message)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[autoLeadUpdate]" {{ isset($permissions['autoLeadUpdate']) && $permissions['autoLeadUpdate'] ? 'checked' : '' }} id="autoleadUpdate">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">On bording tenant reminder (Welcome message will be shared to new student)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[onboardingTenantReminder]" {{ isset($permissions['onboardingTenantReminder']) && $permissions['onboardingTenantReminder'] ? 'checked' : '' }} id="onBordingTenantReminder">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">On leaving tenant reminder (Leave wishes message will be shared to student)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[onLeavingTenantReminder]" {{ isset($permissions['onLeavingTenantReminder']) && $permissions['onLeavingTenantReminder'] ? 'checked' : '' }} id="onLeavingTenantReminder">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Billing, payment & dues reminder (tenant receive update on)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[tenantReceiveUpdateOn]" {{ isset($permissions['tenantReceiveUpdateOn']) && $permissions['tenantReceiveUpdateOn'] ? 'checked' : '' }} id="tenantReceiveUpdateOn">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Offers and updated (tenant receive offers and activities)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[tenantReceiveOffers]" {{ isset($permissions['tenantReceiveOffers']) && $permissions['tenantReceiveOffers'] ? 'checked' : '' }} id="tenantReceiveOffers">
                         </div>
                     </div>
                 </div>
             </div>
             @endif

             @if(isset($accessPermission['permission master']['permission setting']['whatsapp update (business)']))
             <div class="d-flex justify-content-between align-items-center bg-white p-1 my-1">
                 <div class="permission-text">
                     <h6 class="mb-0">Automated updated on whatsapp(you and your staff received updated on whatsapp for activities)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" name="permissions[automatedUpdateOnWhatsappForAdmin]" type="checkbox" id="automatedUpdateOnWhatsappForAdmin" {{ isset($permissions['automatedUpdateOnWhatsappForAdmin']) && $permissions['automatedUpdateOnWhatsappForAdmin'] ? 'checked' : '' }}>
                     </div>
                 </div>
             </div>
             <div class="d-flex justify-content-end align-items-end gap-1 flex-column" id="automatedUpdateOnWhatsappForAdminSettings">
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Complaint and notice (receive tenant activities on whatsapp)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[complaintAndNoticesOnwhatsapp]" {{ isset($permissions['complaintAndNoticesOnwhatsapp']) && $permissions['complaintAndNoticesOnwhatsapp'] ? 'checked' : '' }} id="complaintAndNoticesOnwhatsapp">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Dues defaulter reminder (receive alert on whatsapp)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" name="permissions[duesDefaultReminder]" type="checkbox" id="duesDefaultReminder" {{ isset($permissions['duesDefaultReminder']) && $permissions['duesDefaultReminder'] ? 'checked' : '' }}>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Lead Update Reminder (receive message for lead activities)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" name="permissions[leadUpdateReminderOnWhatsApp]" type="checkbox" id="leadUpdateReminderOnWhatsApp" {{ isset($permissions['leadUpdateReminderOnWhatsApp']) && $permissions['leadUpdateReminderOnWhatsApp'] ? 'checked' : '' }}>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Direct payments reminder(admin received update for cash $ direct payment reminder)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[directPaymentReminder]" id="directPaymentReminder" {{ isset($permissions['directPaymentReminder']) && $permissions['directPaymentReminder'] ? 'checked' : '' }}>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Settlement update (received update on message for app payment settelment)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="form-check form-switch">
                             <input class="form-check-input" type="checkbox" name="permissions[SettlementUpdate]" id="SettlementUpdate" {{ isset($permissions['SettlementUpdate']) && $permissions['SettlementUpdate'] ? 'checked' : '' }}>
                         </div>
                     </div>
                 </div>
             </div>
             @endif
             @if(isset($accessPermission['permission master']['permission setting']['timing preference']))
             <div class="d-flex justify-content-between align-items-center bg-white p-1 my-1">
                 <div class="permission-text">
                     <h6 class="mb-0">Set your timing preference(create your timer according to your own policies)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" name="permissions[timingPreferenceOwnPolicies]" type="checkbox" id="timingPreferenceOwn" {{ isset($permissions['timingPreferenceOwnPolicies']) && $permissions['timingPreferenceOwnPolicies'] ? 'checked' : '' }}>
                     </div>
                 </div>
             </div>
             <div class="d-flex justify-content-end align-items-end gap-1 flex-column" id="timingPreferenceOwnSetting">
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Automated Payment pre reminder (set pre days for reminder)</h6>
                     </div>
                     <div class="permission-days">
                         <div class="input-group">
                             <input type="number" class="form-control custome-width-input" name="permissions[automatedPreReminderDays]" id="automatedPreReminderDays" value="{{ isset($permissions['automatedPreReminderDays'])  ? $permissions['automatedPreReminderDays'] : 0 }}" min="0">
                             <span class="input-group-text">Days</span>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Automated due payment reminder (set delays days for reminder)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="input-group">
                             <input type="number" class="form-control custome-width-input" id="automatedDueReminderDays" value="{{ isset($permissions['automatedDueReminderDays'])  ? $permissions['automatedDueReminderDays'] : 0 }}" min="0" name="permissions[automatedDueReminderDays]">
                             <span class="input-group-text">Days</span>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Set days for imposing rent delay penalty</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="input-group">
                             <input type="number" class="form-control custome-width-input" id="rentDelayPenaltyDays" value="{{ isset($permissions['rentDelayPenaltyDays'])  ? $permissions['rentDelayPenaltyDays'] : 0 }}" min="0" name="permissions[rentDelayPenaltyDays]">
                             <span class="input-group-text">Days</span>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Set days after which tenant come in yellow zone defaulter</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="input-group">
                             <input type="number" class="form-control custome-width-input" id="yellowZoneDefaulterDays" value="{{ isset($permissions['yellowZoneDefaulterDays'])  ? $permissions['yellowZoneDefaulterDays'] : 0 }}" min="0" name="permissions[yellowZoneDefaulterDays]">
                             <span class="input-group-text">Days</span>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Set days after which tenant come in orange zone defaulter</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="input-group">
                             <input type="number" class="form-control custome-width-input" id="orangeZoneDefaulterDays" value="{{ isset($permissions['orangeZoneDefaulterDays'])  ? $permissions['orangeZoneDefaulterDays'] : 0 }}" min="0" name="permissions[orangeZoneDefaulterDays]">
                             <span class="input-group-text">Days</span>
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Set days after which tenant come in red zone defaulter</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="input-group">
                             <input type="number" class="form-control custome-width-input" id="redZoneDefaulterDays" value="{{ isset($permissions['redZoneDefaulterDays'])  ? $permissions['redZoneDefaulterDays'] : 0 }}" min="0" name="permissions[redZoneDefaulterDays]">
                             <span class="input-group-text">Days</span>
                         </div>
                     </div>
                 </div>
             </div>
             @endif

             @if(isset($accessPermission['permission master']['permission setting']['GST biliing']))
             <div class="d-flex justify-content-between align-items-center bg-white p-1 my-1">
                 <div class="permission-text">
                     <h6 class="mb-0">GST on rent(add GST on rent automatically on basis of selections)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" type="checkbox" name="permissions[gstOnRentSetting]" {{ isset($permissions['gstOnRentSetting']) && $permissions['gstOnRentSetting'] ? 'checked' : '' }} id="gstOnRentSetting">
                     </div>
                 </div>
             </div>
             <div class="d-flex justify-content-end align-items-end gap-1 flex-column" id="gstOnRentSettingSection">
                 <div class="d-flex justify-content-between align-items-center bg-white p-1" style="width:42rem">
                     <div class="permission-text">
                         <h6 class="mb-0">Select GST Percentage</h6>
                     </div>
                     <div class="permission-days">
                         <div class="input-group">
                             <input type="number" class="form-control custome-width-input" id="gstOnRentPersentage" value="{{ isset($permissions['gstOnRentPersentage'])  ? $permissions['gstOnRentPersentage'] : 0 }}" min="0" name="permissions[gstOnRentPersentage]">
                             <span class="input-group-text">%</span>
                         </div>
                     </div>
                 </div>
             </div>
             @endif

             <div class="d-flex justify-content-between align-items-center my-1 p-1 bg-white">
                 <div class="permission-text">
                     <h6 class="mb-0">Set Your mobile number preference(create your seprate mobile number update)</h6>
                 </div>
                 <div class="permission-btn">
                     <div class="form-check form-switch">
                         <input class="form-check-input main-permission-input" type="checkbox" name="permissions[numberPreference]" {{ isset($permissions['numberPreference']) && $permissions['numberPreference'] ? 'checked' : '' }} id="numberPreferenceInput">
                     </div>
                 </div>
             </div>
             <div class="d-flex justify-content-end align-items-end gap-1 flex-column" id="autoWhatsAppMessageMobilePreferenceSetting">
                 <div class="d-flex justify-content-between align-items-center bg-white p-1 gap-1" style="width:90%">
                     <div class="permission-text">
                         <h6 class="mb-0">Automated lead reminder (visitors or enquiry persion received greeting message)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="d-flex gap-1">
                             <input class="form-control mobile-input-box-first" placeholder="first mobile number" type="number" name="permissions[autoLeadUpdatePreferenceNumberFirst]" value="{{ isset($permissions['autoLeadUpdatePreferenceNumberFirst']) ? $permissions['autoLeadUpdatePreferenceNumberFirst'] : '' }}" id="autoLeadUpdatePreferenceNumberFirst" oninput="validatedMobileNumber(this)" required>
                             <input class="form-control mobile-input-box" placeholder="second mobile number" type="number" name="permissions[autoLeadUpdatePreferenceNumberSecond]" value="{{ isset($permissions['autoLeadUpdatePreferenceNumberSecond']) && $permissions['autoLeadUpdatePreferenceNumberSecond'] !== '0' ? $permissions['autoLeadUpdatePreferenceNumberSecond'] : '' }}" oninput="validatedMobileNumber(this)" id="autoLeadUpdatePreferenceNumberSecond">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1 gap-3" style="width:90%">
                     <div class="permission-text">
                         <h6 class="mb-0">On bording tenant reminder (Welcome message will be shared to new student)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="d-flex gap-1">
                             <input class="form-control mobile-input-box-first" placeholder="first mobile number" type="number" name="permissions[onboardingTenantReminderNumberFirst]" value="{{ isset($permissions['onboardingTenantReminderNumberFirst']) ? $permissions['onboardingTenantReminderNumberFirst'] : '' }}" id="onboardingTenantReminderNumberFirst" oninput="validatedMobileNumber(this)" required>
                             <input class="form-control mobile-input-box" placeholder="second mobile number" type="number" name="permissions[onboardingTenantRemindereNumberSecond]" value="{{ isset($permissions['onboardingTenantRemindereNumberSecond']) &&  $permissions['onboardingTenantRemindereNumberSecond'] !== '0' ? $permissions['onboardingTenantRemindereNumberSecond'] : '' }}" oninput="validatedMobileNumber(this)" id="onboardingTenantRemindereNumberSecond">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1 gap-5" style="width:90%">
                     <div class="permission-text">
                         <h6 class="mb-0">On leaving tenant reminder (Leave wishes message will be shared to student)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="d-flex gap-1">
                             <input class="form-control mobile-input-box-first" placeholder="first mobile number" type="number" name="permissions[onLeavingTenantReminderNumberFirst]" value="{{ isset($permissions['onLeavingTenantReminderNumberFirst']) ?  $permissions['onLeavingTenantReminderNumberFirst'] : '' }}" id="onLeavingTenantReminderNumberFirst" oninput="validatedMobileNumber(this)" required>
                             <input class="form-control mobile-input-box" placeholder="second mobile number" type="number" name="permissions[onLeavingTenantRemindereNumberSecond]" value="{{ isset($permissions['onLeavingTenantRemindereNumberSecond']) && $permissions['onLeavingTenantRemindereNumberSecond'] !== '0' ?  $permissions['onLeavingTenantRemindereNumberSecond'] : '' }}" oninput="validatedMobileNumber(this)" id="onLeavingTenantReminderNumberFirst">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1 gap-5" style="width:90%">
                     <div class="permission-text">
                         <h6 class="mb-0">Billing, payment & dues reminder (tenant receive update on)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="d-flex gap-1">
                             <input class="form-control mobile-input-box-first" placeholder="first mobile number" type="number" name="permissions[tenantReceiveUpdateOnNumberFirst]" value="{{ isset($permissions['tenantReceiveUpdateOnNumberFirst']) ?  $permissions['tenantReceiveUpdateOnNumberFirst'] : '' }}" id="tenantReceiveUpdateOnNumberFirst" oninput="validatedMobileNumber(this)" required>
                             <input class="form-control mobile-input-box" placeholder="second mobile number" type="number" name="permissions[tenantReceiveUpdateOneNumberSecond]" value="{{ isset($permissions['tenantReceiveUpdateOneNumberSecond']) && $permissions['tenantReceiveUpdateOneNumberSecond'] !== '0' ?  $permissions['tenantReceiveUpdateOneNumberSecond'] : '' }}" oninput="validatedMobileNumber(this)" id="tenantReceiveUpdateOnNumberFirst">
                         </div>
                     </div>
                 </div>
                 <div class="d-flex justify-content-between align-items-center bg-white p-1 gap-5" style="width:90%">
                     <div class="permission-text">
                         <h6 class="mb-0">Offers and updated (tenant receive offers and activities)</h6>
                     </div>
                     <div class="permission-btn">
                         <div class="d-flex gap-1">
                             <input class="form-control mobile-input-box-first" placeholder="first mobile number" type="number" name="permissions[tenantReceiveOffersNumberFirst]" value="{{ isset($permissions['tenantReceiveOffersNumberFirst']) ?  $permissions['tenantReceiveOffersNumberFirst'] : '' }}" id="tenantReceiveOffersNumberFirst" oninput="validatedMobileNumber(this)" required>
                             <input class="form-control mobile-input-box" placeholder="second mobile number" type="number" name="permissions[tenantReceiveOfferseNumberSecond]" value="{{ isset($permissions['tenantReceiveOfferseNumberSecond']) && $permissions['tenantReceiveOfferseNumberSecond'] !== '0' ?  $permissions['tenantReceiveOfferseNumberSecond'] : '' }}" oninput="validatedMobileNumber(this)" id="tenantReceiveOffersNumberFirst">
                         </div>
                     </div>
                 </div>
             </div>
            <p class="error-show" style="display: none;">Please select at least one permission</p>
             <button class="btn btn-warning" type="submit" id="permissionSettingBtn">Submit</button>
         </form>
     </div>
 </div>
 <script>
     function validatedMobileNumber(input) {
         var mobileNumber = $(input).val().trim();
         if (mobileNumber.length == 10 && mobileNumber.match(/^[0-9]+$/)) {
             $(input).removeClass("is-invalid");
         } else {
             $(input).addClass("is-invalid");
         }
     }

     $(document).ready(function() {
         let autoFillItemSelect = new SlimSelect({
             select: '#autoFillItemSelect',
             placeholder: 'Select Item'
         });

         // Get the selected items from your controller
         let selectedItems = {!!json_encode($permissions['autoRentSaleBillingCheckInItems'] ?? []) !!};

         // Set the selected options in Slim Select
         setTimeout(function() {
             autoFillItemSelect.set(selectedItems);
         }, 1000);

         let penaltySelect = new SlimSelect({
             select: "#penaltySelect"
         });

         let penaltySelectedItem = {!!json_encode($permissions['penaltyItems'] ?? []) !!};

         // Set the selected options in Slim Select
         setTimeout(function() {
             penaltySelect.set(penaltySelectedItem);
         }, 1000);



         const rentSaleAutoBilling = $("#rentSaleAutoBilling");
         const autoBillSetupDiv = $("#autoBillSetupDiv");
         const autoRentSaleBilling = $("#autoRentSaleBilling");
         const autoRentSaleBillingCheckIn = $("#autoRentSaleBillingCheckIn");
         const autoRentSaleBillingCheckInSelect = $("#autoRentSaleBillingCheckInSelect");
         const autoPaymentDueReminder = $("#autoPaymentDueReminder");
         const autoPaymentDueSection = $("#autoPaymentDueSection");
         const penaltyChecked = $("#penaltyChecked");
         const penaltySelectDiv = $("#penaltySelectDiv");
         const autoWhatsappUpdate = $("#autoWhatsappUpdate");
         const autoWhatsAppMessageSettings = $("#autoWhatsAppMessageSettings");
         const automatedUpdateOnWhatsappForAdmin = $("#automatedUpdateOnWhatsappForAdmin");
         const automatedUpdateOnWhatsappForAdminSettings = $("#automatedUpdateOnWhatsappForAdminSettings");
         const timingPreferenceOwn = $("#timingPreferenceOwn");
         const timingPreferenceOwnSetting = $("#timingPreferenceOwnSetting");
         const gstOnRentSetting = $("#gstOnRentSetting");
         const gstOnRentSettingSection = $("#gstOnRentSettingSection");
         const numberPreferenceInput = $("#numberPreferenceInput");
         const autoWhatsAppMessageMobilePreferenceSetting = $("#autoWhatsAppMessageMobilePreferenceSetting");

         function autoFillHideShow(input) {
             if ($(input).is(":checked")) {
                 autoBillSetupDiv.show();
                 autoRentSaleBillingFunction(autoRentSaleBilling, autoRentSaleBillingCheckIn, autoRentSaleBillingCheckInSelect);
             } else {
                 autoBillSetupDiv.hide();
             }
         }

         function inputHide(input) {
             $(input).hide();
         }

         function inputShow(input) {
             $(input).show();
         }

         function autoRentSaleBillingFunction(mainInput, hideInput, autoRentSaleBillingCheckInSelect) {
             if ($(mainInput).is(":checked")) {
                 hideInput.prop('checked', false);
                 inputShow(autoRentSaleBillingCheckInSelect);
             } else {
                 hideInput.prop('checked', true);
                 inputShow(autoRentSaleBillingCheckInSelect);
             }
         }

         function autoRentSaleBillingCheckInFunction(autoRentSaleBillingInput, autoRentSaleBillingCheckInSelect) {
             if ($(autoRentSaleBillingCheckIn).is(":checked")) {
                 autoRentSaleBillingInput.prop('checked', false);
                 inputShow(autoRentSaleBillingCheckInSelect);
             } else {
                 autoRentSaleBillingInput.prop('checked', true);
                 inputShow(autoRentSaleBillingCheckInSelect);
             }
         }

         function toggleAutoPaymentDueSection() {
             if (autoPaymentDueReminder.is(":checked")) {
                 autoPaymentDueSection.removeClass('d-none').addClass('d-flex');
                 penaltyCheckedFunction();
             } else {
                 autoPaymentDueSection.removeClass('d-flex').addClass('d-none');
             }
         }

         function penaltyCheckedFunction() {
             if (penaltyChecked.is(":checked")) {
                 penaltySelectDiv.show();
             } else {
                 penaltySelectDiv.hide();
             }
         }

         function toggleAutoWhatsAppMessageSetting(checkedInput, section, wantToRequired = null) {
             if (checkedInput.is(":checked")) {
                 section.removeClass('d-none').addClass('d-flex');
                 if (wantToRequired) {
                     $(wantToRequired).attr('required', 'required');
                 }
             } else {
                 section.removeClass('d-flex').addClass('d-none');
                 $(wantToRequired).removeAttr('required');
             }
         }

         autoFillHideShow(rentSaleAutoBilling);
         autoRentSaleBillingCheckInFunction(autoRentSaleBilling, autoRentSaleBillingCheckInSelect);
         toggleAutoPaymentDueSection();
         toggleAutoWhatsAppMessageSetting(autoWhatsappUpdate, autoWhatsAppMessageSettings);
         toggleAutoWhatsAppMessageSetting(automatedUpdateOnWhatsappForAdmin, automatedUpdateOnWhatsappForAdminSettings);
         toggleAutoWhatsAppMessageSetting(timingPreferenceOwn, timingPreferenceOwnSetting);
         toggleAutoWhatsAppMessageSetting(gstOnRentSetting, gstOnRentSettingSection);
         toggleAutoWhatsAppMessageSetting(numberPreferenceInput, autoWhatsAppMessageMobilePreferenceSetting, '.mobile-input-box-first')



         rentSaleAutoBilling.on('click', function() {
             autoFillHideShow(rentSaleAutoBilling);
         });

         autoRentSaleBilling.on('click', function() {
             autoRentSaleBillingFunction(autoRentSaleBilling, autoRentSaleBillingCheckIn, autoRentSaleBillingCheckInSelect);
         });

         autoRentSaleBillingCheckIn.on('click', function() {
             autoRentSaleBillingCheckInFunction(autoRentSaleBilling, autoRentSaleBillingCheckInSelect);
         });

         autoPaymentDueReminder.on('click', function() {
             toggleAutoPaymentDueSection();
         });
         penaltyChecked.on('click', function() {
             penaltyCheckedFunction();
         });
         autoWhatsappUpdate.on('change', function() {
             toggleAutoWhatsAppMessageSetting(autoWhatsappUpdate, autoWhatsAppMessageSettings);
         });

         automatedUpdateOnWhatsappForAdmin.on('change', function() {
             toggleAutoWhatsAppMessageSetting(automatedUpdateOnWhatsappForAdmin, automatedUpdateOnWhatsappForAdminSettings);
         });
         timingPreferenceOwn.on('change', function() {
             toggleAutoWhatsAppMessageSetting(timingPreferenceOwn, timingPreferenceOwnSetting);
         });

         gstOnRentSetting.on('change', function() {
             toggleAutoWhatsAppMessageSetting(gstOnRentSetting, gstOnRentSettingSection);
         });

         numberPreferenceInput.on('change', function() {
             toggleAutoWhatsAppMessageSetting(numberPreferenceInput, autoWhatsAppMessageMobilePreferenceSetting)
         });
     })

     $('#permissionsForm').submit(function(event) {
         let preventSubmission = false;
         let totalCheckMainPermission = 0;

         // Check for invalid inputs
         if ($('.is-invalid').length > 0) {
             preventSubmission = true;
         }

         // Check for at least one main permission
         $('.main-permission-input').each(function() {
             if ($(this).is(':checked')) {
                 totalCheckMainPermission++;
             }
         });

         if (totalCheckMainPermission === 0) {
            $('.error-show').show();
            event.preventDefault(); // Prevent form submission
             return; // Exit early
         }else{
            $('.error-show').hide()
         }

         if (preventSubmission) {
             event.preventDefault(); // Prevent form submission if invalid inputs are present
             return; // Exit early
         }

         // Add hidden inputs for unchecked checkboxes
         $('input[type="checkbox"]').each(function() {
             // Avoid duplicate hidden inputs
             if (!$(this).is(':checked') && !$(this).next('input[type="hidden"]').length) {
                 $(this).after('<input type="hidden" name="' + $(this).attr('name') + '" value="off">');
             }
         });
     });
 </script>
 @endsection