@extends('admin.layout.master')
@section('content')
<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.individual')}} {{__('obs.attendance')}} {{__('obs.report')}} </h5>
    </div>

    <div class="card-body">
        <form action="{{route('payroll.hrm.attendance.search')}}" method="get">
            <div class='row'>
                <div class='col-md-3'>
                    <div class="form-group">
                        <label>{{__('obs.employee')}} {{__('obs.name')}}/{{__('obs.code')}}</label>
                        <select class="form-control input-sm name_code_live_search" name="emp_code" id="emp_code">
                        </select>
                    </div>
                </div>
                
                <div class='col-md-2'>
                    <div class="form-group">
                        <label>{{__('obs.department')}}</label>
                        <select name="emp_department" id="emp_department" class="form-control select_2">
                            <option value="">--Select--</option>
                            @if(!empty($department_lists))
                                @foreach($department_lists as $depart_val)
                                    <option value="{{$depart_val->id}}">{{$depart_val->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class='col-md-2'>
                    <div class="form-group">
                        <label>{{__('obs.designation')}}</label>
                        <select name="emp_designation" id="emp_designation" class="form-control select_2">
                            <option value="0">--Select--</option>
                            @if(!empty($designation_lists))
                                @foreach($designation_lists as $design_val)
                                    <option value="{{$design_val->id}}">{{$design_val->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class='col-md-2'>
                    <div class="form-group">
                        <label>{{__('obs.date')}} {{__('obs.from')}} </label>
                        <input type="text" class="datepicker form-control input-sm"
                                name="date_from" id="date_from" value="@if(!empty($date_from)){{$date_from}}@else{{date('01-m-Y')}}@endif">
                    </div>
                </div>
                <div class='col-md-2'>
                    <div class="form-group">
                        <label>{{__('obs.date')}} {{__('obs.to')}}</label>
                        <input type="text" class="datepicker form-control input-sm"
                                name="date_to" id="date_to" value="@if(!empty($date_to)){{$date_to}}@else{{date('d-m-Y')}}@endif">
                    </div>
                </div>

                <div class='col-md-1 mt-4'>
                    <button class='btn btn-sm btn-danger'>{{__('obs.search')}}</button>
                </div>

            </div>
            
            <div class='row '>
                {{-- <div class='col-md-2 offset-8'>
                    <div class="form-group">
                        <label>Status</label>
                        <select class="form-control select_2" name="emp_status" id="emp_status">
                            <option value="0">Choose One</option>
                            <option value="1">Active</option>
                            <option value="2">Inactive</option>
                        </select>
                    </div>
                </div> --}}
            </div> 
        </form>  
    </div>
    <div class="table-responsive" id="print">
        <table class="table table-bordered table-hover">
            <thead>
            <tr>
                <th colspan="11" class="text-center">
                    <h4>{{__('obs.attendance')}} {{__('obs.for')}} {{__('obs.the')}} {{__('obs.month')}} {{__('obs.of')}} @if(!empty($_GET['date_to'])){{date('M-Y',strtotime($_GET['date_to']))}}@endif</h4>
                </th>
            </tr>
            <tr>
                <th>{{__('obs.sl')}}#</th>
                <th>{{__('obs.code')}}</th>
                <th>{{__('obs.name')}}</th>
                <th>{{__('obs.emp')}} {{__('obs.card')}}</th>
                <th>{{__('obs.station')}}</th>
                <th>{{__('obs.designation')}}</th>
                <th>{{__('obs.joining')}} {{__('obs.date')}}</th>
                <th>{{__('obs.status')}}</th>
                <th class="text-center">{{__('obs.action')}}</th>
            </tr>
            </thead>
            <tbody>
            @if(!empty($empLists)) @php($i=1)
            @foreach($empLists as $emp_val)
                <tr>
                    <input type="hidden" >
                    <td>{{$i++}}</td>
                    <td>{{$emp_val->emp_code}}</td>
                    <td>{{$emp_val->emp_name}}</td>
                    <td>{{$emp_val->emp_card}}</td>
                    <td>{{$emp_val->station_vehicle_no ? $emp_val->station_vehicle_no : null}}</td>
                   
                    <td>
                        {{$emp_val->fetch_designation ? $emp_val->fetch_designation->name : null}}
                    </td>

                    <td>{{date('d-m-Y',strtotime($emp_val->joining_date))}}</td>

                    <td>@if($emp_val->active_status==1) Active @else InActive @endif</td>

                    <td class="text-center">
                        @if($emp_val->attendance_type==1)
                        <a href="{{route('payroll.hrm.attendance.individual_time_card',['emp_code'=>$emp_val->id,'date_from'=>$date_from,'date_to'=>$date_to])}}" class='btn btn-{{$emp_val->attendance_type == 1 ? "success" : "info"}} primary btn-sm' target="_blank">{{__('obs.punch')}}</a>
                        <a href="{{route('payroll.hrm.attendance.individual_manual_punch',['employee_id'=>$emp_val->id,'date_from'=>$date_from,'date_to'=>$date_to])}}" class='btn btn-info btn-sm' target="_blank">{{__('obs.edit')}}</a>||
                        @endif
                        <a onclick="open_manual_attendance('')" class='btn btn-warning btn-sm p-1'>{{__('obs.manual')}}</a>
                        <a href="{{route('payroll.hrm.attendance.manual_attendance_delete',['employee_id'=>$emp_val->id,'month'=>$month,'year'=>$year])}}" onclick="return confirm('Data Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
                
                    </td>
                </tr>
            @endforeach
            @endif
            </tbody>
        </table>
    </div>

 </div>
 @include('payroll.attendance.report.manual_attendance_details')
    
@endsection



@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script src="{{asset('payroll_assets/attendance/js/manual_attendance.js')}}"></script>
    
<script src="{{ asset('/') }}payroll_assets/leave/applist.js"></script>
<script>
 $(document).ready(function () {
            $('.select_2').select2();
        });

        function open_manual_attendance(emp_id) {
            
            $(".leave_type").val('')
            let date_from = $("#date_from").val();
            let date_to = $("#date_to").val();

            getAttendanceModel(emp_id,date_from,date_to);
        }

        function getAttendanceModel(emp_id,date_from,date_to) {
            $(".leave_available_days").text(" ");
            $(".leave_available").hide(500);
           
            
            let url = "/payroll/get-manual-attendance";
            let method = "POST";
            let data = {
                emp_id: emp_id,
                date_from: date_from,
                date_to: date_to,
            };

            ajaxSetup(function (data) {
                    $("#emp_name").text("Name: "+data.emp_name);
                    $("#employee_code").text("Code: "+data.emp_code);
                // console.log(data);
                if (data.status == '1') {
                    swal.close();
                    $("#addManualAttendance").modal('show');
                    $("#salary_days").val(data.salary_days);
                    $("#absent").val(data.absent);
                    $("#late").val(data.late);
                    $("#early").val(data.early);
                    $("#ot_day").val(data.ot_day);
                    $("#ot_hour").val(data.ot_hour);
                    $("#night_day").val(data.night_day);
                    
                    console.log(data);
                    // Manual Leave Info
                    $.each(data.leave_info, function( index, value ) {
                        $.each(value, function( key, val ) {
                          $("#leave_type_"+key).val(val);
                          $(".leave_"+key).val(index);
                        });
                    });
                    $("#ot_day_adjust").val(data.ot_day_adjust);
                }else{
                    swal.close();
                    $("#addManualAttendance").modal('show');
                    $("#addManualAttendance").find("input,textarea,select").val('').end();
                }
                $("#start_date").val(date_from);
                $("#end_date").val(date_to);
                $("#emp_id").val(emp_id);
            }, method, url, data);
        } 
</script>
@endsection