@extends('admin.layout.master')
@section('content')
@include('flash-message')
     
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center ">
                    <h3 class="text-left">{{__('obs.ot')}} {{__('obs.day')}} {{__('obs.request')}}  {{__('obs.list')}} </h3>
                 </div> 
               
                <div class="card-body">
                    <form action="{{route('payroll.hrm.ot_day_request.index')}}" method="GET">
                       
                        <div class='row'>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{__('obs.employee_name')}}/{{__('obs.code')}}</label>
                                    <select class="form-control input-sm name_code_live_search" name="employee_id" id="employee_id">
                                        {{-- @foreach ($employes as $e)
                                            <option value="{{$e->id}}" @if(request()->get('emp_code') == $e->emp_code) {{'selected'}} @endif>{{$e->emp_name}}-{{$e->emp_code}}</option>
                                         @endforeach --}}
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.select_department')}}</label>
                                    <select class='form-control select_2' name="department_id" id="department">
                                        <option value="">--Select--</option>
                                            @foreach($departments as $dept_val)
                                                <option value="{{$dept_val->id}}"  @if(request()->get('employee_id') == $dept_val->id) {{'selected'}} @endif>{{$dept_val->name}}</option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{__('obs.type')}}</label>
                                    <select class='form-control select_2' name="type" id="type">
                                        <option value="">Select Type</option>
                                        <option value="1">Salary Adjust</option>
                                        <option value="2">Leave Adjust</option>
                                    </select>
                                </div>
                            </div>

                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{__('obs.date_from')}}</label>
                                    <input type="text" class="datepicker form-control"
                                    name="date_from" id="date_from" value="{{ request()->get('date_from') ? request()->get('date_from') : date('01-m-Y') }}">                                                    
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{__('obs.date_to')}}</label>
                                   <input type="text" class="form-control datepicker" 
                                   name="date_to" id="date_to" value="{{ request()->get('date_to') ? request()->get('date_to') : date('d-m-Y') }}">                                                    
                                </div>
                            </div>
                           
                            <div class='col-md-1 text-center mt-4'>
                                <button class="btn btn-primary btn-sm" name="search_true">{{__('obs.search')}}</button>
                            </div>
                           
                        </div>
                    </form>
                </div>
                </div>
                @if (count($ot_day_requests)>0)
               <div class="card">
                   <div class="card-body">                       
                        <div class="row">
                            <form action="{{route('payroll.hrm.ot_day_request.verify')}}" method="post" id="ot_day_request_virify_form">
                                @csrf
                            <table class="table table-bordered  table-stripped mt-3" style="width: 100%">
                                <thead class="text-center">
                                <tr>
                                    <th style="width: 5%">{{__('obs.sl')}}</th>
                                    <th style="width: 10%">{{__('obs.code')}}</th>
                                    <th style="width:12%">{{__('obs.name')}}</th>
                                    <th style="width: 10%">{{__('obs.designation')}}</th>
                                    <th style="width: 10%">{{__('obs.date')}}</th>
                                    <th style="width: 10%">{{__('obs.type')}}</th>
                                    @if ($type==2)
                                        <th style="width: 10%">{{__('obs.leave')}} {{__('obs.date')}}</th>
                                    @endif
                                    <th style="width: 10%">{{__('obs.status')}}</th>
                                    <th style="width: 10%">
                                        <button class="btn btn-sm btn-info" type="button" onclick='attendance_verify("ot_day_request_virify_form")'> {{__('obs.verify')}}</button>
                                        <input type="checkbox" id="check_all" name="" value="" class="" style="width: 20px;height:20px;vertical-align:middle">
                                    </th>
                                    <th style="width: 10%">{{__('obs.action')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i=1;
                                    @endphp
                                    @foreach ($ot_day_requests as $data )
                                        <tr>
                                            <td>{{$i++}}</td>
                                            <td class="text-center">{{$data->employee->emp_code}}</td>
                                            <td>{{$data->employee->emp_name}}</td>
                                            <td>{{$data->employee->fetch_designation ? $data->employee->fetch_designation->name : null}}</td>
                                            <td class="text-center">{{date('d-m-Y',strtotime($data->date))}}</td>
                                            <td class="text-center">
                                                @if ($data->type ==1)
                                                    <span class="badge badge-info">Adjust with Salary</span>
                                                @elseif ($data->type ==2)
                                                    <span class="badge badge-success">Adjust with Leave</span>
                                                @endif
                                            </td>
                                            @if($type==2)
                                              <td class="text-center">{{ $data->ot_day_adjust ? date('d-m-Y',strtotime($data->ot_day_adjust->leave_date)) : null}}</td>
                                            @endif
                                            <td class="text-center">
                                                @if ($data->is_verified ==1)
                                                    <span class="badge badge-primary">Pending</span>
                                                @elseif($data->is_verified ==2)
                                                    @if($data->type ==2 && $data->adjust_status == 1)
                                                        <span class="badge badge-warning">Not Adjusted</span>
                                                    @elseif($data->type ==2 && $data->adjust_status == 2)
                                                        <span class="badge badge-success">Adjusted</span>
                                                    @else
                                                        <span class="badge badge-success">Verified</span>
                                                    @endif
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if ($data->is_verified ==1)
                                                    <input type="checkbox" id="" name="ot_day_request[]" value="{{$data->id}}" class="" style="width:15px;height:15px;vertical-align:middle">
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if(checkAuthPermission('payroll.data.delete'))
                                                <button type="button" class="btn btn-danger btn-sm " onclick="delete_data({{$data->id}},'pay_ot_days','{{route('payroll.hrm.ot_day_request.delete')}}')">
                                                    <i class="fa fas fa-trash"></i>
                                                </button>          
                                                @endif    
                                             </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>

                        </form>

                        </div>
                </div>
            </div>

            @else
                <p class="text-center"><b>{{__('obs.no_data_found')}}</b></p>
            @endif

        </div>
    </div>
@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script>

    $(document).ready(function () {
        $('.select_2').select2();
    });
    $("#check_all").change(function(){
        $('input:checkbox').prop('checked', this.checked);    
    });

   function attendance_verify(formId){
    var message = "Do you want to Verify ?";
       var confirmButtonText = "Yes, Verify it!";
       var formUrl = null;
       var  method = null;      
       showConfirmAndSubmit(formId, message,confirmButtonText,ajax=0,formUrl,data = null, method);
  }
</script>
@endsection