@extends('app-new')

@push('head-script')
 <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    <link rel="stylesheet" href="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/css/daterangepicker.css">
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/form-wizard.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
<!-- END: Page CSS-->
@endpush
@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Prepare Attendance</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/dashboard">Home</a>
                    </li>
                    <li class="breadcrumb-item active">Prepare Attendance
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@push('prev-next-head')
<div class="content-header-right text-end col-md-3">
    <div class="form-group breadcrumb-right">
        <a href="/salary-master" class="btn btn-secondary btn-sm"><i data-feather="arrow-left-circle"></i> Prev</a> 
        <a href="/attendance-fetch" class="btn btn-primary btn-sm" ><i data-feather="arrow-right-circle"></i> Next</a> 
    </div>
</div>
@endpush

@section('content')
    <section id="dashboard-ecommerce">
        <div class="row">
            {{-- @if ($hasComponents <= 0)
                <div class="card-header">
                    <div class="demo-spacing-0">
                        <div class="alert alert-danger" role="alert">
                            <div class="alert-body"><strong>Please define Components first.</strong></div>
                        </div>
                    </div>
                </div>
            @endif
        </div> --}}
        @if(Auth::user()->hasPermission('/attendance-register-fetch'))
         <!-- Filters -->
        <form method="post" id="attendance-register-fetch">
            {{ csrf_field() }}
            <input type="hidden" id="attendance-fetch" name="attendance_fetch">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mt-2 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-md-3">
                            <label class="form-label" for="area_id">{{trans('admin/template.month')}}</label>
                            <select class="form-control mb-2 select2" name="month" id="month">
                                @foreach($months as $key=>$val)
                                    <option class="form-control" value="{{ $key }}" @if($key==$month) selected @endif>{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label" for="year">{{trans('admin/template.year')}}</label>
                            <select class="form-control mb-2 select2" name="year" id="year">
                                @foreach($years as $val)
                                    <option class="form-control" value="{{ $val }}" @if($val==$year) selected @endif>{{ $val }}</option>
                                @endforeach
                            </select>
                        </div>


                        <div class="col-md-6 pt-2">
                            <button type="button" onclick="attendanceFetch()" class="btn btn-sm btn-primary mb-1 waves-effect waves-float waves-light">
                                {{trans('admin/template.attendance_fetch')}}
                            </button>
                            <button type="button" class="btn btn-sm btn-success mb-1 waves-effect waves-float waves-light" id="exportToExcel">
                                Export
                            </button>
                            <a class="btn btn-sm btn-warning mb-1 waves-effect waves-float waves-light"  href="/attendance-register-import">
                                <span><i class="font-small-4" data-feather="share"></i>
                                    {{ trans('common/common.import') }}</span>
                            </a>
                        </div>    
                    </div>
                </div>
                <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none mt-2">
                    <div class="mb-1 mt-2 breadcrumb-right">
                        <div class="dropdown">
                            <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle" type="button"
                                data-bs-toggle="offcanvas" data-bs-target="#offcanvasEnd" aria-controls="offcanvasEnd"
                                type="button"><i data-feather='filter'></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        @else
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mt-2 mb-2"></div>
            <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none mt-2">
                <div class="mb-1 mt-2 breadcrumb-right">
                    <div class="dropdown">
                        <button class="btn-icon btn btn-primary btn-round btn-sm dropdown-toggle" type="button"
                            data-bs-toggle="offcanvas" data-bs-target="#offcanvasEnd" aria-controls="offcanvasEnd"
                            type="button"><i data-feather='filter'></i></button>
                    </div>
                </div>
            </div>
        </div>
        @endif
        <form method="post" id="filter-form">
            <input type="hidden" name="_token" value="{{csrf_token()}}">
            
            <div class="offcanvas-end-example">
                <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasEnd" aria-labelledby="offcanvasEndLabel">
                    <div class="offcanvas-header">
                        <h5 id="offcanvasEndLabel" class="offcanvas-title">Filter</h5>
                        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                            aria-label="Close"></button>
                    </div>
                    <div class="offcanvas-body my-auto mx-0 flex-grow-0">
                        <div class="row">
                            @if(isset($months))
                                <label class="form-label mt-2" for="area_id">Month</label>
                                <select class="form-control mb-2 select2" name="month" id="month_id">
                                    @foreach ($months as $mkey=>$monthitem)
                                        <option value="{{$mkey}}" @if(($mkey == $month) || (old('month_id') == $mkey)) selected @endif>{{$monthitem}}</option>
                                    @endforeach
                                </select>
                                @endif
                                @if(isset($years))
                                <label class="form-label mt-2" for="area_id">Year</label>
                                <select class="form-control mb-2 select2" name="year" id="year_id">
                                    @foreach ($years as $ykey=>$yearitem)
                                        <option value="{{$yearitem}}" @if(($yearitem == $year) || (old('year_id') == $yearitem)) selected @endif>{{$yearitem}}</option> 
                                    @endforeach
                                </select>
                                @endif
                            <div class="col-sm-12 mt-1">
                                <div class="form-label-group">
                                    <label class="form-label mt-2" for="area_id">{{trans('master/master.department')}}</label>
                                    <select class="form-control mb-2 select2" name="department_id">
                                        <option value="">Select Department</option>
                                        @foreach($departments as $department)
                                        <option value="{{$department->id}}" @if( $department->id == $departmentId) selected @endif>{{$department->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            <div class="col-sm-12 mt-1">
                                <div class="form-label-group">
                                    <label class="form-label mt-2" for="area_id">{{trans('master/master.category')}}</label>
                                    <select class="form-control mb-2 select2" name="category_id">
                                        <option value="">Select category</option>
                                        @foreach($categories as $category)
                                        <option value="{{$category->id}}" @if( $category->id == request()->category_id) selected @endif>{{$category->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-12 mt-1">
                                <div class="form-label-group">
                                    <label class="form-label mt-2" for="area_id">{{trans('master/master.location')}}</label>
                                    <select class="form-control mb-2 select2" name="location_id[]" multiple>
                                        <option value="">Select location</option>
                                        @foreach($locations as $location)
                                        <option value="{{$location->id}}" @if( (!empty(request()->location_id)) && in_array($location->id, request()->location_id)) selected @endif>{{$location->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            
                            <div class="col-sm-12 mt-1">
                                <div class="form-label-group">
                                    <label class="form-label">Employee Type</label>
                                    <select class="form-control select2" id="employee_type" name="employee_type" onchange="getEmployeeByType(this.value)">
                                        <option value="">Select {{trans('master/master.type')}}</option>
                                        @foreach($employeeTypes as $empType)
                                            <option value="{{$empType}}" @if( $empType == $employeeTypeSelected) selected @endif>
                                                {{ucwords($empType)}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-12 mt-1">
                                <div class="form-label-group">
                                    <label class="form-label">{{ trans('master/master.contractor') }}</label>
                                    <select class="form-control select2" name="contractor_id[]" id="contractor_id" multiple>
                                        <option value="">Select contractor</option>
                                        @foreach ($contractors as $contractor)
                                            <option value="{{ $contractor->id }}" @if( ($contractorId) && in_array($contractor->id, $contractorId)) selected @endif>
                                                {{ $contractor->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-12 mt-1">
                                <div class="form-label-group">
                                    <label class="form-label">Employees</label>
                                    <select class="form-control select2" id="employees_id" name="employees_id[]" multiple>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-12 mt-1">
                                <div class="form-label-group">
                                    <label class="form-label">Month Day's Status</label>
                                    <select class="form-control" id="status" name="status">
                                        <option value="">Select Value</option>
                                        <option value="complete" @if($status && $status == 'complete') selected @endif>Completed</option>
                                        <option value="incomplete" @if($status && $status == 'incomplete') selected @endif>In-Completed</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        
                        <button type="submit" class="btn btn-primary mt-2 mb-1 d-grid w-100 d-flex justify-content-center" onclick="filter()" data-bs-dismiss="offcanvas" aria-label="Close"><i data-feather='search' class="me-2"></i> {{trans('common/common.search')}}</button>
                
                    </div>
                </div>
            </div>
        </form>
        <!-- // Filters // -->
        
        <div class="row">
            <div class="col-12">
                <div class="card row">
                    <div class="card-datatable table-responsive">
                        <table class="dt-column-search table table-responsive attendance-reg-table attendance-reg-table_new tablenewheadfixed" id="organization">
                            <thead>
                                <tr class="text-center"> 
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    @foreach($dateList as $date)
                                        <th class="" colspan="2">{{date('d-M (D)', strtotime($date))}}</th>
                                    @endforeach
                                </tr>
                                <tr> 
                                    <th class="text-nowrap">Employee Name</th>
                                    <th>Department</th>
                                    <th>Locations</th>
                                    <th>Absent</th>
                                    <th>Leaves</th>
                                    <th>Paid Leaves</th>
                                    <th>Unpaid Leaves</th>
                                    <th>Fine Days</th>
                                    <th>Pay Days</th>
                                    @foreach($dateList as $date)
                                        <th class="">H1</th>
                                        <th class="">H2</th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($totalEmployees as $employee)
                                    <tr>
                                        <td>{{$employee->name}}<br><span class="employeecodereport">({{$employee->employee_code}})</span></td>
                                        <td>{{@$employee->department->name}}</td>
                                        <td>
                                            @php
                                                $mappedLocations = @$employee->locations->pluck('name')->toArray();
                                            @endphp
                                            {{ implode(',', $mappedLocations) }}
                                        </td>
                                        
                                        @php 
                                            $isDisabled = '';
                                            if($employee->payrollAttendance && $employee->payrollAttendance->is_lock=="Yes"){
                                                $isDisabled = 'disabled';
                                            }

                                            $attendanceData = (new \App\Lib\Services\PayrollProcess)->getPayrollAttendanceByDate($organization, $employee, $fromDateSm, $toDateSm);
                                        @endphp
                                        <td id="{{'absent_'.$employee->id}}">{{ @$attendanceData['absent'] ?: 0}}</td>
                                        <td id="{{'leaves_'.$employee->id}}"><a class="dropdown-item" href="javascript:void(0);"
                                            data-bs-target="#viewaccess" data-bs-toggle="modal"
                                            onclick="viewLeave({{ $employee->id}},{{ $month }},{{ $year }})">{{ @$attendanceData['leaves'] ?: 0}}<a></td>
                                        <td id="{{'paidLeaves_'.$employee->id}}">{{ @$attendanceData['paidLeaves'] ?: 0}}</td>
                                        <td id="{{'unpaidLeaves_'.$employee->id}}">{{ @$attendanceData['unpaidLeaves'] ?: 0}}</td>
                                        <td id="{{'fineDays_'.$employee->id}}">{{ @$attendanceData['fineDays'] ?: 0}}</td>
                                        <td id="{{'totalPaidDays_'.$employee->id}}">{{ @$attendanceData['totalPaidDays'] ?: 0}}</td>

                                        @foreach($dateList as $date)

                                            @php
                                                $attendance = $employee->attendanceSummary->where('attendance_date', $date)->first();
                                            @endphp

                                            @if(!$attendance)

                                                <td>
                                                    --
                                                </td>
                                                <td>
                                                    --
                                                </td>

                                                @continue;

                                            @endif

                                            @php
                                            
                                                $bgColor1 = 'bg-light-danger';
                                                $bgColor2 = 'bg-light-danger';
                                                if($attendance->first_half_status == 'P'){
                                                    $bgColor1 = 'bg-light-success';
                                                }
                                                
                                                else if($attendance->first_half_status == 'PO'){
                                                    $bgColor1 = 'bg-light-info';
                                                }

                                                if($attendance->first_half_status == 'L'  || $attendance->on_duty == 4){
                                                    $bgColor1 = 'bg-light-warning';
                                                }

                                                if($attendance->first_half_status == 'H' || $attendance->on_duty == 3){
                                                    $bgColor1 = 'bg-light-primary';
                                                }
                                                
                                                if($attendance->first_half_status == 'WO' || $attendance->on_duty == 2){
                                                    $bgColor1 = 'bg-light-secondary';
                                                }

                                                if($attendance->second_half_status == 'P'){
                                                    $bgColor2 = 'bg-light-success';
                                                }
                                                else if($attendance->second_half_status == 'PO'){
                                                    $bgColor2 = 'bg-light-info';
                                                }

                                                if($attendance->second_half_status == 'L'  || $attendance->on_duty == 4){
                                                    $bgColor2 = 'bg-light-warning';
                                                }

                                                if($attendance->second_half_status == 'H' || $attendance->on_duty == 3){
                                                    $bgColor2 = 'bg-light-primary';
                                                }
                                                
                                                if($attendance->second_half_status == 'WO' || $attendance->on_duty == 2){
                                                    $bgColor2 = 'bg-light-secondary';
                                                }

                                                
                                            @endphp

                                            <td class="{{$bgColor1}}">
                                                @if(Auth::user()->hasPermission('/attendance-register-edit'))
                                                <select class="eldropdpwn" id="FH_{{$employee->id}}_{{$date}}" data-prev="{{$attendance->first_half_status}}" onchange="update.call(this, {{$attendance->id}}, {{$employee->id}}, '{{$employee->name}}', 'first_half_status', '{{date('Y-m-d', strtotime($attendance->attendance_date))}}', 'First Half Day')" {{$attendance->first_half_status == 'L' ? 'disabled' : ''}}>
                                                    <option value="{{$attendance->first_half_status}}" selected disabled>{{$attendance->first_half_status}}</option>
                                                    @if($attendance->on_duty == \App\Helpers\ConstantHelper::WEEK_OFF_DUTY)
                                                        @foreach(['PO', 'PR', 'WO'] as $type)
                                                            <option value="{{$type}}" {{$attendance->first_half_status == $type ? 'selected' : ''}}>{{$type}}</option>
                                                        @endforeach
                                                    @elseif($attendance->on_duty == \App\Helpers\ConstantHelper::HOLIDAY_DUTY)
                                                        @foreach(['PO', 'PR', 'H'] as $type)
                                                            <option value="{{$type}}" {{$attendance->first_half_status == $type ? 'selected' : ''}}>{{$type}}</option>
                                                        @endforeach
                                                    @else
                                                        @foreach($statusType as $type)
                                                            @if($attendance->second_half_status == 'L' && $type == 'L')
                                                                @continue
                                                            @endif
                                                            <option value="{{$type}}" {{$attendance->first_half_status == $type ? 'selected' : ''}}>{{$type}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                @endif
                                                <strong class="atttimimhg @if($attendance->is_half_day!=0) text-danger @endif">{{ ($attendance->in_time!='00:00:00') ? Carbon\Carbon::parse( $attendance->in_time)->format('H:i ') : '--' }}</strong>
                                            </td>
                                            <td class="{{$bgColor2}}">
                                                @if(Auth::user()->hasPermission('/attendance-register-edit'))
                                                <select class="eldropdpwn" id="SH_{{$employee->id}}_{{$date}}" data-prev="{{$attendance->second_half_status}}" onchange="update.call(this, {{$attendance->id}}, {{$employee->id}}, '{{$employee->name}}', 'second_half_status', '{{date('Y-m-d', strtotime($attendance->attendance_date))}}', 'Second Half Day')" {{$attendance->second_half_status == 'L' ? 'disabled' : ''}}>
                                                    <option value="{{$attendance->second_half_status}}" selected disabled>{{$attendance->second_half_status}}</option>
                                                    @if($attendance->on_duty == \App\Helpers\ConstantHelper::WEEK_OFF_DUTY)
                                                        @foreach(['PO', 'PR', 'WO'] as $type)
                                                            <option value="{{$type}}" {{$attendance->second_half_status == $type ? 'selected' : ''}}>{{$type}}</option>
                                                        @endforeach
                                                    @elseif($attendance->on_duty == \App\Helpers\ConstantHelper::HOLIDAY_DUTY)
                                                        @foreach(['PO', 'PR', 'H'] as $type)
                                                            <option value="{{$type}}" {{$attendance->second_half_status == $type ? 'selected' : ''}}>{{$type}}</option>
                                                        @endforeach
                                                    @else
                                                        @foreach($statusType as $type)
                                                            @if($attendance->first_half_status == 'L' && $type == 'L')
                                                                @continue
                                                            @endif
                                                            <option value="{{$type}}"{{$attendance->second_half_status == $type ? 'selected' : ''}}>{{$type}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                @endif
                                                <strong class="atttimimhg @if($attendance->is_half_day!=0) text-danger @endif">{{ ($attendance->out_time!='00:00:00') ? Carbon\Carbon::parse( $attendance->out_time)->format('H:i') : '--' }}</strong>
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-end align-items-end">
                            {{$totalEmployees->appends($nextQuery)->links('pagination::bootstrap-4')}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Leave Creation Modal -->
    <div class="modal fade" id="addLeave" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-edit-user">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 pt-50">
                    <div class="mb-2">
                        <h3 class="mb-2" id="modelHeading">Add Leave</h3>
                    </div>
                    <form id="leave_form" onsubmit="return false;">
						<input type="hidden" name="employee_id" id="employee_id" value="">
						<input type="hidden" name="from_date" id="from_date" value="">
						<input type="hidden" name="attendance_id" id="attendance_id" value="">
						<input type="hidden" name="type" id="type" value="first_half_status">
						<input type="hidden" name="leave_duration" id="leave_duration" value="First Half Day">
						<input type="hidden" name="reason" value="N/A">
                        <div class="row">
                        	<div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div>
                                            <p class="card-text mb-0 d-inline">Name:</p>
                                            <h5 class="fw-bolder d-inline" id="employee_name">0</h5>
                                        </div>
                                    </div>
                                </div>
							</div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div>
                                            <p class="card-text mb-0 d-inline">Date:</p>
                                            <h5 class="fw-bolder d-inline" id="date">0</h5>
                                        </div>
                                    </div>
                                </div>
							</div>
						</div>
						<div class="row">
                        	<div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="mb-1">
                                            <h5>{{trans('leave/leave.leave_type')}}
                                                <span style="color: red">*</span>
                                            </h5>
                                            <select class="select2 form-control" name="leave_type_id" id="leave_type_id" onchange="getBalance();" required>
                                            </select>
                                        </div>
                                        <strong>
                                            <label for="is_full_day"><input type="checkbox" id="is_full_day" value="Single"> Apply For Full Day</label> 
                                        </strong>
                                        <br>
                                        <br>
                                        <input type="hidden" name="no_of_leaves" disabled>
                                    </div>
                                </div>
							</div>
						</div>
                        <div class="row match-height">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <div>
                                            <h2 class="fw-bolder mb-0" id="t_leaves">0</h2>
                                            <p class="card-text">{{trans('leave/leave.total_leaves')}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <div>
                                            <h2 class="fw-bolder mb-0" id="t_approved">0</h2>
                                            <p class="card-text">{{trans('leave/leave.total_approved')}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <div>
                                            <h2 class="fw-bolder mb-0" id="t_pending">0</h2>
                                            <p class="card-text">{{trans('leave/leave.pending')}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <div>
                                            <h2 class="fw-bolder mb-0" id="t_balanced">0</h2>
                                            <p class="card-text">{{trans('leave/leave.balanced')}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 d-flex justify-content-end mt-2 pt-50">
                            <button type="reset" class="btn btn-outline-secondary me-2" data-bs-dismiss="modal" aria-label="Close">
                                {{trans('common/common.discard')}}
                            </button>
                            <button type="button" class="btn btn-primary" id="save_form">{{trans('common/common.submit')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="viewaccess" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered sidebar-sm">
            <div class="modal-content pt-0">
                <div id="page-modal-render">
                    {{-- render dynamic pages modal here --}}
                </div>                    
            </div>
        </div>
    </div>
    <!-- Close Leave Creation Modal -->
@endsection

@push('footer-script')


<script src="/app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
    <script src="/assets/js/moment.min.js"></script>
    <script src="/assets/js/daterangepicker.js"></script>
    <script src="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
    <script src="/assets/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>

    <script src="/app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
    <script src="/app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>


    <!-- BEGIN: Page JS-->
    <script src="/app-assets/js/scripts/tables/table-datatables-basic.js"></script>
    <script src="/app-assets/js/scripts/tables/table-datatables-advanced.js"></script>


    <script src="{{ asset('js/common-script.js') }}"></script>
    <!-- END: Page JS-->

<script>
    $(window).on('load', function() {
        if (feather) {
            feather.replace({
                width: 14,
                height: 14
            });
        }
    });

    $(document).ready(function(){
        callDt();
        getEmployeeByType("{{ $employeeTypeSelected }}");
    });

    function viewLeave(employee_id,month,year) {
        $('#page-modal-render').html('');
        $_token = "{{ csrf_token() }}";
        $.ajax({
            headers: {
                'X-CSRF-Token': $('meta[name=_token]').attr('content')
            },
            url: 'attendance-register-leave',
            type: 'POST',
            cache: false,
            data: {
                '_token': $_token,
                'employee_id': employee_id,
                'month': month,
                'year': year,
            },
            datatype: 'html',
            success: function(data) {
                $('#loader-status').html('');
                $('#page-modal-render').html(data.data);
            }
        });
    }

    function callDt() {
        var dt_filter_table = $('.dt-column-search'); 

        if ($('body').attr('data-framework') === 'laravel') {
            assetPath = $('body').attr('data-asset-path');
        }

        if (dt_filter_table.length) {
            
            var dt_filter = dt_filter_table.DataTable({

            dom: '<"card-header border-bottom p-1"<"head-label"><"dt-action-buttons text-end"B>><"d-flex justify-content-between align-items-center mx-0 row"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6"f>>t<"d-flex justify-content-between mx-0 row"<"col-sm-12 col-md-6"i><"col-sm-12 col-md-6"p>>',
            orderCellsTop: true,
            "bPaginate": false,
            "ordering": false,
            "searching": false,
            "info": false,
            buttons: [
                
            ],
        
        });
        }

        $('div.head-label').html('<ul class="demo-inline-spacing mt-0 mb-0" style="margin-left:-2em"><li class="badge badge-glow bg-light-success"><strong>Present</strong> - P</li><li class="badge badge-glow bg-light-danger"><strong>Absent</strong> - A</li><li class="badge badge-glow bg-light-warning"><strong>Leave</strong> - L</li><li class="badge badge-glow bg-light-primary"><strong>Holiday</strong> - H</li><li class="badge badge-glow bg-light-secondary"><strong>Week Off</strong> - WO</li><li class="badge badge-glow bg-light-info"><strong>OnDuty</strong> - PO</li></ul>');
    };  

    function update(id, employee_id, name, type, date, leave_duration){
        var val = $(this).val();
        var elmtId = $(this).attr('id');

        Swal.fire({
            title: "Are you sure?",
            text: "Update Status to: "+val,
            icon: "warning",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#0d6efd",
            confirmButtonText: "Yes, Proceed",
            cancelButtonText: "Cancel",
            closeOnConfirm: true,
            closeOnCancel: true
        }).then((result) => {
            if (result.isConfirmed) {

                if(val=='L'){
                    $('#t_leaves').html(0);
                    $('#t_approved').html(0);
                    $('#t_pending').html(0);
                    $('#t_balanced').html(0);
                    $('#employee_name').html(name);
                    $('#employee_id').val(employee_id);
                    $('#attendance_id').val(id);
                    $('#type').val(type);
                    $('#date').html(date);
                    $('#leave_duration').val(leave_duration);
                    $('#from_date').val(date);
                    $('#is_full_day').prop('checked', false);
                    getLeaveType();
                    $('#addLeave').modal('show');
                    return false;
                }
                $.ajax({
                    url: "/attendance-register-update",
                    type: "POST",
                    data: {
                        _token: "{{csrf_token()}}",
                        'id': id,
                        'type': type,
                        'value': val,
                        'days': '{{count($dateList)}}',
                    },
                    success: function(response) {
                        $('#fineDays_'+employee_id).html(response['fineDays']);
                        $('#totalPaidDays_'+employee_id).html(response['totalPaidDays']);
                        $('#leaves_'+employee_id).html(response['leaves']);
                        $('#paidLeaves_'+employee_id).html(response['paidLeaves']);
                        $('#unpaidLeaves_'+employee_id).html(response['unpaidLeaves']);
                        $('#absent_'+employee_id).html(response['absent']);
                        updateDayStatus(response.first_half_status, response.second_half_status, employee_id, response.attendance_date, response.on_duty);
                    },
                    error: function($response) {
                        Swal.fire({
                            title: "Info!",
                            text: $response.responseJSON.message,
                            icon: "warning",
                            type: "warning",
                            closeOnConfirm: true,
                        });

                        $('#'+elmtId).val($('#'+elmtId).data('prev'));
                    }
                });
            }else{
                $(this).val($(this).data('prev'));
            }
        });
    }

    $("#save_form").click(function(e) {
        e.preventDefault();

        if($('#leave_type_id').val()==''){
            Swal.fire({
                title: "Error!",
                text: "Leave Type is required",
                icon: "warning",
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Ok",
                closeOnConfirm: true
            });
        }else{
            var url = '/attendance-register-employee-leaves';
            var redirectUrl = '';
            var method = 'POST';
            var data = new FormData(document.getElementById('leave_form'));

            leaveSubmit(url, redirectUrl, method, data);
        }
        return;
    });

    function getLeaveType() {
        $.ajax({
            url: "/admin/ajaxleavetype?id=" + $("#employee_id").val(),
            type: "GET",
            data: {
                _token: '{{ csrf_token() }}',
            },
            dataType: 'json',
            success: function(result) {
                $('#leave_type_id').html('<option value="">Select Type</option>'); 
                $.each(result,function(key,value){
                    $("#leave_type_id").append('<option value="'+value.leave_type_id+'">'+value.leave_type.name+'</option>');
                });
            }
        });
    }


    function getBalance() {
        var data = {
            leave_type_id: $("#leave_type_id").val(),
            leave_type_name: $("#leave_type_id option:selected").text(),
            id: $("#employee_id").val(),
            '_token': '{{{csrf_token()}}}'
        }
        $.ajax({
            url: '/leave/balance',
            type: 'POST',
            data: data,
            success: function(data) {
                $("#t_leaves").html(data.t_leaves);
                $("#t_approved").html(data.t_approved);
                $("#t_pending").html(data.t_pending);
                $("#t_balanced").html(data.t_balanced);
                if(data.is_attachment=='1'){
                    $('.ml').removeClass('hide');
                }else{
                    $('.ml').addClass('hide');
                }


            }
        });
    }

    function attendanceFetch(){
        Swal.fire({
            title: "@lang('messages.sweetAlertTitle')",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "@lang('messages.deleteConfirmation')",
            cancelButtonText: "@lang('messages.confirmNoArchive')",
            closeOnConfirm: true,
            closeOnCancel: true
        }).then(function(isConfirm) {
            if (isConfirm['isConfirmed']) {
                $('#attendance-register-fetch').submit();
            }
        });
    }

    function getEmployeeByType(employee_type) {
        var url = "{{ route('employees-by-type') }}?employee_type=" + employee_type;
        var selectedEmployees = null;
        $.ajax({
            url: url,
            type: "GET",
            success: function(data) {
                op = '<option value="">Select Employees</option>';
                for (var i = 0; i < data.length; i++) {
                    var selected = '';
                    if($.inArray(data[i].id.toString(), selectedEmployees) > -1){
                        selected = 'selected';
                    }
                    op += '<option value="' + data[i].id + '" '+selected+'>' + data[i].name + '(' + data[i]
                        .employee_code + ')</option>';
                }
                $('#employees_id').html(op);
            }
        });

    }

    function updateDayStatus(firstHalf, secondHalf, empId, date, onDuty){
        var statusTypes = [];
        var statusToShowDrpdwn = ['A', 'HD'];

        var bgColor1 = 'bg-light-danger';
        var bgColor2 = 'bg-light-danger';

        if(firstHalf == 'P'){
            bgColor1 = 'bg-light-success';
        }
        
        else if(firstHalf == 'PO'){
            bgColor1 = 'bg-light-info';
        }

        if(firstHalf == 'L'  || onDuty == '4'){
            bgColor1 = 'bg-light-warning';
        }

        if(firstHalf == 'H' || onDuty == '3'){
            bgColor1 = 'bg-light-primary';
        }
        
        if(firstHalf == 'WO' || onDuty == '2'){
            bgColor1 = 'bg-light-secondary';
        }

        if(secondHalf == 'P'){
            bgColor2 = 'bg-light-success';
        }
        else if(secondHalf == 'PO'){
            bgColor2 = 'bg-light-info';
        }

        if(secondHalf == 'L'  || onDuty == '4'){
            bgColor2 = 'bg-light-warning';
        }

        if(secondHalf == 'H' || onDuty == '3'){
            bgColor2 = 'bg-light-primary';
        }
        
        if(secondHalf == 'WO' || onDuty == '2'){
            bgColor2 = 'bg-light-secondary';
        }


        //update first Half Dropdown
        var html = '<option value="'+firstHalf+'" selected disabled>'+firstHalf+'</option>';
        if(onDuty == '{{\App\Helpers\ConstantHelper::WEEK_OFF_DUTY}}'){
            ['PO', 'PR', 'WO'].forEach((item, key) => {
                html += '<option value="'+item+'" '+(firstHalf == item ? 'selected' : '')+'>'+item+'</option>';
            })
        }
        else if(onDuty == '{{\App\Helpers\ConstantHelper::HOLIDAY_DUTY}}'){
            ['PO', 'PR', 'H'].forEach((item, key) => {
                html += '<option value="'+item+'" '+(firstHalf == item ? 'selected' : '')+'>'+item+'</option>';
            })
        }
        else{
            statusTypes.forEach((item, key) => {
                if(!(secondHalf == 'L' && item == 'L')){
                    html += '<option value="'+item+'" '+(firstHalf == item ? 'selected' : '')+'>'+item+'</option>';
                }
            })
        }
        $('#FH_'+empId+'_'+date).html(html).parent().removeClass().addClass(bgColor1);
        if(firstHalf == 'L'){
            $('#FH_'+empId+'_'+date).attr('disabled', true);
        }else{
            $('#FH_'+empId+'_'+date).removeAttr('disabled');
        }

        //update second Half Dropdown

        var html = '<option value="'+secondHalf+'" selected disabled>'+secondHalf+'</option>';
        if(onDuty == '{{\App\Helpers\ConstantHelper::WEEK_OFF_DUTY}}'){
            ['PO', 'PR', 'WO'].forEach((item, key) => {
                html += '<option value="'+item+'" '+(secondHalf == item ? 'selected' : '')+'>'+item+'</option>';
            })
        }
        else if(onDuty == '{{\App\Helpers\ConstantHelper::HOLIDAY_DUTY}}'){
            ['PO', 'PR', 'H'].forEach((item, key) => {
                html += '<option value="'+item+'" '+(secondHalf == item ? 'selected' : '')+'>'+item+'</option>';
            })
        }
        else{
            statusTypes.forEach((item, key) => {
                if(!(firstHalf == 'L' && item == 'L')){
                    html += '<option value="'+item+'" '+(secondHalf == item ? 'selected' : '')+'>'+item+'</option>';
                }
            })
        }
        $('#SH_'+empId+'_'+date).html(html).parent().removeClass().addClass(bgColor2);
        if(secondHalf == 'L'){
            $('#SH_'+empId+'_'+date).attr('disabled', true);
        }else{
            $('#SH_'+empId+'_'+date).removeAttr('disabled');
        }

        $('#FH_'+empId+'_'+date).data('prev', firstHalf);
        $('#SH_'+empId+'_'+date).data('prev', secondHalf);
    }

    $('#addLeave').on("hidden.bs.modal", function () {
        var type = $('#type').val();
        var empId = $('#employee_id').val();
        var date = $('#from_date').val();
        var type = (type == 'first_half_status' ? 'FH' : 'SH');
        $('#'+type+'_'+empId+'_'+date).val($('#'+type+'_'+empId+'_'+date).data('prev'));
    });

    $('#exportToExcel').click(function (e) {
        e.preventDefault();
        $('#filter-form').attr('action', '/attendance-register-export');
        $('#filter-form').submit();
        $('#filter-form').attr('action', "");
        $(".preloader").fadeOut();
    });

    var tempDuration = '';

    $('#is_full_day').change(function(){
        if($(this).is(':checked')){
            tempDuration = $('#leave_duration').val();
            $('#leave_duration').val($(this).val());
        }else{
            $('#leave_duration').val(tempDuration);
        }
    })

    function leaveSubmit(url, redirectUrl, method, data){
            $.ajax({
                url: url,
                type: method,
                data: data,
                contentType: false,
                processData: false,
                success:function(response){
                    if(response?.warning){
                        Swal.fire({
                            title: 'Are you sure?',
                            text: response?.message,
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Yes, Go Ahead!'
                        })
                        .then((result) => {
                            if (result?.value) {
                                data.append('is_warning_passed', 1);
                                leaveSubmit(url, redirectUrl, method, data);
                            }
                        });
                    }else{
                        $('#addLeave').modal('hide');
                        Swal.fire({
                            title: "Success",
                            text: response.messages[0],
                            icon: "success",
                            confirmButtonColor: "#00c292",
                            confirmButtonText: "Ok",
                            closeOnConfirm: true
                        }).then(function(){
                            $('#fineDays_'+response.data.employee_id).html(response['fineDays']);
                            $('#totalPaidDays_'+response.data.employee_id).html(response['totalPaidDays']);
                            $('#leaves_'+response.data.employee_id).html(response['leaves']);
                            $('#paidLeaves_'+response.data.employee_id).html(response['paidLeaves']);
                            $('#unpaidLeaves_'+response.data.employee_id).html(response['unpaidLeaves']);
                            $('#absent_'+response.data.employee_id).html(response['absent']);
                            updateDayStatus(response.data.first_half_status, response.data.second_half_status, response.data.employee_id, response.data.attendance_date, response.data.on_duty);
                        }) ;
                    }
                },
                error: function($response) {
                    if ($response.status === 422) {
                        if (
                            Object.size($response.responseJSON) > 0 &&
                            Object.size($response.responseJSON.errors) > 0
                        ) {
                            show_validation_error($response.responseJSON.errors);
                        }
                    } else {
                        Swal.fire(
                            "Info!",
                            $response.responseJSON.message,
                            "warning"
                        );
                        setTimeout(function() {}, 1200);
                    }
                },
            });
        }

</script>

<!-- END: Page JS-->


@endpush