CasperSecurity
<div class="container-fluid" wire:ignore.self>
<div class="row">
<div class="w-full">
<ul class="nav flex flex-wrap items-end border-b border-b-color mx-[-30px] px-[30px] style-1 mb-6" id="pills-tab" role="tablist">
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='holidaytype') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('holidaytype')" >Holiday Type</a>
</li>
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='holidayinformation') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('holidayinformation')" >Holiday Information</a>
</li>
{{-- <li class="inline-block" role="presentation">--}}
{{-- <a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='leavetypes') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('leavetypes')" >Leave Types</a>--}}
{{-- </li>--}}
{{-- <li class="inline-block" role="presentation">--}}
{{-- <a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='leaverule') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('leaverule')" >Leave Rule</a>--}}
{{-- </li>--}}
{{-- <li class="inline-block" role="presentation">--}}
{{-- <a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='attendancetype') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('attendancetype')" >Attendance Type</a>--}}
{{-- </li>--}}
{{-- <li class="inline-block" role="presentation">--}}
{{-- <a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='attendancerule') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('attendancerule')">Attendance Rule</a>--}}
{{-- </li>--}}
{{-- <li class="inline-block" role="presentation">--}}
{{-- <a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='otrule') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('otrule')">OT Rule</a>--}}
{{-- </li>--}}
{{-- <li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='designation') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('designation')" >Payroll Item Type</a>
</li> --}}
<li class="inline-block" role="presentation">
<a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='payrollitems') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('payrollitems')" >Payroll Item Info</a>
</li>
{{-- <li class="inline-block" role="presentation">--}}
{{-- <a href="javascript:void(0);" class="nav-link px-[25px] ml-[-1px] border border-b-color mb-[-1px] @if($activeTab=='salarygroup') py-[15px] block border-b-0 rounded-ss-md bg-chat dark:bg-[#1E1E1E] sm:text-sm text-xs dark:text-white active @else py-[10px] block bg-white text-primary dark:text-white dark:bg-[#242424] sm:text-sm text-[13px] duration-500 hover:text-link-hover @endif" wire:click="switchTab('salarygroup')" >Salary Group</a>--}}
{{-- </li>--}}
</ul>
<div class="container-fluid">
@if($activeTab=='holidaytype')
@livewire('hrms.holidays-livewire')
@elseif($activeTab=='holidayinformation')
@livewire('hrms.holiday-info-livewire')
@elseif($activeTab=='leavetypes')
@livewire('hrms.leave-types-livewire')
@elseif($activeTab=='leaverule')
@livewire('hrms.leave-rule-livewire')
@elseif($activeTab=='attendancetype')
@livewire('hrms.attendance-type-livewire')
@elseif($activeTab=='attendancerule')
@livewire('hrms.attendance-rule-livewire')
@elseif($activeTab=='otrule')
@livewire('hrms.otrule-livewire')
{{-- @elseif($activeTab=='designation')
@livewire('settings.designation-livewire') --}}
@elseif($activeTab=='payrollitems')
@livewire('hrms.payroll-items-livewire')
@elseif($activeTab=='salarygroup')
@endif
</div>
</div>
</div>
</div>