@extends('layouts.master')

@section('page-css')
    <link rel="stylesheet" href="{{asset('assets/styles/vendor/dropzone.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/styles/vendor/quill.snow.css')}}">
    <link rel="stylesheet" href="{{ asset('css/bootstrap-multiselect.min.css') }}">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <style>
        tr.group,
        tr.group:hover {
            background-color: #ddd !important;
        }
        #warnings {
            display:none;
        }
        .ql-editor{
            height: 120px;
        }

        .ul-widget-notification-item::after {
            content: none;
        }
        .inbox-main-sidebar-container{
            padding: 0;
        }
        .inbox-main-sidebar-container .inbox-secondary-sidebar-container{
            min-height: 0px;
        }

        .sidebar-container{
            min-height: 0px;
        }
    </style>
    @include('partials.trainingCSS') {{-- FOP DROPZONE CSS--}}
@endsection



@section('main-content')
    <div class="breadcrumb">
        <h1>Welcome back, {{explode(' ',$user->name)[0]}}</h1>
    </div>

    <div class="separator-breadcrumb border-top"></div>


    <!-- content goes here -->

    <div class="row">
        <div class="col-md-12">
            <div class="card user-profile o-hidden mb-4">
                <div class="header-cover" style="background-image: url('{{asset('assets/images/photo-wide-'.rand(1,4).'.jpg')}}')"></div>
                <div class="row ml-5 mr-5" style="margin-top: -15rem">
                    <div class="col-md-4 mt-5">
                        @can('Can view profile widget')
                        <div class="card mb-48">
                            <div class="card-body">
                                <div class="user-profile mb-4 ">
                                    <div class="ul-widget-card__user-info ">
                                        {!! profile_info(['elementClass'=>'mt-48','height'=>'120px','width'=>'120px','user'=>$user->id,'thumbFolder'=>'n']) !!}
                                        <p class="m-0 text-24">{{$user->name}}</p>
                                        <!--<p class="text-muted m-0 mb-8">{!! profile_info(['need'=>'departmentName','withinSpecificElement'=>'<p class="text-muted m-0">XX</p>','user'=>$user->id]) !!}</p>-->
                                    </div>

                                </div>

                                <div class="ul-contact-detail__info">
                                    <!--<div class="row">
                                        <div class="col-6 text-center">
                                            <div class="ul-contact-detail__info-1">
                                                <h3>Active Trainings</h3>
                                                <span class="badge  badge-square-warning lg m-1">{{$totalTrainings}}</span>
                                            </div>
                                        </div>

                                        <div class="col-6 text-center">
                                            <div class="ul-contact-detail__info-1">
                                                <h3>Engagement Score</h3>
                                                <span class="badge  badge-square-warning lg m-1">{{$engagementScore}}</span>
                                            </div>
                                        </div>
                                    </div>-->
                                    <div class="row">
                                        <div class="col-6 text-center">
                                            <div class="">
                                                <h3>Last Login</h3>
                                                <span>{{date('dS M, Y H:ia',strtotime($user->last_login))}}</span>
                                            </div>
                                        </div>

                                        <div class="col-6 text-center">
                                            <div class="">
                                                <h3>Team / Department</h3>
                                                <span>{!! ($userTeams ?? '')//.(($firstDept!='')?'<br>('.$firstDept.')':'<span class="section-info">--No department aligned--</span>') !!}</span>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                                <!--<div class="border-bottom-gray-200 mb-5">
                                    <div class="ul-widget-card__progress-rate">
                                        <span>Based on user's system activity</span>

                                    </div>
                                    <div class="progress progress--height mb-3 ">
                                        <div class="progress-bar" role="progressbar" style="width: {{$engagementScore}}%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>-->
                            </div>

                        </div>

                        <div class="pl-5 pr-5 mb-48">
                            <div class="bg">
                                <div class="ul-widget-notification-item-div">
                                    <a href="javascript:void(0)" class="ul-widget-notification-item openFeedbackAddModal" data-href="{{ route('feedback.add') }}">
                                        <div class="ul-widget-notification-item-icon text-red-50 bg-gray-200 rounded-circle p-2  mr-3">
                                            <i class="i-Quotes-2"></i>
                                        </div>
                                        <div class="ul-widget-notification-item-details">
                                            <div class="ul-widget-notification-item-title font-weight-bold">
                                                Give & request feedback
                                            </div>

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

                                @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Create Todo'))
                                <div class="ul-widget-notification-item-div">
                                    <a href="javascript:void(0)" data-toggle="modal" data-target=".create_new_modal" class="ul-widget-notification-item">
                                        <div class="ul-widget-notification-item-icon text-red-50 bg-gray-200 rounded-circle p-2  mr-3">
                                            <i class="i-Check"></i>
                                        </div>
                                        <div class="ul-widget-notification-item-details">
                                            <div class="ul-widget-notification-item-title font-weight-bold">
                                                Create a to-do item
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                @endif
                                @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can Create Trainings'))
                                <div class="ul-widget-notification-item-div">
                                    <a href="{{ route('trainings.my') }}?add=y" class="ul-widget-notification-item">
                                        <div class="ul-widget-notification-item-icon text-red-50 bg-gray-200 rounded-circle p-2  mr-3">
                                            <i class="i-Folder-Zip"></i>
                                        </div>
                                        <div class="ul-widget-notification-item-details">
                                            <div class="ul-widget-notification-item-title font-weight-bold">
                                                Create a training
                                            </div>

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

                                <div class="ul-widget-notification-item-div">
                                    <a href="{{ route('password') }}" class="ul-widget-notification-item">
                                        <div class="ul-widget-notification-item-icon text-red-50 bg-gray-200 rounded-circle p-2  mr-3">
                                            <i class="i-Key"></i>
                                        </div>
                                        <div class="ul-widget-notification-item-details">
                                            <div class="ul-widget-notification-item-title font-weight-bold">
                                                Change Password
                                            </div>

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

                                <div class="ul-widget-notification-item-div">
                                    <a href="{{ route('photo') }}" class="ul-widget-notification-item">
                                        <div class="ul-widget-notification-item-icon text-red-50 bg-gray-200 rounded-circle p-2  mr-3">
                                            <i class="i-MaleFemale"></i>
                                        </div>
                                        <div class="ul-widget-notification-item-details">
                                            <div class="ul-widget-notification-item-title font-weight-bold">
                                                Update my profile photo
                                            </div>

                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        @endcan
                    </div>

                    <div class="col-md-7 mt-5">
                        @can('Can view training widget')
						@if(is_object($myPendingTodos) && count($myPendingTodos)>0)
                        <div class="card text-start">
                            <div class="card-body">
                               
                                   <div class="card-title">{{ (count($myPendingTodos)>1)?count($myPendingTodos).' Task':count($myPendingTodos).' Tasks' }} to complete</div>
                                    <div  class="inbox-main-sidebar-container sidebar-container" appsidebarcontainer="">
                                        <div  class="inbox-main-content sidebar-content" appsidebarcontent="" style="">
                                            <div  class="inbox-secondary-sidebar-container sidebar-container" appsidebarcontainer="">
                                                <div  class="ng-tns-c9-0 sidebar-content" appsidebarcontent="">
                                                    <div  class="inbox-secondary-sidebar-content position-relative" style="min-height: {{count($myPendingTodos)*100}}px">
                                                        <div  class="inbox-secondary-sidebar rtl-ps-none sidebar ps" appsidebar="inbox-secondary-sidebar" style="width: 100%; left: 0px;"><i  class="sidebar-close i-Close" appsidebartoggler="inbox-secondary-sidebar"></i><!---->
                                                            @foreach($myPendingTodos as $to => $todo)
															 @if(stripos($todo->todos->title,'requested a feedback')!==false)
                                                                <div  class="mail-item openFeedbackAddModal" data-href="{{route('feedback.add')}}?todo_id={{$todo->todos->id}}">
															@else
																<div  class="mail-item" onclick="window.open('{{route('todos.show', ["encryptedId" => encrypt($todo->todos->id)])}}','_blank')">
															@endif
                                                                    <div  class="col-xs-6 details">
                                                                        @if(strtotime($todo->todos->due_date) < strtotime(now()))
                                                                            @if($todo->todos->user_id == loggedin_userSession()->id)
                                                                                <h5 class="m-0 text-danger">You added a to-do for yourself</h5>
                                                                            @else
                                                                                @if(strpos($todo->todos->title,'requested a feedback')!==false)
                                                                                    <h5 class="m-0 text-danger">You've a pending feedback request</h5>
                                                                                @else
                                                                                    <h5 class="m-0 text-danger">{{user_details_by_id($todo->todos->user_id)->name}} assigned you a to-do</h5>
                                                                                @endif
                                                                            @endif
                                                                        @else
                                                                            @if($todo->todos->user_id == loggedin_userSession()->id)
                                                                                @if(strpos($todo->todos->title,'requested a feedback')!==false)
                                                                                    <h5 class="m-0">You've a pending feedback request</h5>
                                                                                @else
                                                                                    <h5 class="m-0">You added a to-do for yourself</h5>
                                                                                @endif
                                                                            @else
                                                                                @if(stripos($todo->todos->title,'requested a feedback')!==false)
                                                                                    <h5 class="m-0">You've a pending feedback request.</h5>
                                                                                @else
                                                                                    <h5 class="m-0">{{user_details_by_id($todo->todos->user_id)->name}} assigned you a to-do</h5>
                                                                                @endif
                                                                            @endif
                                                                        @endif

                                                                            @if(stripos($todo->todos->title,'requested a feedback')!==false)
                                                                                <span  class="name text-muted">Submit feedback for {{explode('requested a feedback',$todo->todos->title)[0]}}</span>
                                                                            @else
                                                                                <span  class="name text-muted">Complete your task {{$todo->todos->title}}</span>
                                                                            @endif

                                                                    </div>
                                                                    @if(strtotime($todo->todos->due_date) < strtotime(now()))
                                                                        <div class="col-xs-3 date"><span class="text-danger">{{ (($todo->todos->due_date == date('Y-m-d'))?'Due today':'Due since '.date('dS M, Y',strtotime($todo->todos->due_date))) }}</span></div>
                                                                    @else
                                                                        <div class="col-xs-3 date"><span class="text-muted">{{ (($todo->todos->due_date == date('Y-m-d'))?'Due today':'Due since '.date('dS M, Y',strtotime($todo->todos->due_date))) }}</span></div>
                                                                    @endif
                                                                </div>
                                                            @endforeach
                                                        </div>

                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
									</div>
									</div>
                               @endif
								
								<div data-url="{{route('dashboard.load_widget','oneToOneOverdue')}}" class="loadWidgetData"></div>
								<div data-url="{{route('dashboard.load_widget','reviewsOverdue')}}" class="loadWidgetData"></div>
								
								<div class="card text-start  mt-2">
								<div class="card-body">
                                <div class="card-title">Upcoming Events<div>
                                        @php($flag=0)
                                        @if(is_object($upcomingOne) && count($upcomingOne)>0)
                                            <div class="list-group">
                                                @foreach($upcomingOne as $one)
                                                    <a href="/{{ $one->user_id }}/profile#oneoones" class="list-group-item list-group-item-action flex-column align-items-start bg-warning">
                                                        <div class="d-flex w-100 justify-content-between">
                                                            <h5 class="mb-1">{{$one->one_info->oneTitle}}</h5>
                                                            <small><abbr title="{{date('dS M, Y H:ia',strtotime($one->meetDate.' '.$one->meetTime))}}">{{Carbon\Carbon::parse($one->meetDate)->diffForHumans()}}</abbr></small>
                                                        </div>
                                                    </a>
                                                @endforeach
                                            </div>
                                            @php($flag++)
                                        @endif

                                        @if(is_object($upcomingTrain) && count($upcomingTrain)>0)
                                            <div class="list-group">
                                                @foreach($upcomingTrain as $train)
                                                    <a href="{{route('training.show', ["encryptedId" => encrypt($train->id)])}}" class="list-group-item list-group-item-action flex-column align-items-start bg-success">
                                                        <div class="d-flex w-100 justify-content-between">
                                                            <h5 class="mb-1">Training: {{$train->title}}</h5>
                                                            <small><abbr title="{{date('dS M, Y H:ia',strtotime($train->due_date))}}">{{Carbon\Carbon::parse($train->due_date)->diffForHumans()}}</abbr></small>
                                                        </div>
                                                    </a>
                                                @endforeach
                                            </div>
                                            @php($flag++)
                                        @endif
										
										@if(is_object($upcomingReviews) && count($upcomingReviews)>0)
                                            <div class="list-group">
                                                @foreach($upcomingReviews as $review)
												
													<br />
<b>Warning</b>:  Undefined variable $review in <b>/home/people/public_html/resources/views/dashboard.blade.php</b> on line <b>304</b><br />
<br />
<b>Warning</b>:  Attempt to read property "reviewCycle" on null in <b>/home/people/public_html/resources/views/dashboard.blade.php</b> on line <b>304</b><br />
<br />
<b>Warning</b>:  Attempt to read property "review_date" on null in <b>/home/people/public_html/resources/views/dashboard.blade.php</b> on line <b>304</b><br />
<br />
<b>Warning</b>:  Undefined variable $review in <b>/home/people/public_html/resources/views/dashboard.blade.php</b> on line <b>304</b><br />
<br />
<b>Warning</b>:  Attempt to read property "reviewCycle" on null in <b>/home/people/public_html/resources/views/dashboard.blade.php</b> on line <b>304</b><br />
<br />
<b>Warning</b>:  Attempt to read property "review_time" on null in <b>/home/people/public_html/resources/views/dashboard.blade.php</b> on line <b>304</b><br />
                                                    <a href="{{ route('profile',$review->reviewee_id) }}#reviews" class="list-group-item list-group-item-action flex-column align-items-start bg-danger text-white">
                                                        <div class="d-flex w-100 justify-content-between">
                                                            <h5 class="mb-1">Review: {{$review->reviewCycle->title}}</h5>
                                                            <small><abbr title="{{date('dS M, Y H:ia',strtotime($reviewDate))}}">{{Carbon\Carbon::parse($reviewDate)->diffForHumans()}}</abbr></small>
                                                        </div>
                                                    </a>
                                                @endforeach
                                            </div>
                                            @php($flag++)
                                        @endif

                                        @if($flag == 0)
                                            <div class="d-flex w-100 justify-content-between bg-gray-100">
                                                <h5 class="mb-1">-No Upcoming Event-</h5>
                                            </div>
                                        @endif
                            </div>


                            {{--<div class="card-body">
                                <h2 class=" mb-2">Trainings</h2>
                                <h5>Recently Completed</h5>
                                <div class="list-group">
                                    @if(isset($arrTrainings['completed']) && is_array($arrTrainings['completed']) && count($arrTrainings['completed'])>0)
                                        @foreach($arrTrainings['completed'] as $training)
                                            <a href="{{route('training.show', ["encryptedId" => encrypt($training['id'])])}}" class="list-group-item list-group-item-action flex-column align-items-start bg-success">
                                                <div class="d-flex w-100 justify-content-between">
                                                    <h5 class="mb-1">{{$training['TrainingName']}}</h5>
                                                    <small>{{Carbon\Carbon::parse($training['due_date'])->diffForHumans()}}</small>
                                                </div>
                                                <p class="mb-1">{{$training['TrainingDesc']}}</p>
                                            </a>
                                        @endforeach
                                    @else
                                        <a href="#" class="list-group-item list-group-item-action flex-column align-items-start bg-light">
                                            <div class="d-flex w-100 justify-content-between">
                                                <h5 class="mb-1">---No Training---</h5>
                                            </div>
                                        </a>
                                    @endif
                                </div>

                                <h5 class="pt-5">Upcoming</h5>
                                <div class="list-group ">
                                    @if(isset($arrTrainings['upcoming']) && is_array($arrTrainings['upcoming']) && count($arrTrainings['upcoming'])>0)
                                        @foreach($arrTrainings['upcoming'] as $training)
                                            <a href="{{route('training.show', ["encryptedId" => encrypt($training['id'])])}}" class="list-group-item list-group-item-action flex-column align-items-start bg-warning">
                                                <div class="d-flex w-100 justify-content-between">
                                                    <h5 class="mb-1">{{$training['TrainingName']}}</h5>
                                                    <small>{{Carbon\Carbon::parse($training['due_date'])->diffForHumans()}}</small>
                                                </div>
                                                <p class="mb-1">{{$training['TrainingDesc']}}</p>
                                            </a>
                                        @endforeach
                                    @else
                                        <a href="#" class="list-group-item list-group-item-action flex-column align-items-start bg-light">
                                            <div class="d-flex w-100 justify-content-between">
                                                <h5 class="mb-1">---No Training---</h5>
                                            </div>
                                        </a>
                                    @endif
                                </div>
                            </div>--}}
                        </div>
                        @endcan
                    </div>
                </div>

            </div>
        </div>
    </div>
    @include('partials.todoAddPopup')



    @endsection
    @section('page-js')

        <script src="{{asset('js/formSubmit.js')}}"></script>
        <!--upload Image-->
        <script src="{{asset('assets/js/vendor/dropzone.min.js')}}"></script>
        <!--Text Editor-->
        <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>
        <!--Multi-select option in the dropdown-->
        <script src="{{ asset('js/bootstrap-multiselect.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>
        <!--date format-->
        <script src="//code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>

        <script src="{{asset('assets/js/dashboard_todo.js')}}"></script>
    @endsection