@extends('admin.layout.master')
@section('content')
@include('flash-message')
<div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h4 class="col-6 pl-0">{{__('obs.assigned_shift')}}</h4> 
        @if(count($employee_data) >0)
        {{-- <button type="button" class="btn btn-sm btn-info text-right" onclick="PrintDiv();">{{__('obs.print')}}</button> --}}
        {{-- @include('payroll.includes.printAndExcel') --}}
        @endif
    </div>

    <div class="card-body">
        <form action="{{route('payroll.hrm.shift.assigned_shift')}}" method="get">
            <input type="hidden" name="search" value="true">
            <div class='row'>
                <div class='col-3'>
                    <div class="form-group">
                        <label>{{__('obs.employee_name')}}/{{__('obs.code')}}</label>
                        <select class="form-control name_code_live_search" name="employee_id" id="employee_id">
                        </select>  
                        </div>
                </div>
                
                <div class='col-3'>
                    <div class="form-group">
                        <label>{{__('obs.department')}}</label>
                        <select name="department_id" id="department_id" class="form-control select_2">
                            <option value="">--Select--</option>
                            @if(!empty($department_lists))
                                @foreach($department_lists as $depart_val)
                                    <option value="{{$depart_val->id}}" @if(request()->get('department_id') == $depart_val) {{'selected'}} @endif>{{$depart_val->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <div class='col-2'>
                    <div class="form-group">
                        <label >{{__('obs.employee_types')}}</label>
                        <select class='form-control select_2' name="emp_type" id="emp_type">
                            <option value="">--Select--</option>
                            @if(!empty($employee_types))
                                @foreach($employee_types as $emp_type_val)
                                    <option
                                        value="{{$emp_type_val->id}}">{{$emp_type_val->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                
                <div class='col-2'>
                    <div class="form-group">
                        <label>{{__('obs.month')}}</label>
                        <input name="month" class="form-control" type="month">

                    </div>
                </div>
                
                <div class='col-2   mt-4'>
                    <button class='btn btn-sm btn-danger'>{{__('obs.search')}}</button>
                </div>
                
            </div>
        </form>


        @if(count($employee_data) >0)
        <div class="row">
            <div id="divTableDataHolder" class="table2excel">
            <style>
                @media print{
                    .no-print, .no-print * , .dataTables_filter,.dataTables_length,.dataTables_info,.dataTables_paginate {display: none !important;}
                    @page{
                        size: A4 portrait; 
                        /* size: legal landscape; */
                        /* padding: 0 !important;
                        margin:0 0 0 0; */
                    }
                }
            </style>
    
                <div class="row" >
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body" style="padding: 0 ">
            
                                    <div class=" row m-3">
                                        <table class="table table-stripped table-bordered text-center" style="width:100%">
                                            <tr>
                                                <td colspan="11"> <h3>Assigned Shift For The Month OF {{carbon()->parse($month)->format("F -Y")}}</h3></td>
                                            </tr>
                                            <tr>
                                                <td colspan="11" id="heading_name">{{__('obs.department')}}: {{$employee_data->first()->emp_info->fetch_department ? $employee_data->first()->emp_info->fetch_department->name : null}}</td>
                                            </tr>
    
                                        </table>
                                        </div>
                            
                                <div class="col-lg-12 col-md-12 col-sm-12 " style="">
                                    <table class="table table-stripped table-bordered text-center" id="myTable" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>{{__('obs.sl')}}</th>
                                                <th>{{__('obs.name')}}</th>
                                                <th>{{__('obs.code')}}</th>
                                                <th>{{__('obs.designation')}}</th>
                                                <th>{{__('obs.start_date')}}</th>
                                                <th> {{__('obs.end_date')}}</th>
                                                <th>{{__('obs.shift')}}</th>
                                                <th class="no-print">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tbody_data">
                                            @php
                                            $sl =1;
                                            @endphp
                                            @foreach ($employee_data as $employee)                                          
                                            <tr>
                                                <td>{{$sl++}}</td>
                                                <td class="text-left">{{$employee->emp_info->emp_name}}</td>
                                                <td>{{$employee->emp_info->emp_code}}</td>
                                                <td class="text-left">{{ $employee->emp_info->fetch_designation ? $employee->emp_info->fetch_designation->name : null}}</td>
                                                <td>{{carbon()->parse($employee->start_date)->format('d-m-Y')}}</td>
                                                <td>{{carbon()->parse($employee->end_date)->format('d-m-Y')}}</td>
                                                <td>{{$employee->fetch_shift_info_data->name}}</td>
                                                <td class="no-print">
                                                    <button type="button" onclick="edit_assigned_shift({{ $employee->id }})" class="btn btn-primary btn-sm"> <i class="fas fa-edit"></i> </button>
                                                    <a href="{{route('payroll.hrm.shift.assigned_shift_delete',['id'=>$employee->id])}}" onclick="return confirm('Data Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>   
                                    </table> 
                                </div>    
                            </div>
                            </div>
                        </div>
                    </div>
                    {{-- <div style="page-break-before: always;"></div>   --}}
            </div>
            @else
            
            @if(request()->get('search') !=null)
            <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="text-center">{{__('obs.no_data_found')}}</h4>
                    </div>
                </div>
            </div>
        </div>
       </div>
       @endif
     @endif
    </div>
</div>
@include('payroll.shift.edit_assigned_shift')

 @endsection


@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script src="{{ asset('/') }}payroll_assets/shift/add_shift.js"></script>
<script>
  $(document).ready(function () {
      $('.select_2').select2();
      $('#myTable').dataTable();
  });
</script>
@endsection