@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">
                    <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.bulk_roster_assign')}}" 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.create')}}" method="GET">
                       
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Employee Nmae/Code</label>

                                    <select class="form-control  name_code_live_search" name="emp_code" id="emp_code">
                                        <option selected disabled value="">Select employee</option>
                                        @foreach ($employes as $e)
                                            <option value="{{$e->id}}" @if(request()->get('emp_code') == $e->id) {{'selected'}} @endif>{{$e->emp_name}}-{{$e->emp_code}}</option>
                                         @endforeach
                                    </select>

                                </div>
                            </div>
                            
                            <div class='col-md-3 text-center mt-4'>
                                <button class="btn btn-primary btn-sm">Filter</button>
                            </div>
                            <div class='col-md-3 text-center mt-4'>
                                <a href="{{route('payroll.hrm.roster.create')}}" class="btn btn-warning btn-sm">Refresh</a>
                            </div>
                        </div>
                    </form>
                    <form action="{{route('payroll.hrm.roster.store')}}" method="post" id="rosterForm">
                        @csrf
                        <input type="hidden" id="employee_default_shift_id" name="default_shift_id" value="{{ isset($employee) ? $employee->shift_id : '' }}">
                        <table class="display table-bordered  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}}">
                                        {{-- @if($i>1)
                                            <option value="">--Select--</option>
                                        @endif --}}
                                        <option value="">--Select--</option>
                                        @if(!empty($shiftList))
                                            @foreach($shiftList as $shift_val)
                                                <option value="{{$shift_val->id}}">{{$shift_val->name}}  <b>{{ count($shift_val->shift_details) == 0 ? "(=".($shift_val->shift_code)."=)"  : null}}</b></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">
                        <input type="hidden" name="employee_id" value="{{$employee->id}}">
                        <div class='col-4 text-center mt-4'>
                            <div class="form-group row">
                                <label for="" class="col-4 col-form-label">Weekend </label>
                                <div class="col-8">
                                    {{-- <input type="text"  class="form-control" id="weekend" name="weekend"  value="{{$wekeend}}" readonly > --}}
                                    <select class="form-control select_2" name="weekend_id" id="weekend_policy">
                                       <option value="">Selecet Weekend</option>
                                        @foreach ($weekends as $weekend)
                                            <option value="{{$weekend->id}}" @if($employee_wekeend ? ($employee_wekeend->id == $weekend->id) : null) {{'selected'}} @endif>{{$weekend->policy}}</option>
                                         @endforeach
                                    </select>
                                </div>
                              </div>
                             
                        </div>
                        <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 type="button" class="btn btn-success btn-sm" id="rosterSubmit">Submit</button>
                        </div>
                    </div>
                   
                    @endif
                </form>
                </div>
            </div>
        </div>
    </div>
    @if(count($current_month_rosters) >0)
    <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">Current Month Roster</h3>
                        </div>
                        <div class="col-md-4 text-right">
                            @if (isset($employee))
                                <button type="button" id="openModalButton" class="btn btn-warning" onclick="singleRosterModal()">
                                    Add Roster
                                </button>
                            @endif
                            
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <form action="{{ route('payroll.hrm.roster.delete') }}" method="post">
                    @csrf
                    <input type="hidden" id="employee_default_shift_id" name="default_shift_id" value="{{ isset($employee) ? $employee->shift_id : '' }}">
                    <table class="display table-bordered  table table-stripped mt-3" style="width: 100%">
                        <thead class="text-center">
                        <tr>
                            <th style="width: 5%">#SL</th>
                            <th style="width:12%">Day</th>
                            <th style="width: 10%">Weekend</th>
                            <th style="width: 15%">Shift</th>
                            <th style="width: 10%">Start Date</th>
                            <th style="width: 10%">End Date</th>
                            <th style="width: 15%">Department</th>
                            <th style="width: 8%">
                                <button  type="submit" class='btn btn-danger btn-sm' onclick="return confirm('Shift Will Delete Permanently. Are You Sure?')">Delete </button>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                            @php
                                $i=1;
                            @endphp
                            @foreach ($current_month_rosters as $roster)
                            <tr>
                                <input type="hidden" id="day_{{$roster->id}}" name="" value="{{$roster->day_id}}">
                                <td>{{$i++}}</td>
                                <td>
                                    {{week_days()[$roster->day_id]}}
                                    @if($roster->weekend)
                                        <span class='text-danger'>(Weekend)</span>
                                    @endif
                                </td>

                                <td class="text-center">
                                    <input type="checkbox" id="weekend_{{$roster->id}}" name="" value="{{$roster->weekend}}" 
                                        {{ $roster->weekend !== null ? 'checked' : '' }}>
                                </td>
                                <td>
                                    <select class="form-control select_2" name="" id="shift_id_{{$roster->id}}" style="width: 100%">
                                        <option value="">--Select--</option>
                                        @if(!empty($shiftList))
                                            @foreach($shiftList as $shift_val)
                                            <option value="{{$shift_val->id}}"  @if($roster->shift_id == $shift_val->id) {{'selected'}} @endif>{{$shift_val->name}}  <b>{{ count($shift_val->shift_details) == 0 ? "(=".($shift_val->shift_code)."=)"  : null}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                   
                                </td>
                                <td>{{$roster->start_date}}</td>
                                <td>{{$roster->end_date}}</td>
                                <td>
                                    <select class='form-control select_2' name="" id="department_at_{{$roster->id}}" style="width: 100%">
                                        <option value="">--Select--</option>
                                        @if(!empty($department_lists))
                                            @foreach($department_lists as $dept_val)
                                                <option value="{{$dept_val->id}}"  @if($roster->department_at == $dept_val->id) {{'selected'}} @endif>{{$dept_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    {{-- {{$roster->department ? $roster->department->name : null}}</td> --}}
                                <td> 
                                    <input type="checkbox" id="" name="roster_id[]" value="{{$roster->id}}" class="delete_roster" style="width: 25px;height:25px;vertical-align:middle">
                                    &nbsp;
                                    <button  class="btn btn-warning btn-sm update_roster" data-id="{{$roster->id}}"> <i class="fa fa-pencil-alt"></i>

                                     {{-- <a href="{{route('shift.delete',['id'=>$roster->id])}}"  class="btn btn-warning btn-sm"><i class="fas fa-pencil-alt"></i></a> --}}

                                </td>
                            </tr>
                           
                            @endforeach
                        </tbody>
                    </table>
                </form>
                </div>

            </div>
        </div>
    </div>
    @endif

     {{-- Single Roster Modal --}}
     <div class="modal fade" id="singleRosterModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <form action="{{ route('payroll.hrm.roster.store.single_roster') }}" method="post">
                @csrf
                <input type="hidden" name="emp_id" id="employee_id"  value="{{ isset($employee) ? $employee->id : null }}">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Add Single Roster</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
      
            <!-- Modal Body -->
            <div class="modal-body">
               
                    <!-- Modal Header -->

                    <div class="form-group">
                        <label for="inputName" class="labels"> Day </label>
                        {{-- @dd(week_days()) --}}
                          <select class="form-control select_2" name="shift_day_id" id="shift_day_id" style="width: 100%">
                              <option value="">--Select--</option>
                                  @foreach(week_days() as $key=>$day)
                                    <option value="{{$key}}"> {{$day}} </option>
                                  @endforeach
                          </select>  
                      </div>
                    <div class="form-group">
                      <label for="inputName" class="labels"> Shift </label>
                        <select class="form-control select_2" name="shift_id" id="shiftId" style="width: 100%">
                            <option value="">--Select--</option>
                            @if(!empty($shiftList))
                                @foreach($shiftList as $shift_val)
                                <option value="{{$shift_val->id}}">{{$shift_val->name}}  <b>{{ count($shift_val->shift_details) == 0 ? "(=".($shift_val->shift_code)."=)"  : null}}</option>
                                @endforeach
                            @endif
                        </select>  
                    </div>
                  
                    <div class="form-group">
                        <label class="mr-2">Is Weekend?</label>
                        <div class="form-check form-check-inline">
                            <input type="radio" class="form-check-input" id="isWeekendYes" name="isWeekend" value="1">
                            <label class="form-check-label" for="isWeekendYes">Yes</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input type="radio" class="form-check-input" id="isWeekendNo" name="isWeekend" value="0" checked>
                            <label class="form-check-label" for="isWeekendNo">No</label>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="inputName">Department</label>
                        <select class='form-control select_2' name="department_at" id="" style="width: 100%">
                          <option value="">--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 class="form-group">
                      <label for="" class="labels">Start Date</label>
                      <input  type="text" class="form-control datepicker" id="start_date2" name="start_date" placeholder="Start Date"  required>
                    </div>

                    <div class="form-group">
                        <label for="">End Date</label>
                        <input type="text" class="form-control datepicker" id="end_date2" name="end_date" placeholder="End Date" required>
                      </div>
               
            </div>
      
            <!-- Modal Footer -->
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </form>
          </div>
        </div>
      </div>
      


@endsection

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

            $("#rosterSubmit").click(function() {
                var default_shift_id = $("#employee_default_shift_id").val();
                var startDateValue = $("#start_date").val();
                if (default_shift_id.trim() !== "") {
                  if (startDateValue.trim() !== "") {
                    if (confirm("Are you sure you want to submit the form?")) {
                        $("#rosterForm").submit();
                    }
                  }else{
                    alert("Please select Start Date before submitting.");
                  }
                } else {
                   
                    alert("Employee must have a default shift.");
                }
            });
        });

        $(".add_row").click(function(){
            alert('ok');
            console.log($(this).closest("tr"))
            // var newRow = $("<tr>");
            // var cols = "";
            // cols += '<td><input class="form-control input-sm" type="text" name="name"/></td>';
            // cols += '<td><input class="form-control input-sm"  type="text" name="price"/></td>';
            // cols += '<td><input type="button" class="ibtnAdd"  value="Add after"></td>';
            // cols += '<td><input type="button" class="ibtnDel"  value="Delete"></td>';
            // newRow.append(cols);
            // $(this).closest("tr").after(newRow);



            var $tr    = $(this).closest('tr');
            var $clone = $tr.clone();
            $tr.after($clone);
           
        });


        $('.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 weekend = null;
                
                if ($('#weekend_'+roster_id).is(':checked')) {
                    weekend = $('#day_'+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 , weekend:weekend, department_at: department_at},
                    success: function(data){

                        document.location.reload()

                    }
                });
               }
        });


    function singleRosterModal() {
        $("#singleRosterModal").modal('show');
    }
    $("#singleRosterModal").submit(function (event) {
        var startDate = $("#start_date2").val();
        var shift_day_id = $("#shift_day_id").val();
        var shift = $("#shiftId").val();
        if (startDate.trim() !== "" && shift.trim() !== "" && shift_day_id.trim() !== "") {
            $("#singleRosterModal").submit();
        }else{
            alert("Please Select Shift Day, Shift & Start Date .");
            event.preventDefault(); 
        }
       
    });
</script>
@endsection