@extends('admin.layout.master')
@section('content')
<style>
    .select_2 {
       width:100% !important;
    }
</style>
    
@include('flash-message')
    <div class="row">

        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-8">
                            <h3 class="text-left"> Roster Create</h3>
                        </div>

                      
                        <div class="col-md-4 text-right">
                            {{-- <a href="{{route('payroll.hrm.roster.index')}}" class="btn btn-sm btn-info">Bulk Roster</a> --}}

                            <a href="{{route('payroll.hrm.roster.index')}}" class="btn btn-sm btn-success">Roster View</a>
                        </div>
                    </div>
                   
                </div>
                <div class="card-body">

                   
    




                    <form action="{{route('payroll.hrm.roster.bulk_roster_assign')}}" method="GET">
                       
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Select Department</label>

                                    <select class='form-control select_2' name="department" id="department" required>
                                        <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">Submit</button>
                            </div>
                           
                        </div>
                    </form>

                    <form action="{{route('payroll.hrm.roster.bulk_roster_store')}}" method="post">
                        @csrf
                       
                        <div class="row">
                            <table class="display table-bordered datatable table table-stripped mt-3" style="width: 100%">
                                <thead class="text-center">
                                <tr>
                                    <th style="width: 5%">#SL</th>
                                    <th style="width:12%">Name</th>
                                    <th style="width: 15%">Code</th>
                                    <th style="width: 10%">Designation</th>
                                    <th style="width: 10%">Department</th>
                                    <th style="width: 8%">
                                        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>{{$employee->emp_name}}</td>
                                            <td>{{$employee->emp_code}}</td>
                                            <td>{{$employee->fetch_designation ? $employee->fetch_designation->name : null}}</td>
                                            <td>{{$employee->fetch_department ? $employee->fetch_department->name : null}}</td>
                                            <td>
                                                <input type="checkbox" id="" name="employee_id[{{$employee->id}}]" value="" class="" style="width: 20px;height:20px;vertical-align:middle">

                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
    
                        <hr><br>



                    <table class="display table-bordered datatable table table-stripped mt-3" style="width: 100%">
                        <thead class="text-center">
                        <tr>
                           
                            <th style="width: 10%">Day</th>
                            <th style="width: 15%">Roster 1</th>
                            <th style="width: 15%">Department</th>
                            <th style="width: 15%">Roster 2</th>
                            <th style="width: 15%">Department</th>
                            <th style="width: 15%">Roster 3</th>
                            <th style="width: 15%">Department</th>
                            {{-- <th style="width: 15%">Action </th> --}}
                        </tr>
                        </thead>
                        <tbody>
                            @php
                                $i=1;
                            @endphp
                            @foreach ( $week_days as $key=>$day)
                            <tr>
                                <td>
                                    <input type="text" class="form-control input-sm" id="weekday" name="weekday" value="{{$day}}">
                                </td>
                                @for ($i = 1; $i < 4; $i++)
                                <td>
                                    <select class="form-control select_2" name="shift_id[{{$key}}][]" id="shift_id_{{$i}}">
                                        <option value="">--Select--</option>

                                        @if(!empty($shiftList))
                                            @foreach($shiftList as $shift_val)
                                                <option value="{{$shift_val->id}}">{{$shift_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </td>
                                <td>
                                    <select class='form-control select_2' name="emp_department[{{$key}}][]" id="emp_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>
                                </td>
                                @endfor
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    @if(count($week_days)>0)
                    <div class="row">
                        
                        <div class='col-3 text-center mt-4'>
                            <div class="form-group row">
                                <label for="" class="col-5 col-form-label labels">Start Date : </label>
                                <div class="col-7">
                                    <input class="form-control datepicker" id="start_date" name="start_date" placeholder="Start Date" required type="text" required>
                                </div>
                              </div>
                        </div>
                        <div class='col-3 text-center mt-4'>
                            <div class="form-group row">
                                <label for="" class="col-5 col-form-label">End Date : </label>
                                <div class="col-7">
                                    <input class="form-control datepicker" id="end_date" name="end_date" placeholder="End Date" required type="text" >
                                </div>
                              </div>
                        </div>
                        <div class='col-2 text-center mt-4'>
                            <button class="btn btn-success btn-sm">Submit</button>
                        </div>
                    </div>
                   
                    @endif
                </form>
                </div>

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

    <script>

        $(document).ready(function () {
            $('.select_2').select2();
        });



        $("#check_all").change(function(){
             $('input:checkbox').prop('checked', this.checked);    
        });



        $('.update_roster').on('click' , function(e){
                e.preventDefault();
                let confirmation =  confirm('Roster Will Update. Are You Sure?');
              
                if(confirmation==true){
                var roster_id = $(this).data('id');            
                var shift_id = $('#shift_id_'+roster_id).val();
                var department_at= $('#department_at_'+roster_id).val();
              
             
                var token = '{{csrf_token()}}';
               

                $.ajax({
                    type:'POST',
                    url: '{{route("payroll.hrm.roster.update")}}',
                    data: {  roster_id: roster_id,shift_id: shift_id , department_at: department_at},
                    success: function(data){

                        document.location.reload()

                    }
                });
               }
            });
    
    </script>

@endsection