@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title">  </h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">Roster Create</div>
                <div class="card-body">
                    <form action="{{route('payroll.hrm.roster.create')}}" method="post">
                        @csrf
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Employee</label>
                                        <input class='form-control input-sm' name="emp_code" id="emp_id"/>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label >Department</label>
                                   
                                        <select class='form-control input-sm' 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-3'>
                                <div class="form-group">
                                    <label >Employee Types</label>
                                 
                                        <select class='form-control input-sm' name="emp_types" id="emp_types">
                                            <option value="0">--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-3 text-center mt-4'>
                                <button class="btn btn-primary btn-sm">Submit</button>
                            </div>
                        </div>
                    </form>
                    <table class="display table-bordered  table table-stripped mt-3">
                        <thead>
                        <tr>
                            <th>Sl#</th>
                            <th>Code</th>
                            <th>Name</th>
                            <th>Emp Card</th>
                            <th>Gender</th>
                            <th>Department</th>
                            <th>Employee Type</th>
                            <th class="text-center">Current Roster</th>
                            <th>Status</th>
                            <th>
                                <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>{{$emp_val->fetch_department ? $emp_val->fetch_department->name : null}}</td>
                                <td>{{$emp_val->emp_type ? $emp_val->emp_type_info->name : null}}</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>

                    @include('payroll.roster.roster_modal')

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

    <script>
        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();
                    }
                   

                    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,
                        };
                        batchShiftArray.push(shift_obj);
                    }
                });
            }
            let batchShiftList = JSON.stringify(batchShiftArray);

            if(emp_lists.length!=0){
                if(batchShiftArray.length!=0){
                    let url = li + "assign-empBatchShift";
                    let method = "POST";
                    let data = {
                        batchShiftList: batchShiftList,
                        emp_lists: emp_lists,
                        update_emp_id: update_emp_id
                    };
                    mainAjaxSetup(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