{{View::make('layout.header')}}
@php
    $user_join_year = date('Y',strtotime($userPay->date_commence));
    $cutOffStartMonth = getSettingsValue("cut_of_startmonth");

    if($cutOffStartMonth!=1){
        if($cutOffStartMonth > date('m')){
            $currentYear = date('Y');
        }else{
            $currentYear = date('Y')+1;
        }
    }else{
        $currentYear = date('Y');
    }
@endphp
<style>
.fc-right .fc-state:hover{
     background-color:#fff !important;
    
}
.fc-right .fc-button{
     padding: 0.438rem 0.5rem !important;
     background:#fff !important;
    border-color: #7367f0 !important;
    color: #7367f0;
    height: 100%;
}
.fc-right .fc-state-active {
    background-color: rgba(115, 103, 240, 0.2) !important;
    border-color: #7367f0 !important;
    color: #7367f0;
    z-index: 1 !important;
}
.fc-next-button, .fc-prev-button{
    background: #fff !important;
}
.fc-month-button, .fc-agendaWeek-button{
border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    }
    .fc-agendaWeek-button, .fc-agendaDay-button{
        border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    }
.fc-icon-left-single-arrow:after, .fc-icon-right-single-arrow:after {
    top:-10% !important;
}
.fc-icon-left-single-arrow:after{
    font-size: 135% !important;
    font-weight: inherit !important;
    content: "\e900" !important;
}
.fc-icon-right-single-arrow:after {
    font-size: 135% !important;
    font-weight: inherit !important;
    content: "\e901" !important;
}
.fc-state-default {
    box-shadow: none !important;
}
.fc-content .fc-title{
    color:#fff;
    font-size:11px;
       white-space: break-spaces !important;
}

.fc-right .fc-button-group{
    width: 60% !important;
    float: right !important;
}
@media only screen and (min-width: 768px) {
.fc-left, .fc-right{
    width:50% !important;
}
.app-calendar .fc-popover { left:50% !important;  top : 30% !important;}
}
@media only screen and (max-width: 768px) {
.fc-left, .fc-right{
    width:100% !important;
}
.app-calendar .fc-popover { left:20% !important;  top : 40% !important;}
}

</style>
<style>
    .tab {
        overflow: hidden;
        background-color: #ffffff;
    }
    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 6px 6px;
        transition: 0.3s;
        font-size: 11px;  border: 1px solid #ccc;
    }
    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }
    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }
    /* Style the tab content */
    .tabcontent {
        display: none;
        padding: 6px 12px;  
        border-top: none;
    }
</style>
    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">HR
                                    </li>
                                    <li class="breadcrumb-item"><a href="{{route('setup')}}">Setup</a>
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">Past Leave / Replacement Leave / Compulsory Leave / Assign Bf Adj</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- Dashboard Ecommerce Starts -->
                <section id="multiple-column-form">
                    
                <div class="row">
                  <div class="col-12 col-md-8">
                    
                  </div>
                </div>
                <div class="row" style="margin:0px;">
                <div class="card col-md-12" style="padding:0px;">
                                <div class="card-body">
                                    <ul class="nav nav-tabs nav-justified" id="myTab2" role="tablist" style="border-bottom: 1px solid #ebe9f1; border-radius: 0px;">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="home-tab-justified" data-toggle="tab" href="#past-leave" role="tab" aria-controls="past-leave" aria-selected="true">Past Leave</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="profile-tab-justified" data-toggle="tab" href="#compulsory-leave" role="tab" aria-controls="compulsory-leave" aria-selected="true">Leave Replacement</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="profile-tab-justified" data-toggle="tab" href="#leave-replacement" role="tab" aria-controls="leave-replacement" aria-selected="true">Compulsory Leave</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="profile-tab-justified" data-toggle="tab" href="#assign-bf-adj" role="tab" aria-controls="assign-bf-adj" aria-selected="true">Assign BF Adj</a>
                                        </li>
                                    </ul>

                                    <!-- Tab panes -->
                                    <div class="tab-content pt-1">
                                        <div class="tab-pane active" id="past-leave" role="tabpanel" aria-labelledby="home-tab-justified">
                                            <div class="card" style="margin-bottom:0px; border: 0px; border-bottom: 1px solid #d8d6de; border-radius:0px;"> 
                                                <div class="card-header" style="padding-top:0px;">
                                                    <h4 class="card-title" >Past Leave</h4>
                                                </div>
                                               
                                                <div class="card-body" style="padding-top:0px;">
                                                    <div class="row" id="leave">
                                        
                                                        <div class="col-sm-4">
                                                            <div class="form-group">
                                                                <label>Search Employees &nbsp;:</label>
                                                                <input type="text" name="name" id="name" placeholder="Search Name" class="tcal form-control " onkeyup="empselect()" >
                                                            </div>
                                                        </div>

                                                        <div class="col-sm-4">
                                                            <div class="form-group">
                                                                <label>Select Employees &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="emplylist" name="emplylist">
                                                                    <option value="">Click to Choose one</option>
                                                                    
                                                                </select>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-sm-4">
                                                            <div class="form-group">
                                                                <label>Leave Type &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="leavetype" name="leavetype"  onChange="leaveTypeChange()" >
                                                                    @foreach($leaveTypes as $type)
                                                                        <option value="{{ $type->type }}" {{request()->get('type') && request()->get('type') == $type->name ? 'selected' : '' }}>{{ $type->name }}</option>
                                                                    @endforeach
                                                                            
                                                                </select>
                                                                 @foreach($leaveTypes as $htype)
                                                                    <input type="hidden" name="hourly_{{$htype->type}}" id="hourly_{{$htype->type}}" value="{{ $htype->hourly_allow }}">
                                                                @endforeach  
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-4">
                                                            <div class="form-group">  
                                                                <label>Leave Date &nbsp;:</label>
                                                                <input type="date" name="leave_date" id="leave_date" placeholder="DD-MM-YYYY" class="form-control flatpickr-basic" onchange="calculatedays1()">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-4">
                                                            <div class="form-group"> 
                                                                <label>@if(Helper::settingInfo('hourlyLeave') ?? 0 ==1) Hourly / @endif Half/Full Day &nbsp;:</label><br>
                                                                @if(Helper::settingInfo('hourlyLeave') ?? 0 ==1)
                                                                <input type="hidden" value="1" id="hourlyoption">
                                                                <input type='radio' value='2' name='half_full' id='hoursradio' onclick='hourly()'> Hourly &nbsp;&nbsp;
                                                                @endif
                                                                <input type='radio' value='1' name='half_full' id='half_day' onclick='haday()'> Half Day &nbsp;&nbsp;
                                                                <input type='radio' value='0' name='half_full' id='full_day' checked onclick='fuday()'> Full Day
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-sm-4">
                                                            <div class="form-group" id="totaldays">
                                                                <label>Total Leave Days &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <input type="text" name="no_days" id="no_days" placeholder="" class="form-control" readonly>
                                                            </div>
                                                            <div class="form-group" id="totalhours" style="display:none;">
                                                                <label>Total Leave Hours &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <input type="text" name="no_of_hours" id="no_of_hours" placeholder="" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <span id="message"></span>
                                                        </div>
                                                        <div class="col-sm-4" id="print">
                                                            
                                                        </div>
                                                        <div class="col-sm-4" id="hourly_section">
                                                            <div class="row" id="timeSlot" style="padding-bottom: 10px;display: none;">
                                                                <div class="col-md-6">
                                                                     <label>From</label>
                                                                     <select class="form-control" id="time_from"  name="time_from" >
                                                                         <option></option>                                                 
                                                                     </select>
                                                                </div>
                        
                                                                <div class="col-md-6">
                                                                    <label>Hours</label>
                                                                     <select class="form-control" id="time_for"  name="time_for" >
                                                                         <option></option>                                                 
                                                                     </select>
                                                                </div>
                                                            </div>
                                                        
                                                        
                                                            <div class="row" id="openHours" style="display: none;padding-bottom: 10px;">
                                                                <div class="col-md-6">
                                                                    <div class="tab">
                                                                        <button style="display:none;" class="tablinks" id="Allday_" onclick="openHours(event, 'Allday')">All day</button>
                                                                    <button class="tablinks" onclick="openHours(event, 'AM');hourslot('AM');">AM</button>
                                                                    <button class="tablinks" onclick="openHours(event, 'PM');hourslot('PM');">PM</button>
                                                                    <button class="tablinks active" onclick="openHours(event, 'Hours');hourslot();">Hours</button>
                                                                    </div>
                                                                    <div id="Allday" class="tabcontent">  
                                                                    </div>
                                                                    <div id="AM" class="tabcontent">
                                                                    </div>
                                                                    <div id="PM" class="tabcontent"> 
                                                                    </div>
                                                                    <div id="Hours" class="tabcontent"> 
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12 col-12">
                                                            <div class="form-group d-flex flex-wrap mb-0">
                                                                <button type="button" onclick="apply_Leave()" class="btn btn-info mr-1" id="pastapply">Apply</button>
                                                                
                                                                
                                                            </div>
                                                            <div id="msg" style="margin-top:15px;"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card" style="border: 0px; margin-bottom:0px;">
                                                <div class="card-header " style="">
                                                    <div class="d-flex align-items-center">
                                                        <h4 class="card-title">Past Leave List</h4>
                                                    </div>
                                                    <div class="btn-group">
                                                        
                                                        <div class="">
                                                            <button onclick="more_filter()" class="btn btn-primary waves-effect waves-float waves-light" style="">Filter</button>
                                                        </div>&nbsp;
                                                                                                            </div>
                                                </div>
                                                <div class="card activity filter-container" style="margin: 0px 15px; background-color:#e6e5e5; padding:10px 20px 20px 20px; display:none !important;" id="empleavetoday">
                                                    <div class="row">
                                                        <div class="col-md-12" style="padding:0px;">
                                                            <button id="spanclose" onclick="more_filter()" style="float:right;border:0px;background-color:transparent;color:white;padding: 3px 8px 5px;"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x cursor-pointer font-large-1" data-repeater-delete=""><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                                Category &nbsp;:<span class="red">*</span>&nbsp;
                                                                <select class="select form-control" id="category_id1" name="category_id1">
                                                                    <option value="">All</option>
                                                                    @foreach($categories as $cat)
                                                                        <option value="{{ $cat->id }}" {{request()->get('category_id') && request()->get('category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Department &nbsp;:<span class="red">*</span>&nbsp;
                                                            <select class="select form-control" id="department_id1" name="department_id1">
                                                                            <option value="">All</option>
                                                                            @foreach($departments as $dept)
                                                                            <option value="{{ $dept->id }}" {{request()->get('department_id') && request()->get('department_id') == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                                                                            @endforeach

                                                                            </select>
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Branch &nbsp;:<span class="red">*</span>&nbsp;
                                                            <select class="select form-control" id="branch_id1" name="branch_id1">
                                                                <option value="">All</option>
                                                                
                                                                @foreach($branches as $branch)
                                                                    <option value="{{ $branch->id }}" {{request()->get('branch_id') && request()->get('branch_id') == $dept->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                                                                @endforeach

                                                            </select>
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Employee Name &nbsp;:
                                                            <input type="text" name="name1" id="name1" placeholder="Enter Name" class="tcal form-control datepicker" data-dateformat="dd-mm-yy">
                                                        </div>
                                                        
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Date From  &nbsp;:
                                                            <input type="text" name="sdatefrom" id="sdatefrom" placeholder="DD-MM-YYYY" class="tcal form-control flatpickr-basic" data-dateformat="dd-mm-yy">
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Date To &nbsp;:<span class="red">*</span>&nbsp;
                                                            <input type="text" name="sdateto" id="sdateto" placeholder="DD-MM-YYYY" class="tcal form-control flatpickr-basic" data-dateformat="dd-mm-yy">
                                                        </div>
                                                        <div class="col-sm-6 filter-form-group" style="">
                                                            <input type="button" value="Apply" onclick="search();" class="filter-apply btn btn-info" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card-body" style="padding:0px; ">
                                                        <div class="col-md-12">
                                                            <div class="table-responsive" style="overflow-x: unset !important;">
                                                                <table class="table table-striped" id="reporttable" style=" font-size:12px;">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Emp&nbsp;No.</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="20%">Name</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Half&nbsp;Day</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Department</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Branch</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Category</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Leave&nbsp;Type</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Date</th>
                                                                            <th style="text-transform: capitalize;white-space: nowrap; border: none;" width="5%">Days</th>
                                                                            
                                                                            <th style="text-transform: capitalize; border: none;" width="5%">Edit</th>
                                                                            <th style="text-transform:capitalize; text-align:center;white-space: nowrap; border: none;" width="2%"><input type="checkbox" id="checkAll" ></th>

                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>

                                                                    </tbody>
                                                                </table>

                                                            </div>
                                                        </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="compulsory-leave" role="tabpanel" aria-labelledby="profile-tab-justified">
                                            <div class="card" style="margin-bottom:0px; border: 0px;"> 
                                                <div class="card-header" style="padding-top:0px;">
                                                    <h4 class="card-title" >Leave Replacement</h4>
                                                </div>
                                               
                                                <div class="card-body" style="padding-top:0px;">
                                                    <div class="row" id="lleave11">
                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label>Branch &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="branch_id11" name="branch_id11" onchange="cempselect()">
                                                                    <option value="">All</option>
                                                                    
                                                                    @foreach($branches as $branch)
                                                                        <option value="{{ $branch->id }}" {{request()->get('branch_id') && request()->get('branch_id') == $dept->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                                                                    @endforeach

                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label>Department &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="department_id11" name="department_id11"  onchange="cempselect()">
                                                                    <option value="">All</option>
                                                                    @foreach($departments as $dept)
                                                                    <option value="{{ $dept->id }}" {{request()->get('department_id') && request()->get('department_id') == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                                                                    @endforeach

                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label>Category &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="category_id11" name="category_id11"  onchange="cempselect()">
                                                                    <option value="">All</option>
                                                                    @foreach($categories as $cat)
                                                                        <option value="{{ $cat->id }}" {{request()->get('category_id') && request()->get('category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        
                                                        
                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label>Search Employees &nbsp;:</label>
                                                                <input type="text" name="name11" id="name11" placeholder="Search Name" class="tcal form-control " onkeyup="cempselect()" >
                                                            </div>
                                                        </div>
                                             <!--<div class="col-sm-3">-->
                                             <!--               <div class="form-group">-->
                                             <!--                   <label>Select Employees &nbsp;:<span class="red">*</span>&nbsp;</label>-->
                                             <!--                   <select class="select form-control" id="emplylist11" name="emplylist11">-->
                                             <!--                       <option value="">Click to Choose one</option>-->
                                                                    
                                             <!--                   </select>-->
                                             <!--               </div>-->
                                             <!--           </div>-->

                                                       @if(Helper::settingInfo('hourlyLeave') ?? 0 ==1)
                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label>Hourly &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="replacement_hourly" name="replacement_hourly"  onchange="replacement_hourly()">
                                                                    <option value="0">No</option>
                                                                    <option value="1">Yes</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label>Work Date &nbsp;:</label>
                                                                <input type="date" name="work_date11" id="work_date11" value="" class="emp-required form-control flatpickr-basic"  placeholder="DD-MM-YYYY" data-dateformat="dd-mm-yy" />
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-3">
                                                            <div class="form-group" id="replacement_no_days">
                                                                <label>No. Of Leave Granted &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="no_granted11" name="no_granted11">
                                                                    <option value="0.5">0.5</option>
                                                                    <option value="1">1</option>
                                                                    <option value="1.5">1.5</option>
                                                                    <option value="2">2</option>
                                                                    <option value="3">3</option>
                                                                    <option value="4">4</option>
                                                                    <option value="5">5</option>
                                                                </select>
                                                            </div>
                                                            <div class="form-group" id="replacement_no_hours" style="display:none;">
                                                                <label>No of Hours Leave Granted &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="no_hours_granted11" name="no_hours_granted11">
                                                                    <option value="1">1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="3">3</option>
                                                                    <option value="4">4</option>
                                                                    <option value="5">5</option>
                                                                    <option value="6">6</option>
                                                                    <option value="7">7</option>
                                                                    <option value="8">8</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-3">
                                                            <div class="form-group">  
                                                                <label>Reason &nbsp;:</label>
                                                                <input type="text" name="reason11" id="reason11" placeholder="Enter Reason" class="tcal form-control" >
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-3">
                                                            <div class="form-group">  
                                                                <label>Replacement Type &nbsp;:</label>
                                                                <select class="select form-control" id="replacement_type" name="replacement_type">
                                                                    <option value="1">Replacement 1</option>
                                                                    <option value="2">Replacement 2</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-12">
                                                            <div class="form-group">
                                                                <!-- <label>Select Employees &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="emplylist11" name="emplylist11">
                                                                    <option value="">Click to Choose one</option>
                                                                    
                                                                </select> -->
                                                                <div class="table-responsive table-list">
                                                                    <table border="0" cellpadding="3" id="rlist_emp" cellspacing="0"></table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-12 col-12">
                                                            <div class="form-group d-flex flex-wrap mb-0">
                                                                <button type="button" onclick="savecompulsoryDetails()" class="btn btn-info mr-1" id="apply">Apply</button>
                                                                
                                                                
                                                            </div>
                                                            <div id="msg11" style="margin-top:15px;"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card" style="border: 0px; margin-bottom:0px;">
                                                <div class="card-header " style="padding-top:0px;">
                                                    <div class="d-flex align-items-center">
                                                        <h4 class="card-title">Replacement Leave List</h4>
                                                    </div>
                                                    <div class="btn-group MiniRightnav" style="align-items: center; display: flex;">
                                                
                                                        <div class="">
                                                            <button onclick="more_filter11()" class="btn btn-primary waves-effect waves-float waves-light" style="">Filter</button>
                                                        </div>&nbsp;
                                                                                                                &nbsp;&nbsp;&nbsp;
                                                        <div>
                                                            <a onclick="exportpdf()" class="text-danger" ><i class="fa fa-file-pdf-o report-download-btn" style="font-size:25px;"></i><span>Download PDF</span></a>
                                                            &nbsp;
                                                            <a onclick="exportexcel()" class="text-success"><i class="fa fa-file-excel-o report-download-btn" style="font-size:25px;"></i><span>Download Excel</span></a>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="card activity filter-container" style="margin: 0px 15px; background-color:#e6e5e5; padding:10px 20px 20px 20px; display:none !important;" id="empleavetoday11">
                                                    <div class="row">
                                                        <div class="col-md-12" style="padding:0px;">
                                                            <button id="spanclose" onclick="more_filter11()" style="float:right;border:0px;background-color:transparent;color:white;padding: 3px 8px 5px;"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x cursor-pointer font-large-1" data-repeater-delete=""><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                                Category &nbsp;:<span class="red">*</span>&nbsp;
                                                                <select class="select form-control" id="category_id12" name="category_id12">
                                                                    <option value="">All</option>
                                                                    @foreach($categories as $cat)
                                                                        <option value="{{ $cat->id }}" {{request()->get('category_id') && request()->get('category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Department &nbsp;:<span class="red">*</span>&nbsp;
                                                            <select class="select form-control" id="department_id12" name="department_id12">
                                                                            <option value="">All</option>
                                                                            @foreach($departments as $dept)
                                                                            <option value="{{ $dept->id }}" {{request()->get('department_id') && request()->get('department_id') == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                                                                            @endforeach

                                                                            </select>
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Branch &nbsp;:<span class="red">*</span>&nbsp;
                                                            <select class="select form-control" id="branch_id12" name="branch_id12">
                                                                <option value="">All</option>
                                                                
                                                                @foreach($branches as $branch)
                                                                    <option value="{{ $branch->id }}" {{request()->get('branch_id') && request()->get('branch_id') == $dept->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                                                                @endforeach

                                                            </select>
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Employee Name / Employee No.&nbsp;:
                                                            <input type="text" name="name12" id="name12" placeholder="Enter Employee Name / Employee No." class="tcal form-control" >
                                                        </div>
                                                        
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Date From  &nbsp;:
                                                            <input type="text" name="sdatefrom12" id="sdatefrom12" placeholder="DD-MM-YYYY" class="tcal form-control flatpickr-basic" data-dateformat="dd-mm-yy">
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Date To &nbsp;:<span class="red">*</span>&nbsp;
                                                            <input type="text" name="sdateto12" id="sdateto12" placeholder="DD-MM-YYYY" class="tcal form-control flatpickr-basic" data-dateformat="dd-mm-yy">
                                                        </div>
                                                        <div class="col-sm-6 filter-form-group" style="">
                                                            <input type="button" value="Apply" onclick="search11();" class="filter-apply btn btn-info" />
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="card-body" style="padding:0px; ">
                                                        <div class="col-md-12">
                                                            <div class="table-responsive" style="overflow-x: unset !important;">
                                                                <table class="table table-striped" id="reporttable11" style=" font-size:12px;">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Emp&nbsp;No.</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="18%">Name</th>
                                                                            
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Department</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Branch</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Category</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="12%">Date</th>
                                                                            <th style="text-transform: capitalize; border: none;">Replacement type</th>
                                                                            <th style="text-transform: capitalize;white-space: nowrap; border: none;" width="5%">Days/Hours Granted</th>
                                                                            <!-- <th style="text-transform: capitalize;" width="3%">Cancellation Reason</th> -->

                                                                            <th style="text-transform: capitalize; border: none;"  width="18%">Reason</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="5%">Edit</th>
                                                                            <th style="text-transform:capitalize; text-align:center;white-space: nowrap; border: none;" width="2%"><input type="checkbox" id="checkAll11" ></th>

                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>

                                                                    </tbody>
                                                                </table>

                                                            </div>
                                                        </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="leave-replacement" role="tabpanel" aria-labelledby="profile-tab-justified">
                                            <div class="card" style="margin-bottom:0px; border: 0px;"> 
                                                <div class="card-header" style="padding-top:0px;">
                                                    <h4 class="card-title" >Compulsory Leave</h4>
                                                </div>
                                               
                                                <div class="card-body" style="padding-top:0px;">
                                                    
                                                    <div class="row" id="leave21" >
                                        
                                                        <div class="col-sm-12 col-md-6 col-lg-6">
                                                            <div class="form-group">
                                                                
                                                                <label>Leave Type :&nbsp;</label>
                                                                    
                                                                        <select class="form-control" id="leavetype12" name="leavetype" onchange="leaveTypeChange11()">
                                                                            @foreach($leaveTypes as $type)
                                                                                <option value="{{ $type->type }}" {{request()->get('type') && request()->get('type') == $type->name ? 'selected' : '' }}>{{ $type->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                         @foreach($leaveTypes as $htype11)
                                                                            <input type="hidden" name="hourly11_{{$htype11->type}}" id="hourly11_{{$htype11->type}}" value="{{ $htype11->hourly_allow }}">
                                                                        @endforeach 
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label>@if(Helper::settingInfo('hourlyLeave') ?? 0 ==1) Hourly / @endif Half Day / Full Day :&nbsp;</label>
                                                                    
                                                                            <br>
                                                                            @if(Helper::settingInfo('hourlyLeave') ?? 0 ==1)
                                                                             <input type="hidden" value="1" id="hourlyoption11">
                                                                            <input type='radio' value='2' name='half_full11' id='hoursradio11' onclick='hourly11()'> Hourly &nbsp;&nbsp;
                                                                            @endif
                                                                            <input type="radio" name="half_full11" id="half_day11" class="tcal" value="1" onclick="print_list11();"/>&nbsp;Half Day&nbsp;&nbsp;
                                                                            <input type="radio" name="half_full11" id="full_day11" class="tcal" value="0" checked="checked" onclick="print_list_hide();"/>&nbsp;Full Day
                                                                            <span id="print11"></span>
                                                                            <div class="" id="hourly_section11">
                                                                                <div class="row" id="timeSlot11" style="padding-bottom: 10px;display: none;">
                                                                                    <div class="col-md-6">
                                                                                         <label>From</label>
                                                                                         <select class="form-control" id="time_from11"  name="time_from11" >
                                                                                             <option></option>                                                 
                                                                                         </select>
                                                                                    </div>
                                            
                                                                                    <div class="col-md-6">
                                                                                        <label>Hours</label>
                                                                                         <select class="form-control" id="time_for11"  name="time_for11" >
                                                                                             <option></option>                                                 
                                                                                         </select>
                                                                                    </div>
                                                                                </div>
                                                                            
                                                                            
                                                                                <div class="row" id="openHours11" style="display: none;padding-bottom: 10px;">
                                                                                    <div class="col-md-6">
                                                                                        <div class="tab">
                                                                                            <button style="display:none;" class="tablinks" id="Allday11_" onclick="openHours11(event, 'Allday11')">All day</button>
                                                                                        <button class="tablinks" onclick="openHours11(event, 'AM');hourslot11('AM');">AM</button>
                                                                                        <button class="tablinks" onclick="openHours11(event, 'PM');hourslot11('PM');">PM</button>
                                                                                        <button class="tablinks active" onclick="openHours11(event, 'Hours');hourslot11();">Hours</button>
                                                                                        </div>
                                                                                        <div id="Allday" class="tabcontent">  
                                                                                        </div>
                                                                                        <div id="AM" class="tabcontent">
                                                                                        </div>
                                                                                        <div id="PM" class="tabcontent"> 
                                                                                        </div>
                                                                                        <div id="Hours" class="tabcontent"> 
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-6">
                                                                                        
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                   
                                                                    <div class="form-group">
                                                                        <label>Leave Start Date&nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                       <input type="text" name="lstartdate" id="lstartdate" class="form-control flatpickr-basic"  placeholder="DD-MM-YYYY" data-dateformat="dd-mm-yy" /></div>

                                                                        <span id="dntprint"><div class="form-group">
                                                                        <label>Leave End Date&nbsp;:&nbsp;</label><input type="text" name="lenddate" id="lenddate" class="form-control flatpickr-basic"  placeholder="DD-MM-YYYY" data-dateformat="dd-mm-yy" onchange="calculatedays()"/></div></span>

                                                                        

                                                                        <div class="form-group" id="totaldays11">
                                                                            <label>Total Leave Days&nbsp;:&nbsp;</label>
                                                                            <input type="text" name="totalldays" value=""  class="inptxt form-control" id="totalldays" readonly onfocus="calculatedays();"/>
                                                                        </div>
                                                                         <div class="form-group" id="totalhours11" style="display:none;">
                                                                            <label>Total Leave Hours &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                            <input type="text" name="no_of_hours11" id="no_of_hours11" placeholder="" class="form-control" onfocus="calculatedays();" readonly>
                                                                        </div>

                                                                        <div class="form-group">
                                                                        <label>Reason&nbsp;:<span class="red">*</span>&nbsp;</label><textarea name="reason" id="reason" class="inptxt form-control" style="height:66px" onkeypress=" return check_length(this, document.getElementById('count_number_words'), document.getElementById('show_remaining_words'));"></textarea>
                                        </div>
                                         
                                                                
                                                            </div>

                                                        <div class="col-sm-12 col-md-6 col-lg-6">
                                                                   <div class="form-group">
                                                                        <label>Select Branch&nbsp;:&nbsp;</label>
                                                                            <select class="form-control" name="branch22" id="branch22"  onchange="empselect21();"></select></div>

                                                                       <div class="form-group">
                                                                        <label>Select Department&nbsp;:&nbsp;</label>
                                                                            <select class="form-control" name="department22" id="department22"  onchange="empselect21();"></select></div>

                                                                       <div class="form-group">
                                                                        <label>Select Category&nbsp;:&nbsp;</label>     <select class="form-control" name="category22" id="category22"  onchange="empselect21();"></select></div>

                                                                

                                                                    <div class="addremove">
                                                                        <div class="table-responsive table-list">
                                                                            <table border="0" cellpadding="3" id="list_emp" cellspacing="0"></table>
                                                                        </div>
                                                               


                                                                        <div class="applyleaveright" style="margin-top:10px"><span id="message21"></span></div>

                                                                       <div class="form-group">
                                                                            <input type="button" value="Apply" class="btn btn-info" onclick="apply_Leave11()"/>

                                                                            <input onclick="clear_form('#leave21')" class="btn btn-danger" type="button" value="Cancel"/></div>

                                                                  </div>
                                                        </div>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card" style="border: 0px; margin-bottom:0px;">
                                                <div class="card-header " style="padding-top:0px;">
                                                    <div class="d-flex align-items-center">
                                                        <h4 class="card-title">Compulsory Leave List</h4>
                                                    </div>
                                                    <div class="btn-group">
                                                        
                                                        <div class="">
                                                            <button onclick="more_filter12()" class="btn btn-primary waves-effect waves-float waves-light" style="">Filter</button>
                                                        </div>&nbsp;
                                                                                                            </div>
                                                </div>
                                                <div class="card activity filter-container" style="margin: 0px 15px; background-color:#e6e5e5; padding:10px 20px 20px 20px; display:none !important;" id="empleavetoday12">
                                                    <div class="row">
                                                        <div class="col-md-12" style="padding:0px;">
                                                            <button id="spanclose" onclick="more_filter12()" style="float:right;border:0px;background-color:transparent;color:white;padding: 3px 8px 5px;"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x cursor-pointer font-large-1" data-repeater-delete=""><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                                Category &nbsp;:<span class="red">*</span>&nbsp;
                                                                <select class="select form-control" id="category_id21" name="category_id21">
                                                                    <option value="">All</option>
                                                                    @foreach($categories as $cat)
                                                                        <option value="{{ $cat->id }}" {{request()->get('category_id') && request()->get('category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Department &nbsp;:<span class="red">*</span>&nbsp;
                                                            <select class="select form-control" id="department_id21" name="department_id21">
                                                                            <option value="">All</option>
                                                                            @foreach($departments as $dept)
                                                                            <option value="{{ $dept->id }}" {{request()->get('department_id') && request()->get('department_id') == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                                                                            @endforeach

                                                                            </select>
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Branch &nbsp;:<span class="red">*</span>&nbsp;
                                                            <select class="select form-control" id="branch_id21" name="branch_id21">
                                                                <option value="">All</option>
                                                                
                                                                @foreach($branches as $branch)
                                                                    <option value="{{ $branch->id }}" {{request()->get('branch_id') && request()->get('branch_id') == $dept->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                                                                @endforeach

                                                            </select>
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Employee Name &nbsp;:
                                                            <input type="text" name="name21" id="name21" placeholder="Enter Name" class="tcal form-control datepicker" data-dateformat="dd-mm-yy">
                                                        </div>

                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Date From  &nbsp;:
                                                            <input type="text" name="sdatefrom12" id="csdatefrom21" placeholder="DD-MM-YYYY" class="tcal form-control flatpickr-basic" data-dateformat="dd-mm-yy">
                                                        </div>
                                                        <div class="col-sm-4 filter-form-group mb-1">
                                                            Date To &nbsp;:<span class="red">*</span>&nbsp;
                                                            <input type="text" name="sdateto12" id="csdateto21" placeholder="DD-MM-YYYY" class="tcal form-control flatpickr-basic" data-dateformat="dd-mm-yy">
                                                        </div>
                                                        
                                                        <div class="col-sm-6 filter-form-group" style="">
                                                            <input type="button" value="Apply" onclick="search21();" class="filter-apply btn btn-info" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card-body" style="padding:0px; ">
                                                        <div class="col-md-12">
                                                            <div class="table-responsive" style="overflow-x: unset !important;">
                                                                <table class="table table-striped" id="reporttable21" style=" font-size:12px;">
                                                                    <thead>
                                                                        <tr>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Emp&nbsp;No.</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="13%">Name</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Department</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Branch</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Category</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="10%">Leave&nbsp;Type</th>
                                                                        <th style="text-transform: capitalize; border: none; white-space: nowrap;" width="14%">Date</th>
                                                                            <th style="text-transform: capitalize;white-space: nowrap; border: none;" width="3%">Days</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="15%">Reason</th>
                                                                            <th style="text-transform: capitalize; border: none;" width="5%">Edit</th>
                                                                            <th style="text-transform:capitalize; text-align:center;white-space: nowrap; border: none;" width="2%"><input type="checkbox" id="checkAll21" ></th>

                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>

                                                                    </tbody>
                                                                </table>

                                                            </div>
                                                        </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="assign-bf-adj" role="tabpanel" aria-labelledby="profile-tab-justified">
                                            <div class="card" style="margin-bottom:0px; border: 0px;"> 
                                                <div class="card-header" style="padding-top:0px;">
                                                    <h4 class="card-title" >Assign BF Adj</h4>
                                                </div>
                                               
                                                <div class="card-body" style="padding-top:0px;">
                                                    <div class="row" id="leave11">
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group">
                                                                <label>Search Employees &nbsp;:</label>
                                                                <input type="text" name="name112" id="name112" placeholder="Search Name" class="tcal form-control " onkeyup="empselect112()" >
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group">
                                                                <label>Select Employees &nbsp;:<span class="red">*</span>&nbsp;</label>
                                                                <select class="select form-control" id="list_emp2" name="list_emp2">
                                                                    <option value="">Click to Choose one</option>
                                                                    
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group">
                                                                <label>Leave Type &nbsp;:</label>
                                                                <select class="form-control" id="leavetype11" name="leavetype11">
                                                                    <option value="annual">Annual Leave</option>
                                                                    <option value="medical">Medical Leave</option>
                                                                    <option value="adj">Replacement Leave 1</option>
                                                                    <option value="adj1">Replacement Leave 2</option>
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="col-12 col-sm-6">
                                                            <div class="form-group">
                                                                <label>Leave Year &nbsp;:</label>
                                                                <select class="form-control" id="leave_bf_adj_year" name="leave_bf_adj_year">
                                                                <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getSettingsValue() in /home/ecoleave/public_html/backup/v6/resources/views/hr/setup/past_leave.blade.php:942
Stack trace:
#0 {main}
  thrown in <b>/home/ecoleave/public_html/backup/v6/resources/views/hr/setup/past_leave.blade.php</b> on line <b>942</b><br />