@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"> Dynamic OT Shift List</h3>
                    <a href="{{route('payroll.hrm.roster.shift_extend')}}" class="btn btn-sm btn-success"> Create</a>
                </div>
                
                <div class="card-body">
                    <form action="{{route('payroll.hrm.roster.shift_extend')}}" method="get">
                        <div class='row col-12' >

                            
                            <div class='col-3'>
                                <div class="form-group">
                                    <label>Employee Name</label>
                                    <select id="emp_select" class="name_code_live_search form-control" name="employee_id">
                                        <option selected disabled value="">Select employee</option>
                                        @foreach ($employes as $e)
                                            <option value="{{$e->id}}" @if(request()->get('employee_id') == $e->id) {{'selected'}} @endif>{{$e->emp_name}}-{{$e->emp_code}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Department</label>
                                    <select name="department_id" id="department_id" class="form-control select_2">
                                        <option value="">--Select--</option>
                                            @foreach($departments as $department)
                                                <option value="{{$department->id}}" @if(request()->get('department_id') == $department) {{'selected'}} @endif>{{$department->name}}</option>
                                            @endforeach
                                    </select>
                                </div>
                            </div>
                            

                            <div class='col-2'>
                                <div class="form-group">
                                    <label>Date From</label>
                                    <input type="text" class="form-control datepicker" id="date_from" name="date_from" value="{{request('date_from') ? carbon()->parse(request('date_from'))->format('d-m-Y') :carbon()->now()->format('d-m-Y')}}">
                                </div>
                            </div>

                            <div class='col-2'>
                                <div class="form-group">
                                    <label>Date To</label>
                                    <input type="text" class="form-control datepicker" id="date_to" name="date_to" value="{{request('date_to') ? carbon()->parse(request('date_to'))->format('d-m-Y') :carbon()->now()->format('d-m-Y')}}">
                                </div>
                            </div>

                            <div class='col-md-1 mt-4'>
                                <button class="btn btn-primary btn-sm" id="submit_button">Submit</button>
                            </div>
                            
                        </div>
                    </form>
                    <table class="display table-bordered datatable table table-stripped mt-3" style="width: 100%">
                        <thead>
                            <tr>
                                <th style="width: 5%">SL</th>
                                <th style="width: 15%">Name</th>
                                <th style="width: 10%">Code</th>
                                <th style="width: 15%">Departmet</th>
                                <th style="width: 10%">Date</th>
                                <th style="width: 10%">Shift</th>
                                <th style="width: 8%">Extend Hours</th>
                                <th style="width: 10%">Action</th>
                            </tr>
                        </thead>
                        <tbody id="">
                            @php
                                $i=1;
                            @endphp
                            @foreach ($shift_extends as $list)
                                <tr>
                                    <td>{{$i++}}</td>
                                    <td>{{ $list->employee_info->emp_name}}</td>
                                    <td>{{ $list->employee_info->emp_code}}</td>
                                    <td>{{ $list->department ? $list->department->name : null}}</td>
                                    <td>{{date("d-m-Y" ,strtotime($list->date))}}</td>
                                    <td>{{ $list->shift_info->name}}</td>
                                    <td>{{$list->extend_hours}}</td>
                                    
                                    <td> 
                                    @if($list->approve_status==1)
                                        <div class="row p-1">
                                            {!! getApprovalInputField($list->id,714) !!}
                                        </div>
                                    @else
                                        <button type="button" class="btn btn-sm btn-success">Approved</button>
                                        @if(company_settings()->approval_system ==2)
                                            {{-- <a href="{{route('leave.delete',['id'=>$item->id])}}" onclick="return confirm('Data Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a> --}}
                                        @endif
                                    @endif
                                    {{-- <a href="{{route('roster.ot_hour_requisition.print',['id'=>$list->id])}}"  class="btn btn-warning btn-sm"><i class="fas fa-print"></i></a> --}}
                                    </td>
                                </tr>
                            @endforeach 
                        </tbody>
                    </table>

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


    <script>
    $(document).ready(function(){ 
        $('.select_2').select2()
    });

    </script>

@endsection