@extends('admin.layout.master')
@section('content')
<style>

</style>
@include('flash-message')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"><h5> Manual Extra OT </h5></div>
                <div class="card-body">
                    <form action="{{route('payroll.hrm.manual_extra_ot.index')}}" method="get">
                        <div class='row'>
                            <div class='col-3'>
                                <div class="form-group">
                                    <label class="labels">Employee Name/Code</label>
                                    <select class="form-control input-sm name_code_live_search" name="employee_id" id="employee_id">
                                    
                                    </select>
                                 </div>
                            </div>
                            
                            <div class='col-3'>
                                <div class="form-group">
                                    <label class="labels">Department</label>
                                    <select name="department_id" id="department_id" class="form-control select_2">
                                        <option value="">--Select--</option>
                                    
                                            @foreach($departments as $department)
                                                <option
                                                    @if(!empty($_GET['department_id']) && ($_GET['department_id']==$department->id))selected
                                                    @endif
                                                    value="{{$department->id}}">{{$department->name}}</option>
                                            @endforeach
                                       
                                    </select>
                                </div>
                            </div>

                            <div class='col-2 '>
                                <div class="form-group">
                                    <label class="labels">Start Date</label>
                                    <input type="text" id="start_date" name="start_date" class="form-control date_picker" value="{{request('date')}}" required>
                                 </div>
                            </div>
                            <div class='col-2 '>
                                <div class="form-group">
                                    <label class="labels">End Date</label>
                                    <input type="text" id="end_date" name="end_date" class="form-control date_picker" value="{{request('date')}}" required>
                                 </div>
                            </div>

                            <div class='col-1  mt-4'>
                                <button class='btn btn-sm btn-primary' name="searchBtn" value="true">Search</button>
                            </div>
                          
                        </div>
                    </form>

                    @if(count($employees)>0)
                    <form action="{{route('payroll.hrm.manual_extra_ot.store')}}" method="post">
                        @csrf
                        <input type="hidden" id="" name="date" class="form-control " value="{{request('date')}}">
                      
                        {{-- <button name="submit" style="position: fixed;bottom:20%;right:1px;z-index:2;" class="btn btn-sm btn-success" type="submit"> Submit </button> --}}

                        <table class="display  table table-stripped table-bordered mt-3" style="width: 100%">
                            <thead class="text-center">
                                <tr>
                                    <th style="width: 5%" >#SL</th>
                                    <th style="width: 15%">Name|Code</th>
                                    <th style="width: 15%">Designation</th>
                                    <th style="width: 10%">Extra OT</th>
                                    <th style="width: 15%">Note</th>                            
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $i=1;
                                @endphp
                                @foreach ($employees as $extra_ot)
                                    <tr>
                                        <td>{{$i++}}</td>
                                        <td>{{$extra_ot->emp_info->emp_name}} -{{$extra_ot->emp_info->emp_code}}</td>
                                        <td>{{$extra_ot->emp_info->fetch_designation ? $extra_ot->emp_info->fetch_designation->name : null }}</td>
                                        <td>
                                            <input type="number"  class="form-control text-right" name="extra_ot_hour[{{$extra_ot->emp_id}}]" id="extra_ot_hour{{$extra_ot->emp_id}}"   value="{{$extra_ot->extra_ot_hour}}">
                                        </td>
                                        <td>
                                            <input type="text"  class="form-control text-right" name="note[{{$extra_ot->emp_id}}]" id="note{{$extra_ot->emp_id}}"   value="{{$extra_ot->note}}">
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tr>
                                <td colspan="12" class="text-center">
                                    {{-- <button class='btn btn-sm btn-success' name="Submit" value="true">Submit</button> --}}
                                </td>
                            </tr>
                            </table>
                        </form>
                        @endif
                    </div>
                </div>
            </div>
        </div> 
@endsection

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