@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">
    <!-- 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-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-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="basicSelect">{{ trans('common/filter.select_employee') }}</label>
                                            <select class="form-control select2" id="employee_id" name="employee_id">
                                                <option value="">{{ trans('common/filter.select_shift') }}</option>
                                                @foreach ($employees as $employee)
                                                    <option value="{{ $employee->id }}"
                                                        @if (old('employee_id', request()->employee_id) == $employee->id) selected @endif>
                                                        {{ $employee->name }} ({{$employee->employee_code  }})
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

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

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

                                            @if(!empty($employeeData))
                                                <strong>{{trans('master/master.employee_name')}}</strong>: {{$employeeData->name }} ({{ $employeeData->employee_code }}) &emsp;
                                                <strong>{{ trans('master/master.department') }}</strong>: {{ @$employeeData->department->name ?: '-' }}  &emsp;
                                                <strong>{{ trans('master/master.designation') }}</strong>: {{ @$employeeData->designation->name ?: '-' }} &emsp;
                                                <strong>{{ trans('master/master.date_of_joining') }}</strong>: {{ $employeeData->date_of_joining }} &emsp;
                                                <strong>{{trans('master/master.manager')}}</strong>: {{ @$employeeData->hod->name ?: '-' }} &emsp;
                                                <strong>{{trans('master/master.present')}}</strong>: {{ $attendanceData['present']}} &emsp;
                                                <strong>{{trans('master/master.absent')}}</strong>: {{ $attendanceData['absent']}} &emsp;
                                                <strong>{{trans('master/master.leave')}}</strong>: {{ $attendanceData['leaves']}} &emsp;
                                                <strong>{{trans('master/master.holiday')}}</strong>: {{ $attendanceData['holidays']}} &emsp;
                                                <strong>{{trans('master/master.week_off')}}</strong>: {{ $attendanceData['weekOffs']}} &emsp;  
                                                <strong>{{ trans('master/master.total_paid_days') }}</strong>: {{ $attendanceData['totalPaidDays'] }} &emsp;                                    
                                            @endif

                                            <div class="table-responsive">
                                                <table class="mt-2 table">
                                                    <thead>
                                                        <th>{{ 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.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>
                                                    </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>
                                                                    {{ date('d M Y', strtotime($val->attendance_date)) }}
                                                                </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>
                                                                    @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>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </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/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="/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 type="text/javascript" src="/assets/js/moment.min.js"></script>
    <script type="text/javascript" src="/assets/js/daterangepicker.js"></script>
    <link rel="stylesheet" type="text/css" href="/assets/css/daterangepicker.css" />

    <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/js/scripts/forms/form-wizard.js"></script>

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