@extends('admin.layout.master')
@section('content')
<style>
    .select_2 {
       width:100% !important;
    }
</style>
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            @include('flash-message')
        </div>
    </div>
    <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.overtime_day_replace')}}</h3>
                    <a href="{{route('payroll.hrm.ot_day_replace.index')}}" class="btn btn-sm btn-info">{{__('obs.list')}}</a>
                 </div>
                
                <div class="card-body">
                    <form action="{{route('payroll.hrm.ot_day_replace.create')}}" method="GET">
                       
                        <div class='row'>
                            <div class='col-md-3'>
                                <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>
                                        @if(!empty($department_lists))
                                            @foreach($department_lists as $dept_val)
                                                <option value="{{$dept_val->id}}"  @if(request()->get('employee_id') == $dept_val->id) {{'selected'}} @endif>{{$dept_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                           
                            <div class='col-md-3 text-center mt-4'>
                                <button class="btn btn-primary btn-sm" name="search_true">{{__('obs.submit')}}</button>
                            </div>
                           
                        </div>
                    </form>
                </div>
                </div>
                @if (count($all_employees)>0)
               <div class="card">
                   <div class="card-body">
                        <form action="{{route('payroll.hrm.ot_day_replace.store')}}" method="post">
                            @csrf
                        <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> {{__('obs.submit')}}</button>

                        <div class='row offset-6'>
                            <div class='col-md-6'>
                                <div class="form-group">
                                    <label>OT {{__('obs.overtime_date')}}</label>
                                    <input type="text" class="datepicker form-control" name="ot_date" id="ot_date" value="" required>
                                    {{-- <input type="text" class="datepicker form-control" name="ot_date" id="ot_date" value="{{ request()->get('ot_date') ? request()->get('ot_date') : date('d-m-Y') }}" required> --}}
                                </div>
                            </div>
                            <div class='col-md-6'>
                                <div class="form-group">
                                    <label>{{__('obs.replace_date')}}</label>
                                    <input type="text" class="datepicker form-control" name="replace_date" id="replace_date" value="" required> 
                                </div>
                            </div>
                        </div>
                       
                        <div class="row">
                            <table class="display table-bordered table 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.department')}}</th>
                                    <th style="width: 8%">
                                         {{__('obs.check_all')}}
                                        <input type="checkbox" id="check_all" name="" value="" class="" style="width: 25px;height:25px;vertical-align:middle">
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $i=1;
                                    @endphp
                                    @foreach ($all_employees as $employee )
                                        <tr>
                                            <td>{{$i++}}</td>
                                            <td class="text-center">{{$employee->emp_code}}</td>
                                            <td>{{$employee->emp_name}}</td>
                                            <td>{{$employee->fetch_designation ? $employee->fetch_designation->name : null}}</td>
                                            <td>{{$employee->fetch_department ? $employee->fetch_department->name : null}}</td>
                                            <td class="text-center">
                                                <input type="checkbox" id="" name="employee_id[]" value="{{$employee->id}}" class="" style="width: 20px;height:20px;vertical-align:middle">
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
            </div>
            @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);    
    });

</script>
@endsection