@extends('admin.layout.master')
@section('title','Roster Wise Manual Punch')

@section ('content') 
<style>
   
</style>
    <div class="card sina-card" style="margin: 0">
        @include('flash-message')
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
          <div class="col-6 p-0">
            <h4 class="">Roster Wise Manual Punch</h4>
          </div>
          <div class="col-6 p-0 text-right">
            @if(checkAuthPermission('monthly.individual.punch'))
                <a class="p-0 " href="{{route('monthly.individual.punch')}}" ><span class=" btn btn-sm btn-warning">Punch Details</span></a>
            @endif
        </div>
        </div> 
        <div class="card-body" style="padding: 0 20px !important">
            <div class="">
                <form action="{{route('payroll.hrm.roster.manual_attendance')}}" method="get">
                    <div class='row'>
                        <div class='col-md-3'>
                            <div class="form-group">
                                <label>Employee Name/Code</label>
                                 <select class="form-control name_code_live_search" name="employee_id" id="emp_code" required>
                                  {{-- @if($employee_info && request('employee_id'))
                                    <option value="{{$employee_info->id}}" selected >{{$employee_info->emp_name}}</option>
                                    @endif --}}

                                </select>
                            </div>
                        </div>
                      
                        <div class='col-md-2'>
                            <div class="form-group">
                                <label>Date From </label>
                                <input type="text" class="datepicker form-control" name="date_from" id="date_from" value="{{request('date_from') ? request('date_from'): date('01-m-Y')}}" required>
                            </div>
                        </div>
                        <div class='col-md-2'>
                            <div class="form-group">
                                <label>Date To</label>
                                <input type="text" class="datepicker 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-2 mt-4'>
                            <button class='btn btn-md btn-danger'>Search</button>
                        </div>
                    </div>
                </form>
                
            </div>
        </div> 
    </div> 
    @if(count($attendances)> 0)
    <div class="card">
        <div class="card-body">
            <div class="row">
               
            </div>
           
            <div class="table2excel" id="print"> {{-- table-responsive --}}
                <form action="{{route('payroll.hrm.roster.manual_attendance_store')}}" method="post">
                    @csrf
                    @if(count($attendances)>0)
                        <button name="submit" style="position: fixed;bottom:20%;right:1px;z-index:2;" class="btn btn-sm btn-success" type="submit"><i class="fa fa-save"></i> Submit </button>
                    @endif
                    <table class="table table-bordered table-hover" id="" style="width: 100%">
                        <thead>
                        <tr>
                            <th colspan="11" class="text-center">
                                <h4>
                                <span id="heading_name"> {{$employee_info->emp_name}} -  {{$employee_info->emp_code}}</span>
                                </h4>
                                <h4>Attendance For The Date  Of ({{carbon()->parse($date_from)->format('d-m-Y')}} - {{carbon()->parse($date_to)->format('d-m-Y')}})</h4>
                            </th>
                            <input type="hidden" class='' id="employee" name="emp_id" value="{{$employee_info->id}}"/>
                            <input type="hidden" name="emp_code" id="emp_code" value="{{$employee_info->emp_code}}">
                        </tr>
                        <tr>
                            <th style="width:3%">SL NO</th>
                            <th style="width:8%">Date</th>
                            <th style="width:8%">Day</th>
                            <th style="width:12%">Shift</th>
                            <th style="width:8%">Status</th>
                           
                            <th style="width:20%">In Time</th>
                            <th style="width:20%">Out Time</th>
                            <th  style="width:5%">Late</th>
                            <th  style="width:5%">Early</th>
                            <th  style="width:5%">OT</th>
                        </tr>
                        </thead>
                    
                        <tbody id="tbody_data">
                        @php
                            $i = 0;
                        @endphp
                            @foreach ($attendances as $attendance )
                           
                            @php
                                 $i++;
                                 $in_time = $attendance['in_time'] ? carbon()->parse($attendance['date'].''.$attendance['in_time'])->format('d-m-Y H:i:s') : null;;
                                 $out_time = $attendance['out_time'] ? carbon()->parse($attendance['date'].''.$attendance['out_time'])->format('d-m-Y H:i:s') : null;;
                            @endphp
                            {{-- @dd( carbon()->parse($attendance['date'].''.$attendance['in_time'])); --}}
                         
                            <tr>
                                <input type="hidden" class='' name="shift_status[{{$i}}]"  value="{{$attendance['shift_status']}}"/> 

                                <td>{{$i}}</td>                           
                                <td>{{$attendance['date']}}</td>                           
                                <td class="text-left">{{ $attendance['day_name']}} </td>
                                <td class="text-left">{{ $attendance['shift_time']}} </td>
                                <td><span class="{{attendance_status_color($attendance['status'])}}">{{$attendance['status'] =="Leave" ? ucfirst($attendance['leave_type_name'])  : ucfirst($attendance['status'])}}</span></td>
                               <td>
                                    <input style=""  type="text" class='text-center hrm_date_time_picker form-control input-sm ' name="in_time[{{$i}}]" id="" value="{{$in_time}}"/> 
                                    <input type="hidden" class='' name="previous_in_time[{{$i}}]"  value="{{$in_time}}"/> 
                                    {{-- @if($in_time ) disabled @endif --}}
                                </td>  
                                <td>
                                    <input style=""   type="text" class='text-center hrm_date_time_picker form-control input-sm ' name="out_time[{{$i}}]" id="" value="{{$out_time}}" />
                                    <input type="hidden" class='' name="previous_out_time[{{$i}}]"  value="{{$out_time}}"/> 

                                </td> 
                                
                                <td class="text-right">{{ $attendance['late']}} </td>
                                <td class="text-right">{{ $attendance['early_leave']}} </td>
                                <td class="text-right">
                                    @if($attendance['over_time'])
                                         {{$attendance['over_time']}}        
                                    @else
                                        @if($attendance['ot_day'] == 1)
                                            <span class="text-warning"> {{"OT Day"}} </span>   
                                        @endif
                                    @endif
                                 </td>
                               
                            </tr>
                            @endforeach                        
                        </tbody>
                    </table> 
                    
            </form>              
            </div>
           
        </div> 
    </div> 

    <script type="text/javascript">
        $(document).ready(function() {
              
            $('.attendance').click(function(){
              var row_id = $(this).attr('row-id');
              $("#attendance_"+row_id).hide();
              $("#input_attn_"+row_id).show();

            });


            $('.update_attendance_info').on('click' , function(e){
                e.preventDefault();

                var attendance_id = $(this).data('id');
                var employee_id = $("#employee").val();
                var date_time = $("#input_attn_"+attendance_id).val();

              
            
                
                var token = '{{csrf_token()}}';
                let data = {
                    employee_id: employee_id,
                    attendance_id: attendance_id,
                    date_time: date_time,
                };
                if(date_time){
                  
                    $.ajax({
                    type:'POST',
                    url: '{{route("update_attendance")}}',
                    data: { data:data },
                    success: function(data){

                        document.location.reload()

                        }
                    });
                }else{
                    alert('Please Select Date Time');
                }
               

            });

        });   
       </script>
    @endif
@endsection