@extends('layouts.master')
@section('before-css')
<link rel="stylesheet" href="{{asset('assets/styles/vendor/pickadate/classic.css')}}">
<link rel="stylesheet" href="{{asset('assets/styles/vendor/pickadate/classic.date.css')}}">
@endsection
@section('page-css')
<link rel="stylesheet" href="{{asset('assets/styles/vendor/animate.css')}}">

@endsection
@section('main-content')
<div class="auth-layout-wrap" style="background-image: url({{asset('assets/images/photo-wide-'.rand(1,4).'.jpg')}})">
    <div class="col-md-12">
        <div class="card user-profile o-hidden mb-4 mt-12">

            <div class="card-body">
                <h4 class="card-title">Review Cycles</h4>
                <!----------------------------------->
                <x-reviews.add-review-cycle-component :frequencies="$frequencies" :deptUsers="$deptUsers" :reviewList="$reviewlist" />
                <!----------------------------------->

                <div class="tab-content" id="myPillTabContent">
                    <div class="tab-pane fade show active" id="arc" role="tabpanel" aria-labelledby="arc-tab">
                        @php
                        $countInactive=0;
                        @endphp
                        @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can View Review Cycle Link'))
                        <div class="row list-grid">
                            @if(isset($review_cycles) && count($review_cycles) > 0)
                            @foreach($review_cycles as $review)
                                @if($review->enable=='n')
                                @php
                                $countInactive++;
                                @endphp
                                @endif
                                @if($review->enable=='y')
                                    <div class="list-item col-md-4">
                                <div class="card o-hidden mb-4 ">
                                    <div class="card-body justify-content-between align-items-lg-center">
                                        <p class="m-0 text-muted text-small w-15 w-sm-100">
                                            <strong>Cycle Name -</strong> {{$review->title}}
                                            @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Edit Review Cycle'))
                                                <span class="float-right edit-reviewCycle cursor-pointer" name="edit_{{$review->id}}" data-one="{{$review->id}}" data-ajaxroute="{{route('reviews.edit_cycle',$review->id)}}"><i class="fa-solid fa-pen-to-square text-success"></i></span>
                                            @endif
                                        </p>
                                        <p class="m-0 text-muted text-small w-15 w-sm-100">
                                            <strong>Frequency -</strong> {{$review->frequency->name}}
                                        </p>
                                        <p class="m-0 text-muted text-small w-15 w-sm-100">
                                            <strong>Date of the month -</strong> {{$review->review_date}}
                                        </p>
                                        <p class="m-0 text-muted text-small w-15 w-sm-100 mb-32">

                                            @php
                                            $allReviwers='';
                                            $counter=0;
                                            if(isset($review->whoReview) && count($review->whoReview) > 0){
                                                foreach($review->whoReview as $whoReview){
                                                    $counter++;
                                                    $statusTag="<i class='fa-solid fa-user'></i>";
                                                    $allReviwers .=$statusTag.' '.$whoReview->reviewee->name . '<br>';
                                                }
                                            }
                                            $totalPerson= $counter.' '.(($counter > 1)?'members':'member');
                                            @endphp
                                            <strong>Reviewing who -</strong> <span data-html="true" data-toggle="popover" data-placement="top" data-container="body" data-content="{{$allReviwers}}"><a href="javascript:void(0);"><u>{{$totalPerson}}</u></a></span>

                                        </p>

                                        <div class="mt-32">
                                            <div class="row">
                                                <div class="col-md-6">
                                                     @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Delete Review Cycle'))
                                                        <button type="button" class="btn btn-sm btn-raised ripple btn-raised-danger delete-reviewCycle" name="delete_{{$review->id}}" data-one="{{$review->id}}" data-ajaxroute="{{route('reviews.delete_cycle',$review->id)}}">
                                                            <span class="ul-btn__text"> <i class="fa-regular fa-circle-xmark"></i> Delete</span>
                                                        </button>
                                                     @endif
                                                </div>
                                                <div class="col-md-6 ">
                                                     @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Edit Review Cycle'))
                                                        <label class="switch switch-success float-right" title="Deactivate">
                                                            <input type="checkbox" name="switch_{{$review->id}}" data-reviewcycle="{{$review->id}}" data-ajaxroute="{{route('reviews.cycle_deactivate',$review->id)}}" class="unswitch switch_validate" checked>
                                                            <span class="slider"></span>
                                                        </label>
                                                     @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                @endif
                            @endforeach
                            @endif
                        </div>
                        @endif
                        @if($countInactive > 0)
                        <div class="clearfix">&nbsp;</div>
                        <div class="text-muted text-16">Disabled review cycles</div>
                        <div class="clearfix">&nbsp;</div>
                        @endif
                         @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can View Review Cycle Link'))
                            <div class="row list-grid">
                                @if(isset($review_cycles) && count($review_cycles) > 0)
                                
                                    @foreach($review_cycles as $review)
                                        @if($review->enable=='n')
                                        <div class="list-item col-md-4">
                                            <div class="card o-hidden mb-4  bg-gray-100 ">
                                                <div class="card-body justify-content-between align-items-lg-center">
                                                    <p class="m-0 text-muted text-small w-15 w-sm-100">
                                                        <strong>Cycle Name -</strong> {{$review->title}}
                                                        @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Edit Review Cycle'))
                                                        <span class="float-right edit-reviewCycle cursor-pointer" name="edit_{{$review->id}}" data-one="{{$review->id}}" data-ajaxroute="{{route('reviews.edit_cycle',$review->id)}}"><i class="fa-solid fa-pen-to-square text-success"></i></span>
                                                        @endif
                                                    </p>
                                                    <p class="m-0 text-muted text-small w-15 w-sm-100">
                                                        <strong>Frequency -</strong> {{$review->frequency->name}}
                                                    </p>
                                                    <p class="m-0 text-muted text-small w-15 w-sm-100">
                                                        <strong>Date of the month -</strong> {{$review->review_date}}
                                                    </p>
                                                    <p class="m-0 text-muted text-small w-15 w-sm-100 mb-32">

                                                        @php
                                                            $allReviwers='';
                                                            $counter=0;
                                                            if(isset($review->whoReview) && count($review->whoReview) > 0){
                                                                foreach($review->whoReview as $whoReview){
                                                                    $counter++;
                                                                    $statusTag="<i class='fa-solid fa-user'></i>";
                                                                    $allReviwers .=$statusTag.' '.$whoReview->reviewee->name . '<br>';
                                                                }
                                                            }
                                                            $totalPerson= $counter.' '.(($counter > 1)?'members':'member');
                                                        @endphp
                                                        <strong>Reviewing who -</strong> <span data-html="true" data-toggle="popover" data-placement="top" data-container="body" data-content="{{$allReviwers}}"><a href="javascript:void(0);"><u>{{$totalPerson}}</u></a></span>

                                                    </p>

                                                    <div class="mt-32">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Delete Review Cycle'))
                                                                <button type="button" class="btn btn-sm btn-raised ripple btn-raised-danger delete_one" name="delete_{{$review->id}}" data-one="{{$review->id}}" data-ajaxroute="{{route('reviews.delete_cycle',$review->id)}}">
                                                                    <span class="ul-btn__text"> <i class="fa-regular fa-circle-xmark"></i> Delete</span>
                                                                </button>
                                                                @endif
                                                            </div>
                                                            <div class="col-md-6 ">
                                                                @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Edit Review Cycle'))
                                                                <label class="switch switch-success float-right" title="Re-instate cycle">
                                                                    <input type="checkbox" name="switch_{{$review->id}}" data-reviewcycle="{{$review->id}}" data-ajaxroute="{{route('reviews.cycle_deactivate',$review->id)}}" class="unswitch switch_validate">
                                                                    <span class="slider"></span>
                                                                </label>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                    @endforeach
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>



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

<div class="modal fade create_edit_modal" id="rvcycle_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
           
        </div>
    </div>
</div>

@endsection
@section('page-js')
<script src="{{asset('assets/js/vendor/pickadate/picker.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.date.js')}}"></script>
<script src="{{asset('assets/js/vendor/pickadate/picker.time.js')}}"></script>
<script src="{{asset('assets/js/vendor/quill.min.js')}}"></script>
<script src="{{ asset('js/bootstrap-multiselect.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/js/bootstrap-switch.js" data-turbolinks-track="true"></script>
<script src="{{asset('assets/js/reviewCycle.js')}}"></script>
<script src="{{asset('assets/js/form.validation.script.js')}}"></script>
@endsection