CasperSecurity
<div class="row">
<div class="card z-auto p-[25px]" style="min-height: 690px;">
<div class="card-header">
<div class="flex justify-between items-center mb-2">
<h1 class="heading text-[1.8rem] font-medium uppercase">Leave Information</h1>
<div class="flex items-center">
<a class="btn btn-primary duration-500 hover:bg-hover-primary py-[5px] px-3 text-[13px] rounded text-white bg-primary leading-[18px] inline-block border border-primary ml-2 offcanvas-toggle cursor-pointer" wire:click="showmodalclick">+ Add Leave Information</a>
</div>
</div>
</div>
<div class="card-body">
<div class="p-[1.563rem]">
<div class="flex justify-between">
<div class="w-1/4 px-0 py-2">
<input wire:model="search" type="text" class="form-control relative text-[13px] text-dark h-[2.813rem] border border-dark block rounded-md py-1.5 px-3 duration-500 dark:hover:border-b-color outline-none w-full" id="search" placeholder="Search ..." autocomplete="off" />
</div>
<div class="w-1/3 px-1">
<div class="row flex justify-between">
<div class="w-1/3 px-2 py-2 justify-end">
<select name="orderBy" wire:model="orderBy" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-dark text-dark h-[2.813rem] leading-[1.813rem]">
<option value="id">ID</option>
<option value="leave_info">Leave Information</option>
</select>
</div>
<div class="w-1/3 px-2 py-2 justify-end">
<select name="orderAsc" wire:model="orderAsc" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-dark text-dark h-[2.813rem] leading-[1.813rem]">
<option value="1">Ascending</option>
<option value="0">Decending</option>
</select>
</div>
<div class="w-1/3 px-2 py-2 justify-end">
<select name="perPage" wire:model="perPage" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-dark text-dark h-[2.813rem] leading-[1.813rem]">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="500">500</option>
</select>
</div>
</div>
</div>
</div>
<div class="overflow-x-auto table-scroll">
<table id="dept_datatable" class="display table w-full" >
<thead>
<tr class="bg-transparent">
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Action</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Status</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Leave Type</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Credit Period</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Credit No Of Days</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Credit No Of Hours</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Carry Forward Date</th>
<th class="text-black py-2 px-[0.9375rem] border-2 border-solid border-[#E6E6E6] dark:border-[#444444] capitalize whitespace-nowrap text-xs font-medium text-center">Employee Type</th>
</tr>
</thead>
<tbody>
@if(sizeof($datatable)>0)
@foreach($datatable as $data)
<tr class="bg-transparent">
<td class="bg-transparent border-2 border-solid border-[#E6E6E6] dark:border-[#444444] py-2 px-[0.9375rem] capitalize whitespace-nowrap text-[15px] font-normal text-center">
<div class="flex justify-center">
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-primary hover:bg-hover-primary duration-300 mr-1 offcanvas-toggle" wire:click="updateclick({{$data->id}})"><i class="fas fa-pencil-alt text-[0.875em]"></i></a>
<a href="javascript:void(0);" class="btn w-[1.625rem] h-[1.625rem] leading-[1.625rem] rounded-md text-center text-white bg-danger hover:bg-danger-hover duration-300" wire:click="deleteclick({{$data->id}})"><i class="fa fa-trash text-[0.875em]"></i></a>
</div>
</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">
@if($data->status == '1')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-success bg-success-light">Active</span>
@else
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-d-light-2">Inactive</span>
@endif
</td>
@if (!$data->getLeaveType)
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">
Parent data deleted
</td>
@else
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">
{{ $data->getLeaveType->leave_type }}({{ $data->getLeaveType->leave_type_short_name }})
</td>
@endif
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">
@if($data->credit_period == '1')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-success bg-success-light">Monthly</span>
@elseif($data->credit_period == '3')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-d-light-2">Quarterly</span>
@elseif($data->credit_period == '6')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-d-light-2">Half-Yearly</span>
@elseif($data->credit_period == '12')
<span class="text-xs py-[5px] px-3 rounded font-medium leading-[1.5] text-dark bg-d-light-2">Yearly</span>
@endif
</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">{{$data->credit_no_days}}</td>
{{--
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">{{$data->credit_no_hours}}</td>
--}}
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">{{ $data->credit_no_days }}</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">{{ $data->credit_no_hours }}</td>
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">
@if ($data->carry_forward_date)
{{ \Carbon\Carbon::parse($data->carry_forward_date)->format('d-M-Y') }}
@else
NA
@endif
</td>
@if ($data->getEmployeeType)
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">{{ $data->getEmployeeType->type_of_employee }}</td>
@else
<td class="text-black border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap text-xs font-normal text-center">NA</td>
@endif
</tr>
@endforeach
@else
<tr class="bg-transparent">
<td colspan="10" class="text-danger border-2 border-solid border-[#E6E6E6] dark:border-[#444444] bg-transparent xl:py-2 py-2 xl:px-[0.9375rem] px-[0.9375rem] capitalize whitespace-nowrap xl:text-[15px] text-[15px] font-bold text-center">No Data Available</td>
</tr>
@endif
</tbody>
</table>
</div>
<div class="w-full" wire:ignore.self>
{{-- {{$datatable->links('livewire.pagination-livewire')}}--}}
</div>
</div>
</div>
@if(!$showmodal)
<div wire:ignore.self>
<x-notify::notify />
</div>
@endif
</div>
<div wire:ignore.self>
<div class="fixed top-0 right-0 flex flex-col xl:w-1/2 md:w-1/2 w-1/2 h-[100vh] z-[1045] bg-white dark:bg-[#1E1E1E] text-body-color duration-500 ease-in-out offcanvas @if($showmodal) @else is-closed @endif" id="offcanvasExample">
<div class="ml-4 flex items-center justify-between p-4">
@if($modelid)
<h5 class="modal-title" id="#gridSystemModal">Update Leave Info</h5>
@else
<h5 class="modal-title" id="#gridSystemModal">Add New Leave Info</h5>
@endif
<button type="button" class="offcanvas-close h-6 w-6 box-content bg-danger-light rounded-md text-lg mr-4 p-2 opacity-50 hover:opacity-100 text-red" wire:click="closemodalclick">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="p-4 overflow-y-auto overflow-x-hidden dz-scroll">
<div class="container-fluid px-[15px] py-0">
<div>
<div class="row">
@if($modelid)
<div class="flex justify-end mt-3 items-center">
<div class="xl:w-full mb-4 flex justify-between">
<label for="exampleFormControlInputfirst"
class="form-label mt-4">Status</label>
<div class="row">
<div class="flex justify-end w-full px-2 py-2">
<select name="orderAsc" wire:model="status"
class="form-control relative text-[13px] text-body-color h-[2.813rem] border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="1">Active</option>
<option value="0">Inactive</option>
</select>
</div>
</div>
</div>
</div>
@endif
<div class="xl:w-1/2 mb-4">
<label class="form-label">Leave Type<span class="text-danger">*</span></label>
<select name="leave_type_id" wire:model.defer="leave_type_id"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select</option>
@foreach($leavetypes as $leavetype)
<option value="{{$leavetype->id}}">{{$leavetype->leave_type}}</option>
@endforeach
</select>
@error('leave_type_id') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/2 mb-4 @if ($leave_type_id!=null) @else hidden @endif">
<label for="exampleFormControlInputfirst" class="form-label">Maximum days leave can apply in a row ?<span class="text-danger">*</span></label>
<input type="number" name="leave_max_days_apply" min="0" wire:model.defer="leave_max_days_apply" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" placeholder="Enter Leave Days">
@error('leave_max_days_apply') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
{{-- ------------------------- --}}
<div class="xl:w-full border mb-2 p-2">
<div class="row">
<div>
<h4>Leave Credit Inforamation</h4>
<hr>
</div>
<div class="xl:w-1/2 flex" >
<div classs=" mb-2">
<label for="exampleFormControlInputfirst" class="form-label">Is Attendance Dependent Or Not ?<span class="text-danger">*</span></label>
</div>
<div class="flex mx-1">
<div>
<input type="radio" id="select" name="location_type" value="1" wire:model.debounce.0s="attendance_dependent" class="mr-2" checked >
<label for="select" class="mr-4">Yes</label>
</div>
<div>
<input type="radio" id="complete" name="" value="0" wire:model.debounce.0s="attendance_dependent" class="mr-2" >
<label for="complete" class="mr-4">No</label>
</div>
</div>
</div>
@if($attendance_dependent ==1)
<div class="xl:w-1/2 mb-2">
<label for="exampleFormControlInputfirst" class="form-label">Maximum days leave can apply in a row ?<span class="text-danger">*</span></label>
<input type="number" name="attendance_days" min="0" wire:model.defer="attendance_days" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" placeholder="Enter Leave Days">
@error('attendance_days') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
@else
<div class="xl:w-1/2 mb-2">
</div>
@endif
<div class="xl:w-1/2 mb-4">
<label class="form-label">Credit Period<span class="text-danger">*</span></label>
<select name="credit_period" wire:model.defer="credit_period"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select </option>
<option value="1">Monthly </option>
<option value="3">Quarterly </option>
<option value="6">Half Yearly </option>
<option value="12">Yearly </option>
</select>
@error('credit_period') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/2 mb-1/2">
<label for="exampleFormControlInputfirst" class="form-label">Credit Days<span class="text-danger">*</span></label>
<input type="number" name="credit_no_days" min="0" wire:model.defer="credit_no_days" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" id="exampleFormControlInputfirst" placeholder="Enter Leave Days">
@error('credit_no_days') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-full mb-1/2">
<p class="text-center">OR</p>
</div>
<div class="xl:w-1/2 mb-1/2">
<label for="exampleFormControlInputfirst" class="form-label">Leave Credit Balance After Month(s) - One Time<span class="text-danger">*</span></label>
<input type="number" name="completion_month" min="0" wire:model.defer="completion_month" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" id="exampleFormControlInputfirst" placeholder="Enter Leave Days">
@error('completion_month') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
<div class="xl:w-full border mb-2">
{{-- <div class="row"> --}}
<div>
<h4>Carry Foreward Information </h4>
<hr>
</div>
<div class="xl:w-full flex" >
<div class="xl:full flex" >
<div classs=" mb-2">
<label for="exampleFormControlInputfirst" class="form-label">Is Carry Forward Or Not ?<span class="text-danger">*</span></label>
<input type="checkbox" class="form-check-input mx-2" id="customCheckBox1"
required="" wire:model="carry_forwarded">
</div>
{{-- <div class="flex mx-1">
<div>
<input type="radio" name="location_type" value="1" wire:model.debounce.0s="carry_forwarded" class="mr-2" checked >
<label for="select" class="mr-4">Yes</label>
</div>
<div>
<input type="radio" name="" value="0" wire:model.debounce.0s="carry_forwarded" class="mr-2" >
<label for="complete" class="mr-4">No</label>
</div>
</div> --}}
</div>
</div>
@if($carry_forwarded==true)
<div class="flex">
<div class="xl:w-1/2 mb-2">
<label for="exampleFormControlInputfirst" class="form-label">Carry Foreward Max Days<span class="text-danger">*</span></label>
<input type="number" name="max_days" min="0" wire:model.defer="max_days" class="form-select w-full rounded-md style-1 py-1.5 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" id="exampleFormControlInputfirst" placeholder="Enter Leave Days">
@error('max_days') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
{{-- @else
@endif --}}
{{-- @if($carry_forwarded==true) --}}
<div class="xl:w-1/2 mb-2">
<label for="exampleFormControlInputfirst" class="form-label">Carry Foreward Date<span class="text-danger">*</span></label>
<input type="date" name="carry_forward_date" min="0" wire:model.defer="carry_forward_date" class="form-select w-full rounded-md style-1 py-1.5 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" id="exampleFormControlInputfirst" placeholder="Enter Leave Days">
@error('carry_forward_date') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
@else
<div>
</div>
@endif
<div class="xl:w-full flex justify-between mb-2" >
<div classs="flex mb-2 w-1/2 justify-between">
<label for="exampleFormControlInputfirst" class="form-label">Will be Lapsed Or Not ?<span class="text-danger">*</span></label>
<input type="checkbox" class="form-check-input mx-2" id="customCheckBox1"
required="" wire:model="after_carry_forward_lapsed">
</div>
<div classs="flex mb-2 w-1/2">
<label for="exampleFormControlInputfirst" class="form-label">Will be Encash Or Not ?<span class="text-danger">*</span></label>
<input type="checkbox" class="form-check-input mx-2" id="customCheckBox1"
required="" wire:model="after_carry_forward_encash">
</div>
</div>
</div>
<div class="xl:w-full border mb-2">
<div>
<h4>Additional Informations</h4>
<hr>
</div>
<div class="xl:w-full justify-between flex" >
<div classs=" w-1/2 mb-1/2">
<label for="exampleFormControlInputfirst" class="form-label">Is Any Certificate Required Or Not ?<span class="text-danger">*</span></label>
<input type="checkbox" class="form-check-input mx-2" id="customCheckBox1"
required="" wire:model="certificate_required">
</div>
{{-- <div>
<label
for="autoSaver"
class="autoSaverSwitch relative inline-flex cursor-pointer select-none items-center"
>
<input type="checkbox" name="certificate_required"
wire:model.debounce.0ms="certificate_required" id="certificate_required" class="sr-only"/>
<span
class="slider mr-3 flex h-[26px] w-[50px] items-center rounded-full bg-[#CCCCCE] dark:bg-dark-2 p-1 duration-200"
>
<span
class="dot h-[18px] w-[18px] rounded-full bg-white duration-200"
></span>
</span>
<span
class="label flex items-center text-sm font-medium text-dark dark:text-white"
>
<span class="on hidden pl-1"> Yes </span>
<span class="off pl-1"> No </span>
</span>
</label>
</div> --}}
<div class="xl:w-1/2 mb-1/2 @if($certificate_required) @else hidden @endif">
<label for="exampleFormControlInputfirst" class="form-label">Certificate Require After Days?<span class="text-danger">*</span></label>
<input type="number" name="certificate_required_days" min="0" wire:model.defer="certificate_required_days" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" id="exampleFormControlInputfirst" placeholder="Enter Leave Days">
@error('certificate_required_days') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
<div class="xl:w-full justify-between flex" >
<div class="xl:w-1/2 mb-4">
<label class="form-label">Avail For Employee Type<span class="text-danger">*</span></label>
<select name="leave_employee_type_id" wire:model.defer="leave_employee_type_id"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select </option>
@foreach ($employeetypes as $employeetype)
<option value="{{ $employeetype->id }}">
{{ $employeetype->type_of_employee }}</option>
@endforeach
</select>
@error('leave_employee_type_id') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
<div class="xl:w-1/2 mb-4">
<label class="form-label">Avail For Employee Gender<span class="text-danger">*</span></label>
<select name="leave_employee_gender" wire:model.defer="leave_employee_gender"
class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full">
<option value="">Select </option>
<option value="1">Male </option>
<option value="2">Female </option>
<option value="3">Others </option>
</select>
@error('leave_employee_gender') <span class="error text-danger">{{ $message }}</span> @enderror
</div>
</div>
<div class="xl:w-full justify-between flex">
<div class="xl:w-1/2 flex" >
<div classs=" mb-1/2">
<label for="exampleFormControlInputfirst" class="form-label">Is Half Day Applicable Or Not ?<span class="text-danger">*</span></label>
<input type="checkbox" class="form-check-input mx-2" id="customCheckBox1"
required="" wire:model="half_day">
</div>
</div>
<div class="xl:w-1/2 flex" >
<div classs=" mb-1/2">
<label for="exampleFormControlInputfirst" class="form-label">Is Advance Leave Applicable Or Not ?<span class="text-danger">*</span></label>
<input type="checkbox" class="form-check-input mx-2" id="customCheckBox1"
required="" wire:model="advance_leave">
</div>
</div>
</div>
<div class="xl:w-full justify-between flex mb-2">
<div class="xl:w-1/2 flex" >
<div classs=" mb-1/2">
<label for="exampleFormControlInputfirst" class="form-label">Is Encashment resign applicable Or Not ?<span class="text-danger">*</span></label>
<input type="checkbox" class="form-check-input mx-2" id="customCheckBox1"
required="" wire:model="encashment_resign"></div>
</div>
<div class="xl:w-1/2 mb-1/2 @if($encashment_resign) @else hidden @endif">
<label for="exampleFormControlInputfirst" class="form-label">Encashment Rate (%) Per Basic Pay<span class="text-danger">*</span></label>
<input type="number" name="encashment_amt" min="0" wire:model.defer="encashment_amt" class="form-select w-full rounded-md style-1 py-1.5 px-3 bg-transparent text-[13px] font-normal outline-none relative focus:ring-0 border border-b-color block rounded-md py-1.5 px-3 duration-500 focus:border-primary dark:hover:border-b-color outline-none w-full" id="exampleFormControlInputfirst" placeholder="Enter Leave Days">
@error('encashment_amt') <span class="w-full mt-1 text-xs text-danger">{{ $message }}</span> @enderror
</div>
</div>
</div>
</div>
<div class="flex justify-center">
<button class="btn xl:py-[0.719rem] mr-4 py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-danger bg-danger-light leading-5 inline-block border border-danger-light btn-danger light hover:text-white hover:bg-danger offcanvas-close" wire:click="closemodalclick">Cancel</button>
@if($modelid)
<button class="btn btn-primary xl:py-[0.719rem] py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-white bg-primary leading-5 inline-block border border-primary hover:bg-hover-primary" wire:click="update">Update</button>
@else
<button class="btn btn-primary xl:py-[0.719rem] py-2.5 xl:px-[1.563rem] px-4 duration-300 xl:text-[15px] text-[13px] font-medium rounded text-white bg-primary leading-5 inline-block border border-primary hover:bg-hover-primary" wire:click="save">Submit</button>
@endif
</div>
</div>
</div>
</div>
@if($showmodal)
<x-notify::notify />
@endif
</div>
</div>
</div>
@section('externaljs')
@endsection