@extends('layouts.master')
@section('page-css')
<link rel="stylesheet" href="{{ asset('assets/styles/vendor/datatables.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/bootstrap-multiselect.min.css') }}">
<link rel="stylesheet" href="{{asset('assets/styles/vendor/quill.snow.css')}}">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
@endsection
@section('main-content')

<div class="breadcrumb">
    <h1>All Reviews</h1>
    <ul>
        <li><a href="{{route('dashboard')}}">Home</a></li>
        <li>List</li>
    </ul>
</div>
<div class="separator-breadcrumb border-top"></div>


<section class="contact-list">
    <div class="row">
        <div class="col-md-12 mb-4">
            <div class="card text-left">
                <div class="card-header bg-transparent">
                    <!----------------------------------->
                    <x-reviews.launch-one-off-review :deptUsers="$users" :reviewList="$review_types"/>
                    <!----------------------------------->
                </div>

                <div class="card-body">
                    @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can View Completed Review'))
                    <div class="table-responsive">
                        <table id="review-table-list" class="display table " style="width:100%" data-urlLoad="{{route('reviews.list_reviews')}}" data-showReviewUrl='{{ route("reviews.show", ":whoReviewId") }}'>
                            <thead>
                                <tr>
                                    <th>Review Template Title</th>
                                    <th>Title</th>
                                    <th>Reviewed For</th>
                                    <th>Reviewed By</th>
                                    <th>Reviewed Type</th>
                                    <th>Review Date</th>
                                    <th>Action</th>
                                </tr>
                                <tr>
                                    <td>
                                        <select name="reviews_id" class="form-control search_init" id="reviews_id">
                                            <option value="">-- All --</option>
                                            @if(isset($review_types))
                                            @foreach($review_types as $reviewID=>$review)
                                            <option value="{{$reviewID}}" >{{$review}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                    </td>
                                    <td><input type="text" id="title" name="title" class="search_init"></td>
                                    <td>
                                        <select name="reviewee_id" class="form-control filterSelect search_init" id="reviewee_id">
                                            <option value="" >--All--</option>
                                            @if(isset($users))
                                            @foreach($users as $userGroup=>$userArr)
                                            <optgroup label="Everyone in the {{$userGroup}} dept" class="font-weight-bold">
                                                @foreach($userArr as $userID=>$userName)
                                                <option value="{{$userID}}" >{{$userName}}</option>
                                                @endforeach
                                            </optgroup>
                                            @endforeach
                                            @endif
                                        </select>
                                    </td>
                                    <td>
                                        <select name="completed_by" class="form-control filterSelect search_init" id="completed_by">
                                            <option value="" >--All--</option>
                                            @if(isset($users))
                                            @foreach($users as $userGroup=>$userArr)
                                            <optgroup label="Everyone in the {{$userGroup}} dept" class="font-weight-bold">
                                                @foreach($userArr as $userID=>$userName)
                                                <option value="{{$userID}}" >{{$userName}}</option>
                                                @endforeach
                                            </optgroup>
                                            @endforeach
                                            @endif
                                        </select>
                                    </td>
                                    <td>
                                        <select name="review_type" class="form-control filterSelect search_init" id="review_type">
                                            <option value="" >--All--</option>
                                            <option value="y" >One-Off Review</option>
                                            <option value="n" >Review Cycle</option>
                                           
                                        </select>
                                    </td>
                                    <td><input type="text" id="review_date" name="review_date" readonly="readonly" autocomplete="off" class="search_init"></td>
                                    <td>&nbsp;</td>
                                </tr>

                            </thead>
                        </table>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

<!-- end of row -->

@endsection

@section('page-js')
<!--Datatable-->
<script src="{{ asset('assets/js/vendor/datatables.min.js') }}"></script>
<!--Multi-select option in the dropdown-->
<script src="{{ asset('js/bootstrap-multiselect.min.js') }}"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script>
$(document).ready(function () {
    var showModal = "";
    if (showModal == 'y') {
        $('#createOneOffReviewBtn').trigger('click');
    }
});
</script>
<script>
$('body').on('hidden.bs.modal', function () {
if($('.modal.show').length > 0)
{
    $('body').addClass('modal-open');
}
});
function review_as_archive(who_review_cycles_id,action){
        if(confirm('Would you like to '+action+' it?')){
            $.ajax({
            url: "{{ route('reviews.mark_as_archived') }}",
            method: 'POST',
            data: {
                who_review_cycles_id:who_review_cycles_id
            },
            success: function(response) {
                // Handle the response from the server
                location.reload();
            },
            error: function(xhr) {
                // Handle any error that occurred during the request
                console.log('AJAX request failed');
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        }else{
            return false;
        }
    }
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script src="{{asset('assets/js/vendor/quill.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.2/jquery.rateyo.min.js"></script>
<!--Date picker-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script src="{{asset('assets/js/form.validation.script.js')}}"></script>
<script src="{{asset('assets/js/reviewCycle.js')}}"></script>
<script src="{{asset('assets/js/garlic.js')}}"></script>
@endsection