@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 ">
        <h5 class="font-weight-bold mb-0">{{__('obs.batch_shift_assign')}}</h5>
        <a href="{{route('payroll.hrm.shift.assigned_shift')}}" class="btn btn-sm btn-success">{{__('obs.employee_assigned_shift')}}</a>

    </div>

    <div class="card-body">
        <form action="{{route('payroll.hrm.shift.batch_shift_assign_search')}}" method="post">
            @csrf
            <div class='row'>
                <div class='col-md-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-md-3'>
                    <div class="form-group">
                        <label >{{__('obs.department')}}</label>
                        <select class='form-control select_2' name="emp_department" id="emp_department">
                            <option value="0">--Select--</option>
                            @if(!empty($department_lists))
                                @foreach($department_lists as $dept_val)
                                    <option value="{{$dept_val->id}}">{{$dept_val->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class='col-md-2'>
                    <div class="form-group">
                        <label>{{__('obs.employee_types')}}</label>
                        <select class='form-control input-sm' 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-md-1 text-center mt-4'>
                    <button class="btn btn-primary btn-sm">{{__('obs.submit')}}</button>
                </div>
            </div>
        </form>
        <table class="display table-bordered datatable table table-stripped mt-3" id="">
            <thead>
            <tr>
                <th>{{__('obs.sl')}}</th>
                <th>{{__('obs.code')}}</th>
                <th>{{__('obs.name')}}</th>
                <th>{{__('obs.employee_card')}}</th>
                <th>{{__('obs.gender')}}</th>
                <th>{{__('obs.department')}}</th>
                <th>{{__('obs.employee_type')}}</th>
                <th class="text-center">{{__('obs.current_shift')}}</th>
                <th>Status</th>
                <th>
                    <input type="checkbox" id="all_employee_check" value="" class="" style="width: 18px;height:18px"> &nbsp;
                    <button type="button" class="btn btn-primary btn-sm" onclick="batchShiftAssign()">
                        Assign
                    </button>
                </th>
            </tr>
            </thead>
            <tbody>
            @if(!empty($empLists)) @php($i=1)
            @foreach($empLists as $emp_val)
                <tr style="height: 30px">
                    <td>{{$i++}}</td>
                    <td>{{$emp_val->emp_code}}</td>
                    <td>{{$emp_val->emp_name}}</td>
                    <td>{{$emp_val->emp_card}}</td>
                    <td>@if($emp_val->emp_gender==1) Male @else Female @endif</td>
                    <td></td>
                    <td>                    </td>
                    <td class="text-center">
                        
                        @if($emp_val->employee_shift_changes->last())
                                {{$emp_val->employee_shift_changes ? $emp_val->employee_shift_changes->last()->fetch_shift_info_data->name : null}}
                                <br>
                                {{carbon()->parse($emp_val->employee_shift_changes->last()->start_date)->format('d-m-Y')}}
                                - 
                                {{carbon()->parse($emp_val->employee_shift_changes->last()->end_date)->format('d-m-Y')}}
                                @else
                            {{$emp_val->fetch_shift_info_data ? $emp_val->fetch_shift_info_data->name : null}}
                        @endif
                    </td>
                    <td>@if($emp_val->active_status==1) Active @else InActive @endif</td>

                    <td>
                        <input type="checkbox" name="emp_id" id="emp_id" value="{{$emp_val->id}}" class="emp_lists">
                    </td>
                </tr>
            @endforeach
            @endif
            </tbody>
        </table>
    </div>

</div>
    @include('payroll.shift.batch_shift_assign.batchshiftassignModal')
@endsection


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

<script>

    $('#all_employee_check').click(function () {    
        $('.emp_lists').prop('checked', this.checked);    
    });
     $(document).ready(function () {
        $('.select_2').select2();
        $('#myTable').dataTable();
    });
    function batchShiftAssign() {
        $("#batchShiftModal").modal('show');
    }

    function addBatchShiftAssign() {
        let update_emp_id = 0;
        let batchShiftArray = [];

        let emp_lists = [];
        $('input[name="emp_id"]').each(function () {
            if ($(this).is(':checked')) {
                emp_lists.push($(this).val());
            }
        });
       

        if(emp_lists.length !=0){
            $(".shift_list_div").each(function () {
                let div_id = $(this).attr('data-id');
                let shift_id = $("#shift_id_" + div_id).val();
                let date_from = $("#date_from_" + div_id).val();
                let date_to = $("#date_to_" + div_id).val();
                let shift_count_as = 1 ;
                if ($("#shift_count_as_"+ div_id).is(":checked"))
                {
                    shift_count_as = $("#shift_count_as_"+ div_id).val();
                }

                let duty_free = 0 ;
                if ($("#duty_free"+ div_id).is(":checked"))
                {
                    duty_free = $("#duty_free"+ div_id).val();
                }
               

                if(date_from!='' && date_to!=''){
                    let shift_obj = {
                        'shift_id': shift_id,
                        'date_from': date_from,
                        'date_to': date_to,
                        'shift_count_as': shift_count_as,
                        'duty_free': duty_free,
                    };
                    batchShiftArray.push(shift_obj);
                }
            });
        }
        let batchShiftList = JSON.stringify(batchShiftArray);

        if(emp_lists.length!=0){
            if(batchShiftArray.length!=0){
                let url = "/payroll/assign-empBatchShift";
                let method = "POST";
                let data = {
                    batchShiftList: batchShiftList,
                    emp_lists: emp_lists,
                    update_emp_id: update_emp_id
                };
                ajaxSetup(function (response) {
                    swal.fire({
                        icon: 'success',
                        html: '<h5>Assigned Successfully!</h5>'
                    });
                    window.location.reload();
                }, method, url, data);
            }else{
                swal.fire({
                    icon: 'danger',
                    html: '<h5>Please Enter Any Shift!</h5>'
                });
            }
        }else{
            swal.fire({
                icon: 'danger',
                html: '<h5>Please Select Any Employee!</h5>'
            });
        }

    }

   
</script>
@endsection