@extends('admin.layout.master')
@section('title','Manual Punch List')
@section ('content') 
<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h4 class="col-6 pl-0">{{__('obs.manual')}} {{__('obs.punch')}} {{__('obs.list')}}</h4> 
    </div>

        <div class="card-body" style="padding: 0 20px !important">
            <div class="">
                <form action="{{route('payroll.hrm.attendance.manual_punch_list')}}" 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 name_code_live_search" name="employee_id" id="emp_code">
                                </select>
                            </div>
                        </div>
                        <div class='col-md-3'>
                            <div class="form-group">
                                <label>{{__('obs.department')}}</label>
                                <select class="form-control" name="department_id" id="">
                                    <option  value="">{{__('obs.select')}}</option>
                                    @foreach ($departments as $department)
                                        <option
                                            {{request('department_id') == $department->id ? 'selected' : ''}}
                                            value="{{$department->id}}">{{$department->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class='col-md-2'>
                            <div class="form-group">
                                <label>{{__('obs.date')}} {{__('obs.from')}} </label>
                                <input type="text" class="date_picker form-control" name="date_from" id="date_from" value="{{request()->date_from ? request()->date_from : date("d-m-Y")}}" required>
                            </div>
                        </div>
                        <div class='col-md-2'>
                            <div class="form-group">
                                <label>{{__('obs.date')}} {{__('obs.to')}}</label>
                                <input type="text" class="date_picker form-control " name="date_to" id="date_to" value="{{request()->date_to ? request()->date_to : date("d-m-Y")}}" required>
                            </div>
                        </div>
                    
                        <div class='col-md-1 mt-4'>
                            <button class='btn btn-md btn-danger'>{{__('obs.search')}}</button>
                        </div>
                    </div>
                </form>
                
            </div>


            @if(count($attendances)> 0)
                <div class="row mt-3">
                    <div class="table2excel" id="print"> {{-- table-responsive --}}
                        
                        <table class="table table-bordered table-hover text-center" id="" style="width: 100%">
                            <thead>
                            <tr>
                                <th colspan="11" class="text-center">
                                   
                                    <h4>{{__('obs.manual')}} {{__('obs.attendance')}} {{__('obs.for')}} {{__('obs.the')}} {{__('obs.date')}}  {{__('obs.of')}} ({{carbon()->parse($date_from)->format('d-m-Y')}} - {{carbon()->parse($date_to)->format('d-m-Y')}})</h4>
                                </th>
                            </tr>
                            <tr>
                                <th style="width:5%">{{__('obs.sl')}}</th>
                                <th style="width:5%">{{__('obs.code')}}</th>
                                <th style="width:20%">{{__('obs.name')}}</th>
                                <th style="width:15%">{{__('obs.designation')}}</th>
                                <th style="width:10%">{{__('obs.date')}}</th>
                                <th style="width:5%">{{__('obs.day')}}</th>
                                <th style="width:20%">{{__('obs.punch')}} {{__('obs.time')}}</th>
                                <th style="width:10%">{{__('obs.status')}} </th>
                                <th style="width:25%">{{__('obs.action')}}</th>
                            </tr>
                            </thead>
                           
                            <tbody id="tbody_data">
                               @php
                                   $i = 1;
                               @endphp
                                @foreach ($attendances as $attendance )
                                <tr>
                                    <td>{{$i++}}</td>                           
                                    <td>{{$attendance->get_emp_info->emp_code}}</td>                           
                                    <td class="text-start">{{$attendance->get_emp_info->emp_name}}</td>                           
                                    <td class="text-start">{{$attendance->get_emp_info->fetch_department ? $attendance->get_emp_info->fetch_department->name : null}}</td>                           
                                    <td>{{carbon()->parse($attendance->date_time)->format("d-m-Y")}}</td>                           
                                    <td class="text-left">{{date('l', $attendance->str_date_time)}} </td>
                                    <td>
                                        {{date('h:i:s A',$attendance->str_date_time)}}
                                    </td> 
                                    <td>
                                        @if($attendance->approve_status ==1)
                                        <span class="badge badge-primary">Pending</span>        
                                        @elseif($attendance->approve_status ==2)
                                        <span class="badge badge-success">Approved</span>
                                        @elseif ($attendance->approve_status ==3)
                                        <span class="badge badge-danger">Rejected</span>
                                        @endif
                                     </td>
                                    <td>
                                        @if($attendance->approve_status==1)
                                            {!! getApprovalInputField($attendance->id,715) !!}
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                </div> 
                @endif

        </div> 
    </div> 

@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
      

    });   
   </script>
@endsection