@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">

    <!-- BEGIN: Page 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">
    <link rel="stylesheet" href="/app-assets/css/new-style.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">{{ trans('master/master.attendance_report') }}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a
                            href="/{!! $alias !!}/home">{{ trans('common/common.home') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ trans('master/master.attendance_report') }}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@section('content')
    <section id="dashboard-ecommerce">
        <div class="row match-height">
            <!-- Statistics Card -->
            <div class="col-xl-12 col-md-12 col-12">
                <div class="card card-statistics">
                    <div class="card-header pb-0">
                        <h4 class="card-title">{{ trans('employee/employee.employee') }}
                            {{ trans('employee/employee.attendance_summary') }}</h4>
                        <div class="head-label">
                            <ul class="demo-inline-spacing mt-0 mb-0" style="margin-left:-2em">
                                <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-sky text-light-sky">
                                    <strong>{{ ucfirst(App\Helpers\ConstantHelper::MODIFIED) }}</strong>
                                </li>
                                <li class="badge badge-glow bg-light-green text-light-green">
                                    <strong>{{ ucfirst(App\Helpers\ConstantHelper::REGULARIZED) }}</strong>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-body statistics-body">
                        <form>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row d-flex align-items-end">
                                        <div class="col-md-2">
                                            <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-2">
                                            <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-4">
                                            <label class="form-label"
                                                for="basicSelect">{{ trans('common/filter.select_employee') }}</label>
                                            <select class="form-control select2" id="employee_data_id" name="employee_id">
                                                <option value="">Select Employee</option>
                                                @if ($employeeData)
                                                    <option value="{{ $employeeData->id }}" selected>
                                                        {{ $employeeData->name }}
                                                        ({{ $employeeData->employee_code }}) ({{ $employeeData->email }})
                                                    </option>
                                                @endif
                                                {{-- Rest will be set by JS --}}
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <button class="btn btn-primary-main w-100 waves-effect waves-float waves-light">
                                                <i data-feather="search"></i> {{ trans('common/common.search') }}
                                            </button>
                                        </div>

                                        @if (!empty($employeeData))
                                            <div class="col-md-2">
                                                <div class="dt-action-buttons text-end">
                                                    <div class="dropdown">
                                                        <a class="btn btn-primary-main w-100 dropdown-toggle" href="#"
                                                            role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
                                                            aria-expanded="false">
                                                            <i data-feather="download"></i> Export
                                                        </a>
                                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                                                            <li>
                                                                <a target="_blank"
                                                                    href="/{!! $alias !!}/attendance-report/report-export?type=pdf&{{ http_build_query($_GET) }}"
                                                                    class="dropdown-item" id="exportToPdf">
                                                                    <span>PDF</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a target="_blank"
                                                                    href="/{!! $alias !!}/attendance-report/report-export?type=excel&{{ http_build_query($_GET) }}"
                                                                    class="dropdown-item" id="exportToExcel">
                                                                    <span>Excel</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif

                                        <div class="col-md-12 mt-2">


                                            @if (!empty($employeeData))
                                                <div class="employee-card">
                                                    <!-- Header -->
                                                    {{-- <div class="emp-header">
                                                    </div> --}}
                                                    <!-- Basic Info -->
                                                    <div class="emp-section">
                                                        <div class="emp-item">
                                                            <label>Name</label>
                                                            <span>{{ $employeeData->name }} -
                                                                ({{ $employeeData->employee_code }})</span>
                                                        </div>
                                                        <div class="emp-item">
                                                            <label>Department</label><span>{{ $employeeData->department->name ?? '-' }}</span>
                                                        </div>
                                                        <div class="emp-item">
                                                            <label>Designation</label><span>{{ $employeeData->designation->name ?? '-' }}</span>
                                                        </div>
                                                        <div class="emp-item"><label>Joining
                                                                Date</label><span>{{ $employeeData->date_of_joining }}</span>
                                                        </div>
                                                        <div class="emp-item">
                                                            <label>Manager</label><span>{{ $employeeData->hod->name ?? '-' }}</span>
                                                        </div>
                                                    </div>

                                                    <!-- Attendance -->
                                                    <div class="emp-section attendance">
                                                        <div class="emp-box present">Present
                                                            <strong>{{ $attendanceData['present'] }}</strong>
                                                        </div>
                                                        <div class="emp-box absent">Absent
                                                            <strong>{{ $attendanceData['absent'] }}</strong>
                                                        </div>
                                                        <div class="emp-box leave">Leave
                                                            <strong>{{ $attendanceData['leaves'] }}</strong>
                                                        </div>
                                                        {{-- <div class="emp-box paid">Paid
                                                            <strong>{{ $attendanceData['paidLeaves'] }}</strong>
                                                        </div>
                                                        <div class="emp-box unpaid">Unpaid
                                                            <strong>{{ $attendanceData['unpaidLeaves'] }}</strong>
                                                        </div> --}}
                                                        <div class="emp-box total">Total Paid Days
                                                            <strong>{{ $attendanceData['totalPaidDays'] }}</strong>
                                                        </div>
                                                        <div class="emp-box fine">Fine Days
                                                            <strong>{{ $attendanceData['fineDays'] }}</strong>
                                                        </div>
                                                    </div>

                                                    <!-- Week Off & Holidays -->
                                                    <div class="emp-section">
                                                        <div class="emp-item"><label>Total Week
                                                                Off</label><span>{{ @$woHoCounts['total_week_off'] }}</span>
                                                        </div>
                                                        <div class="emp-item"><label>Week
                                                                Off</label><span>{{ @$woHoCounts['week_off'] }}</span>
                                                        </div>
                                                        <div class="emp-item"><label>Extra Week
                                                                Off</label><span>{{ @$woHoCounts['extra_week_off'] }}</span>
                                                        </div>
                                                        <div class="emp-item">
                                                            <label>Shutdown</label><span>{{ @$woHoCounts['shut_down'] }}</span>
                                                        </div>
                                                        <div class="emp-item"><label>Total
                                                                Holiday</label><span>{{ @$woHoCounts['total_holiday'] }}</span>
                                                        </div>
                                                        <div class="emp-item">
                                                            <label>Holiday</label><span>{{ @$woHoCounts['holiday'] }}</span>
                                                        </div>
                                                        <div class="emp-item"><label>National
                                                                Holiday</label><span>{{ @$woHoCounts['national_holiday'] }}</span>
                                                        </div>
                                                        <div class="emp-item"><label>Restricted
                                                                Holiday</label><span>{{ @$woHoCounts['restricted_holiday'] }}</span>
                                                        </div>
                                                        <div class="emp-item">
                                                            <label>ESIC</label><span>{{ $employeeData->esic_no ?: '-' }}</span>
                                                        </div>
                                                        <div class="emp-item">
                                                            <label>UAN</label><span>{{ $employeeData->uan_number ?: '-' }}</span>
                                                        </div>
                                                    </div>

                                                    {{-- <!-- IDs -->
                                                    <div class="emp-section">

                                                    </div> --}}

                                                </div>
                                            @endif
                                            @if (!empty($employeeData && $additionHeaders))
                                                @foreach ($additionHeaders as $key => $additionHeader)
                                                    <strong>{{ trans('master/master.' . $key) }}</strong>:
                                                    {{ $additionHeader }} &emsp;
                                                @endforeach
                                            @endif

                                            <div class="table-responsive table-responsive-css mt-2">
                                                <table class="table ua-col-fixed-1">
                                                    <thead style="position: sticky; z-index: 1; top: 0;">
                                                        <th class='dtfc-fixed-start'>{{ trans('master/master.date') }}
                                                        </th>
                                                        <th>{{ trans('master/master.day') }}</th>
                                                        <th>{{ trans('master/master.shift') }}</th>
                                                        <th>{{ trans('master/master.office_in') }}</th>
                                                        <th>{{ trans('master/master.in_sub_location') }}</th>
                                                        <th>{{ trans('master/master.late') }}</th>
                                                        <th>{{ trans('master/master.office_out') }}</th>
                                                        <th>{{ trans('master/master.out_sub_location') }}</th>
                                                        <th>{{ trans('master/master.early') }}</th>
                                                        <th>{{ trans('master/master.first_half') }}</th>
                                                        <th>{{ trans('master/master.second_half') }}</th>
                                                        <th>{{ trans('master/master.status') }}</th>
                                                        <th>{{ trans('master/master.day_count') }}</th>
                                                        <th>{{ trans('master/master.penalty_in_minutes') }}</th>
                                                        <th>{{ trans('master/master.hour_worked') }}</th>
                                                        <th>{{ trans('master/master.approved_ot') }}</th>
                                                        <th>{{ trans('master/master.payable_hour') }}</th>
                                                        <th>{{ trans('master/master.incentive_hour') }}</th>
                                                        <th>{{ trans('master/master.overtime_rules') }}</th>
                                                        <th>{{ trans('master/master.remarks') }}</th>
                                                        <th>RLX Buffer</th>
                                                        <th>{{ trans('master/master.in_buffer') }}</th>
                                                        <th>{{ trans('master/master.out_buffer') }}</th>
                                                        <th>{{ trans('master/master.action') }}</th>
                                                    </thead>
                                                    <tbody>

                                                        @foreach ($data as $val)
                                                            @php
                                                                $bgColor = '';
                                                                if (
                                                                    $val->attendance_type == 'leave' ||
                                                                    $val->on_duty == 4
                                                                ) {
                                                                    $bgColor = 'bg-light-warning';
                                                                }

                                                                if (
                                                                    $val->attendance_type == 'holiday' ||
                                                                    $val->on_duty == 3
                                                                ) {
                                                                    $bgColor = 'bg-light-primary';
                                                                }

                                                                if (
                                                                    $val->attendance_type == 'week-off' ||
                                                                    $val->on_duty == 2
                                                                ) {
                                                                    $bgColor = 'bg-light-secondary';
                                                                }
                                                                if (
                                                                    $val->entry_mode ==
                                                                    App\Helpers\ConstantHelper::REGULARIZED
                                                                ) {
                                                                    $bgColor = 'bg-light-green';
                                                                }
                                                                if (
                                                                    $val->entry_mode ==
                                                                    App\Helpers\ConstantHelper::MODIFIED
                                                                ) {
                                                                    $bgColor = 'bg-light-sky';
                                                                }

                                                            @endphp
                                                            <tr>
                                                                <td>
                                                                    <a
                                                                        href="/{!! $alias !!}/attendance-summary/{{ $val->id }}/view">
                                                                        {{ date('d M Y', strtotime($val->attendance_date)) }}</a>
                                                                </td>
                                                                <td>
                                                                    {{ date('D', strtotime($val->attendance_date)) }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->shift ? $val->shift->name : '-' }}
                                                                </td>
                                                                <td class="{{ $bgColor }}">
                                                                    {{ $val->in_time ? $val->in_time : '-' }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->in_address['sub_location_name'] ?? '-' }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->late_comer == '0' ? 'NO' : 'YES' }}
                                                                </td>
                                                                <td class="{{ $bgColor }}">
                                                                    {{ $val->out_time ? $val->out_time : '-' }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->out_address['sub_location_name'] ?? '-' }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->early_comer == '0' ? 'NO' : 'YES' }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->first_half_status }}
                                                                    @if ($val->first_half_status == 'L')
                                                                        {{ $val->leave_type ? '(' . strtoupper($val->leave_type) . ')' : '' }}
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    {{ $val->second_half_status }}
                                                                    @if ($val->second_half_status == 'L')
                                                                        {{ $val->leave_type ? '(' . strtoupper($val->leave_type) . ')' : '' }}
                                                                    @endif
                                                                </td>
                                                                <td class="{{ $bgColor }}">
                                                                    {{ strtoupper($val->status) }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->day_count }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->penalty_minutes }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->working_time }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->overtime }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->payable_hours }}
                                                                </td>
                                                                <td>
                                                                    {{ $val->incentive_hours }}
                                                                </td>
                                                                <td>
                                                                    @if ($val->overtimeRule)
                                                                        <a
                                                                            href="{{ url($alias . '/overtime/rules/edit/' . $val->overtimeRule->id) }}">
                                                                            {{ $val->overtimeRule->title }}
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                                <td>{{ $val->remarks }} @if ($val->leave_type)
                                                                        ({{ strtoupper($val->leave_type) }})
                                                                    @endif
                                                                </td>
                                                                <td>{{ $val->overtime_buffer_id ? 'Yes' : 'No' }}</td>
                                                                <td>{{ $val->adjusted_inbuffer != '00:00:00' ? $val->adjusted_inbuffer : '----' }}
                                                                </td>
                                                                <td>{{ $val->adjusted_outbuffer != '00:00:00' ? $val->adjusted_outbuffer : '----' }}
                                                                </td>
                                                                <td>
                                                                    <div class="mb-1">
                                                                        <a class="pe-1 dropdown-toggle hide-arrow text-primary"
                                                                            data-bs-toggle="dropdown">
                                                                            <i data-feather="more-vertical"
                                                                                class="font-small-4"></i>
                                                                        </a>
                                                                        <div class="dropdown-menu dropdown-menu-end">
                                                                            @if (Auth::user()->can_role('Attendance Shift Update') || Auth::user()->can_role('Attendance Info Update'))
                                                                                <a class="dropdown-item sa-params edit-attendance-btn"
                                                                                    href="javascript:void(0);"
                                                                                    data-record="{{ json_encode($val) }}"
                                                                                    data-bs-toggle="modal"
                                                                                    data-bs-target="#edit-attendance">
                                                                                    <i data-feather="pen-tool"class="font-4"
                                                                                        aria-hidden="true">
                                                                                    </i>
                                                                                    <span class="align-middle">
                                                                                        Edit
                                                                                    </span>
                                                                                </a>
                                                                            @endif
                                                                            @if (Auth::user()->can_role('User Wise Attendance Delete'))
                                                                                <a class="dropdown-item sa-params"
                                                                                    href="javascript:void(0);"
                                                                                    data-url="{{ $orgUrl . '/attendance-summary/' . $val->id . '/delete' }}"
                                                                                    data-request="remove"><i
                                                                                        data-feather="trash"
                                                                                        class="font-4"
                                                                                        aria-hidden="true"></i><span
                                                                                        class="align-middle"> Delete</span>
                                                                                </a>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal modal-slide-in fade filterpopuplabel" id="edit-attendance">
            <div class="modal-dialog sidebar-sm">
                <form class="add-new-record modal-content pt-0" role="post-data" method="POST"
                    action="{{ $orgUrl . '/employee-attendance-update' }}">
                    <input type="hidden" id="attendance_summary_id" name="id" value="">
                    <input type="hidden" id="attendance_id" name="attendance_id" value="">
                    <input type="hidden" id="employee__id" name="employee_id" value="">
                    <div class="modal-header mb-1">
                        <h5 class="modal-title" id="exampleModalLabel">Edit Attendance</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">×</button>
                    </div>
                    <div class="modal-body flex-grow-1">
                        <div class="mb-1">
                            @php
                                $permissionCheck = false;
                            @endphp
                            @if (Auth::user()->can_role('Attendance Shift Update'))
                                @php
                                    $permissionCheck = true;
                                @endphp
                                <label for="shift">Shift</label>
                                <select class="form-control mb-2 select2" name="shift_id" id="shift_id">
                                    <option value="">Select</option>
                                    @foreach ($shifts as $shift)
                                        <option class="form-control" value="{{ $shift->id }}"> {{ $shift->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @endif
                        </div>
                        @if (Auth::user()->can_role('Attendance Info Update'))
                            @php
                                $permissionCheck = true;
                            @endphp
                            <div class="mb-1">
                                <label for="attendance-date">Attendance Date</label>
                                <input type="date" id="attendance-date" class="form-control" name="attendance_date"
                                    readonly>
                            </div>
                            <div class="mb-1">
                                <label for="in-date">In Date</label>
                                <input type="date" id="in-date" class="form-control" name="in_date" readonly>
                            </div>
                            <div class="mb-1">
                                <label for="out-date">Out Date</label>
                                <input type="date" id="out-date" class="form-control" name="out_date">
                            </div>
                            <div class="mb-1">
                                <label for="in-time">In Time</label>
                                <input type="time" id="in-time" class="form-control" name="in_time">
                            </div>
                            <div class="mb-1">
                                <label for="out-time">Out Time</label>
                                <input type="time" id="out-time" class="form-control" name="out_time">
                            </div>
                        @endif
                    </div>
                    @if ($permissionCheck)
                        <div class="modal-footer justify-content-start">
                            <button type="button" id="submit_button" data-request="ajax-submit"
                                data-target="[role=post-data]"
                                class="btn btn-primary waves-effect waves-float waves-light">Submit</button>
                        </div>
                    @endif
                </form>
            </div>
        </div>


        <style>
            .profile-img {
                width: 120px;
                height: 120px;
                /* margin: 0 auto; */
            }

            .profile-img img {
                border-radius: 10px;
                width: 100%;
                height: 100%;
                object-position: top;
            }

            .create-new {
                display: none !important;
            }
        </style>
    </section>

    <!-- Dashboard Ecommerce ends -->
@endsection
@push('footer-script')
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
    <script src="/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
    <script src="/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.date.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/picker.time.js"></script>
    <script src="/app-assets/vendors/js/pickers/pickadate/legacy.js"></script>
    <!-- END: Page Vendor JS-->

    <!-- BEGIN: Page JS-->
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
    <script src="/app-assets/js/scripts/forms/form-validation.js"></script>
    <script src="/app-assets/js/scripts/forms/pickers/form-pickers.js"></script>
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>

    <!-- BEGIN: Page JS-->
    <!-- END: Page JS-->
    <script>
        $(window).on('load', function() {
            if (feather) {
                feather.replace({
                    width: 14,
                    height: 14
                });
            }
        });

        $(document).ready(function() {
            $('.edit-attendance-btn').click(function() {
                var record = $(this).data('record');
                if (record) {
                    $('#attendance_summary_id').val(record.id);
                    $('#attendance_id').val(record.attendance_id);
                    $('#employee__id').val(record.employee_id);
                    $('#attendance-date').val(record.attendance_date);
                    $('#in-date').val(record.in_date);
                    $('#out-date').val(record.out_date);
                    $('#in-time').val(record.in_time);
                    $('#out-time').val(record.out_time);
                    $('#shift_id').val(record.shift_id).trigger('change');
                }
            });


            $('#employee_data_id').select2({
                ajax: {
                    url: '/ajax/hod-list',
                    dataType: 'json',
                    data: function(params) {
                        return {
                            alias: '{!! $alias !!}',
                            search: params.term,
                            only_current_organization: true
                        };
                    },
                    processResults: function(data) {
                        return {
                            results: $.map(data.data, function(item) {
                                return {
                                    id: item.id,
                                    text: item.name + (item.employee_code ? ' (' + item
                                            .employee_code + ')' : '') + ' (' + item.email +
                                        ')',
                                };
                            })
                        };
                    },
                    cache: true
                },
                placeholder: 'Search with name',
                minimumInputLength: 1,
                allowClear: true
            });
        });
    </script>
@endpush