@extends('layouts.app') 
@section('content') 

@section('css')
<link rel='stylesheet' href="{{asset('assets/admin/fullcalendar-3.3.1/fullcalendar.css')}}">

<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/ui/jquery-ui.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/css/plugins/ui/jqueryui.min.css')}}">
<style>
.fc-day-grid-event .fc-content .fc-title {
    color: #fff !important;
    font-size: 14px !important;
}
</style>
@endsection


@if(session()->has('message'))<div class="alert alert-success">{{ session()->get('message') }}</div>@endif
@if(session()->has('error'))<div class="alert alert-danger">{{ session()->get('error') }}</div>@endif

<div class="card box-shadow-1">
    <div class="card-header">
        <h4 class="card-title">{{ isset($title)?$title:'' }}</h4>
        <div class="heading-elements">
            @if(Auth::User()->group_id != 1)
            <a href="{{route('shiftSwap')}}">
                <button class="btn btn-info mr-1">Make a Request</button>
            </a>
            @endif
        </div>
    </div>

    @if(Auth::User()->group_id == 2)
    <div class="card-body collapse in">
        <div class="card-block">

            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="send_r" data-toggle="tab" href="#send" role="tab" aria-controls="send" aria-selected="true">Send</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="receive_r" data-toggle="tab" href="#receive" role="tab" aria-controls="receive" aria-selected="false">Receive</a>
                </li>
            </ul>
                    
            <div class="tab-content px-1 pt-1">
                
                <!-- send -->
                <div role="tabpanel" class="tab-pane active" id="send" aria-expanded="true" aria-labelledby="baseIcon-tab41">
                    <table class="table table-hover table-bordered dom-jQuery-events">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Request To</th>
                                <th>Shift Swap</th>
                                <th>Date</th>
                                <th>Message</th>
                                <th>Approved By User</th>
                                <th>Approved By Manager</th>
                            </tr>
                        </thead>

                        <tbody>
                            @if(isset($sender_requests) && !empty($sender_requests))
                            @php $i=1; @endphp 
                            @foreach($sender_requests as $row)
                            <tr>
                                <td class="">{{$i++}}</td>
                                <td>{{ucwords($row->user_to_name)}}</td>
                                <td>
                                    <b>{{$row->shift_schedule_from->date}}</b> <span class="tag tag-pill tag-info">{{$row->shift_schedule_from->shift}}</span>
                                    <br>
                                    {{$row->shift_schedule_from->start_time}} - {{$row->shift_schedule_from->close_time}}
                                    
                                    <hr>
                                    
                                    <b>{{$row->shift_schedule_to->date}}</b> <span class="tag tag-pill tag-info">{{$row->shift_schedule_to->shift}}</span>
                                    <br>
                                    {{$row->shift_schedule_to->start_time}} - {{$row->shift_schedule_to->close_time}}
                                </td>
                                <td>
                                    {{date('d-M-Y', strtotime($row->created_at))}}
                                    <br>
                                    {{date('h:i A', strtotime($row->created_at))}}
                                </td>
                                <td>{{$row->message}}</td>
                                <td>
                                    @if($row->user_status == 1)
                                    <span class="tag tag-pill tag-success">Accept</span>
                                    @else
                                    <span class="tag tag-pill tag-danger">Reject</span>
                                    @endif
                                </td>
                                <td>
                                    @if($row->admin_status == 0)
                                    <span class="tag tag-pill tag-warning"> Not Approved</span>
                                    @else
                                    <span class="tag tag-pill tag-success"> Approved</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                            @else
                            <tr>
                                <td colspan="7" class="text-danger">No Requests Found!</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <!-- receive -->
                <div role="tabpanel" class="tab-pane" id="receive" aria-expanded="true" aria-labelledby="baseIcon-tab41">
                    <table class="table table-hover table-bordered dom-jQuery-events">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Request From</th>
                                <th>Shift Swap</th>
                                <th>Date</th>
                                <th>Message</th>
                                <th>Status</th>
                                <th>Approved By Manager</th>
                            </tr>
                        </thead>

                        <tbody>
                            @if(isset($receiver_requests) && !empty($receiver_requests))
                            @php $i=1; @endphp 
                            @foreach($receiver_requests as $row)
                            <tr>
                                <td class="">{{$i++}}</td>
                                <td>{{ucwords($row->user_from_name)}}</td>
                                <td>
                                    <b>{{$row->shift_schedule_from->date}}</b> <span class="tag tag-pill tag-info">{{$row->shift_schedule_from->shift}}</span>
                                    <br>
                                    {{$row->shift_schedule_from->start_time}} - {{$row->shift_schedule_from->close_time}}
                                    
                                    <hr>
                                    
                                    <b>{{$row->shift_schedule_to->date}}</b> <span class="tag tag-pill tag-info">{{$row->shift_schedule_to->shift}}</span>
                                    <br>
                                    {{$row->shift_schedule_to->start_time}} - {{$row->shift_schedule_to->close_time}}
                                </td>
                                <td>
                                    {{date('d-M-Y', strtotime($row->created_at))}}
                                    <br>
                                    {{date('h:i A', strtotime($row->created_at))}}
                                </td>
                                <td>{{$row->message}}</td>
                                <td>
                                    @if($row->user_status == 0)
                                    <span class="tag tag-pill tag-danger"> Reject</span>
                                    @else
                                    <span class="tag tag-pill tag-success"> Accept</span>
                                    @endif
                                    <button class="btn btn-primary status_shift_request_user status{{$row->id}}" data-id="{{$row->id}}">Action</button>
                                </td>
                                <td>
                                    @if($row->admin_status == 0)
                                    <span class="tag tag-pill tag-warning"> Not Approved</span>
                                    @else
                                    <span class="tag tag-pill tag-success"> Approved</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                            @else
                            <tr>
                                <td colspan="7" class="text-danger">No Requests Found!</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>

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

    @if(Auth::User()->group_id == 1)
    <div class="card-body collapse in">
        <div class="card-block">
            <table class="table table-hover table-bordered dom-jQuery-events">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Request From</th>
                        <th>Request To</th>
                        <th>Shift Swap</th>
                        <th>Date</th>
                        <th>Message</th>
                        <th>Approved By User</th>
                        <th>Approved By Manager</th>
                    </tr>
                </thead>

                <tbody>
                    @php $i=1; @endphp
                    @if(isset($requests) && !empty($requests)) 
                    @foreach($requests as $row)
                    <tr>
                        <td class="">{{$i++}}</td>
                        <td>{{ucwords($row->user_from_name)}}</td>
                        <td>{{ucwords($row->user_to_name)}}</td>
                        <td>
                            <b>{{$row->shift_schedule_from->date}}</b> <span class="tag tag-pill tag-info">{{$row->shift_schedule_from->shift}}</span>
                            <br>
                            {{$row->shift_schedule_from->start_time}} - {{$row->shift_schedule_from->close_time}}
                            
                            <hr>
                            
                            <b>{{$row->shift_schedule_to->date}}</b> <span class="tag tag-pill tag-info">{{$row->shift_schedule_to->shift}}</span>
                            <br>
                            {{$row->shift_schedule_to->start_time}} - {{$row->shift_schedule_to->close_time}}
                        </td>
                        <td>
                            {{date('d-M-Y', strtotime($row->created_at))}}
                            <br>
                            {{date('h:i A', strtotime($row->created_at))}}
                        </td>
                        <td>{{$row->message}}</td>
                        <td>
                            @if($row->user_status == 0)
                            <span class="tag tag-pill tag-danger"> Reject</span>
                            @else
                            <span class="tag tag-pill tag-success"> Accept</span>
                            @endif
                        </td>
                        <td>
                            @if($row->admin_status == 0)
                            <span class="tag tag-pill tag-danger"> Reject</span>
                            @else
                            <span class="tag tag-pill tag-success"> Accept</span>
                            @endif
                            <button class="btn btn-primary status_shift_request_admin status{{$row->id}}" data-id="{{$row->id}}">Action</button>
                        </td>
                    </tr>
                    @endforeach
                    @endif
                </tbody>
            </table>
        </div>
    </div>
    @endif

</div>

@if(Auth::User()->group_id != 1)
@include('admin.schedules.shift_swap_modal')
@endif

<!--shift User Status Modal-->
<div class="modal fade" id="shiftUserStatusModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" role="document">
  
    <form method="post" action="{{route('statusShiftRequestUser')}}" novalidation="">

      <input type="hidden" id="shift_request_id_user" name="shift_request_id_user" value="" />
      {{ csrf_field() }}
    
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="">Shift Request</h4>
            </div>
            <div class="modal-body">
                <div class="form-group row">
                    <div class="col-sm-12">
                        <label class="radio-inline"><input type="radio" name="user_status" value="1" required> Accept</label>
                    </div>
                    <div class="col-sm-12">
                        <label class="radio-inline"><input type="radio" name="user_status" value="0" required> Reject</label> 
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </div>
    </form>
  </div>
</div>

@if(Auth::User()->group_id == 1)
<!--shift Admin Status Modal-->
<div class="modal fade" id="shiftAdminStatusModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" role="document">
  
    <form method="post" action="{{route('statusShiftRequestAdmin')}}" novalidation="">

      <input type="hidden" id="shift_request_id_admin" name="shift_request_id_admin" value="" />
      {{ csrf_field() }}
    
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="">Shift Request</h4>
            </div>
            <div class="modal-body">
                <div class="form-group row">
                    <div class="col-sm-12">
                        <label class="radio-inline"><input type="radio" name="admin_status" value="1" required> Accept</label>
                    </div>
                    <div class="col-sm-12">
                        <label class="radio-inline"><input type="radio" name="admin_status" value="0" required> Reject</label> 
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </div>
    </form>
  </div>
</div>
@endif

@section('js')
<script src="{{asset('assets/admin/fullcalendar-3.3.1/lib/moment.min.js')}}"></script>
<script src="{{asset('assets/admin/fullcalendar-3.3.1/fullcalendar.js')}}"></script>

<script type="text/javascript" src="{{asset('assets/admin/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/admin/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}"></script>
<script src="{{asset('assets/admin/js/core/libraries/jquery_ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/js/scripts/ui/jquery-ui/buttons-selects.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">

    $(function () {
        $('.time').datetimepicker({
            format: 'LT'
        });

    });

    $(".edit_click").on('click', function (event) {
        event.preventDefault();

        $('#sectionModalLabel').html('Edit Section');
        var id = $(this).attr("data-id")
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            type: 'POST',
            url: '{{route("getSection")}}',
            data: {
                id: id,
                _token: CSRF_TOKEN
            },
            dataType: 'json',
            success: function (response) {
                $('#id').val(response.id);
                $('#name').val(response.name);
                $('#email').val(response.email);
                $('input[name=type][value=' + response.type + ']').prop('checked',true)
                $('#sectionModal').modal('show');
            }
        });
    });

    @if(Auth::User()->group_id == 1)
    // status_shift_request_admin
    $(".status_shift_request_admin").on('click', function (event) {
        event.preventDefault();
        var id = $(this).data("id");
        $('#shift_request_id_admin').val($(this).data("id"));
        $('#shiftAdminStatusModal').modal('show');    
    });
    @endif

    // status_shift_request_user
    $(".status_shift_request_user").on('click', function (event) {
        event.preventDefault();
        var id = $(this).data("id");
        $('#shift_request_id_user').val($(this).data("id"));
        $('#shiftUserStatusModal').modal('show');    
    });

</script>

@endsection 
@endsection