@extends('layouts.master')
@section('page-css')
    <link rel="stylesheet" href="{{ asset('css/bootstrap-multiselect.min.css') }}">
    <link rel="stylesheet" href="{{asset('assets/styles/vendor/dropzone.min.css')}}">
@endsection
<style>
    .multiselect-container {
        max-width: 300% !important;
    }
    .hider{
        display: none;
    }
    .multiselect-native-select .btn-group {
        width: 200% !important;
    }
</style>
@section('main-content')
    <section class="contact-list">
        <div class="row mb-4">
            <div class="col-md-6">
                <h3 class="heading">Edit Completed 1:1s</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-md-9 mb-4">
                <div class="card text-left">
                    <div class="card-body">
                        @if(auth()->user()->hasRole('admin') || auth()->user()->can('Can edit one to one (Tab under profile page) ')  || (auth()->user()->can('Can edit MY DEPT 1:1s (under profile page)') && in_array($bothDepts['profile_user_dept'],$bothDepts['logged_user_dept'])))
                            <form action="#" class="oneForms" method="post" enctype="multipart/form-data">
                                @csrf
                                <h4 class="heading text-primary">{{$oneStaffs->one_info->oneTitle}}</h4>
                                <h5 class="text-mute mb-32">{{date('D dS M, Y',strtotime($oneStaffs->meetDate)).' '.date('h:ia',strtotime($oneStaffs->meetTime))}}</h5>
                                <div class="card-title mb-20">Meeting Agenda(s)</div>

                                <div class="mt-3 mb-32">
                                    <div class="">
                                        <div class="" id="todo_wrap">
                                            <ul id="show-one-items">
                                                @php($count=1)
                                                @foreach($oneStaffs->one_agendas as $agenda)
                                                    <li>
                                                        <label class="checkbox checkbox-outline-success animated fadeIn {{($agenda->done_status == 'y')?'completed':''}}">
                                                            <input type="hidden" name="agenda_{{ $loop->iteration}}" value="{{$agenda->agenda}}">
                                                            <input class="checkbox chk_agenda class_of_id_{{$oneStaffs->onesId}}" type="checkbox" {{($agenda->done_status == 'y')?'checked':''}} value="{{$agenda->agenda}}" data-one="{{$oneStaffs->id}}" data-agenda="{{$agenda->id}}" data-user="{{$oneStaffs->user_id}}"><span>{{$agenda->agenda}}</span>
                                                            <span class="checkmark"> </span>
                                                            <a class="float-right" id='item_{{ $loop->iteration}}'>{!! profile_info(['elementClass'=>'rounded-circle m-0 avatar-sm-table','size'=>'avatar-sm-table','user'=>$agenda->created_by]) !!}</a>
                                                        </label>
                                                    </li>
                                                    @php($count++)
                                                @endforeach

                                            </ul>
                                            <div class="row mb-12">
                                                <input type="hidden" value="{{$count}}" name="agendaLen" id="agendaLen" />
                                                <div class="col-md-12">
                                                    <input type="text" class="form-control" id="one-list-item" data-one="{{$oneStaffs->onesId}}" data-agenda="0" data-user="{{$oneStaffs->user_id}}" placeholder="Any new activity you may want to add?">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mb-32 ">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <textarea class="form-control centeral"  rows="3" name="oneNotes_{{$oneStaffs->onesId}}" id="oneNotes_{{$oneStaffs->onesId}}" aria-label="With textarea" placeholder="Start typing your notes here..."></textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <button class="input-group-text badge-primary saveOneNote float-left mt-2 ml-12" data-onestaffid="{{$oneStaffs->id}}" data-one="{{$oneStaffs->onesId}}" data-staff="{{$oneStaffs->user_id}}" data-route="{{route('one.notes',[$oneStaffs->onesId])}}">Add Notes</button>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="ul-form__radio-inline mt-3">
                                                    <label class=" ul-radio__position radio radio-primary form-check-inline">
                                                        <input type="radio" name="radOneNotes_{{$oneStaffs->id}}" id="radOneNotes_{{$oneStaffs->id}}" value="public" checked onclick="(($(this).is(':checked')== true)?$(this).parent().next().next('.oneNoteStaff').addClass('hider'):'')">
                                                        <span class="ul-form__radio-font">Public</span>
                                                        <span class="checkmark"></span>
                                                    </label>
                                                    <label class="ul-radio__position radio radio-primary">
                                                        <input type="radio" name="radOneNotes_{{$oneStaffs->id}}" value="private" class="" onclick="(($(this).is(':checked')== true)?$(this).parent().next('.oneNoteStaff').removeClass('hider'):'')">
                                                        <span class="ul-form__radio-font mr-2">Private</span>
                                                        <span class="checkmark"></span>
                                                    </label>
                                                    <div class="oneNoteStaff hider">
                                                        <select name="OneNoteStaffs_{{$oneStaffs->id}}[]" class="form-control mutiselect search_init ml-4" style="display: none;" id="OneNoteStaffs_{{$oneStaffs->id}}" multiple required="required">
                                                            <option value="{{loggedin_userSession()->id}}" selected>Only Me</option>
                                                            @if(isset($deptUsers))
                                                                @foreach($deptUsers 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>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="mt-3" id="notes_box_{{$oneStaffs->id}}">
                                            @if(is_object($oneStaffs->staff_notes) && count($oneStaffs->staff_notes)>0)
                                                @php($count=1)
                                                @foreach($oneStaffs->staff_notes as $note)
                                                    @if($note->accessibility == 'private' && in_array(loggedin_userSession()->id,explode(',',$note->accessible_to)))
                                                        @php($count++)
                                                        <blockquote class="blockquote">
                                                            <p class="section-info">{!! nl2br($note->notes) !!} </p>
                                                            <footer class="blockquote-footer"><small>{{$note->created_at->diffForHumans()}}</small></footer>
                                                        </blockquote>
                                                    @elseif($note->accessibility == 'public')
                                                        @php($count++)
                                                        <blockquote class="blockquote">
                                                            <p class="section-info">{!! nl2br($note->notes) !!} </p>
                                                            <footer class="blockquote-footer"><small>{{$note->created_at->diffForHumans()}}</small></footer>
                                                        </blockquote>
                                                    @endif
                                                @endforeach
                                                @if($count ==1)
                                                    <div class="section-info">NA</div>
                                                @endif
                                            @else
                                                <div class="section-info">NA</div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="mb-12 ">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="row">
                                                    <div class="col-md-9">
                                                        <div class="dropzone one-dropzone" ones_staffs_id="{{$oneStaffs->id}}" data-route="{{route('one.upload',[$oneStaffs->onesId,$oneStaffs->user_id,$oneStaffs->id])}}">
                                                            <div class="fallback">
                                                                Upload files here
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="radio radio-primary">
                                                            <input type="radio" name="radOneDoc_{{$oneStaffs->id}}" id="radOneDoc_{{$oneStaffs->id}}" value="public" checked onclick="(($(this).is(':checked')== true)?$(this).parent().next().next('.oneDocStaffs').addClass('hider'):'')">
                                                            <span>Public</span>
                                                            <span class="checkmark"></span>
                                                        </label>
                                                        <label class="radio radio-primary">
                                                            <input type="radio" name="radOneDoc_{{$oneStaffs->id}}" id="radOneDoc_{{$oneStaffs->id}}" value="private" onclick="(($(this).is(':checked')== true)?$(this).parent().next('.oneDocStaffs').removeClass('hider'):'')">
                                                            <span>Private</span>
                                                            <span class="checkmark"></span>
                                                        </label>
                                                        <div class="oneDocStaffs hider">
                                                            <select name="oneDocStaffs_{{$oneStaffs->id}}[]" class="form-control mutiselect search_init" style="display: none" id="oneDocStaffs_{{$oneStaffs->id}}" multiple required="required">
                                                                <option value="{{loggedin_userSession()->id}}" selected>Only Me</option>
                                                                @if(isset($deptUsers))
                                                                    @foreach($deptUsers 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>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <button type="button" class="btn btn-success btn-icon float-right btnMarkComplete mt-2" name="edit_2" ones_staffs_id="{{$oneStaffs->id}}" data-action="edit" data-one="{{$oneStaffs->onesId}}" data-staff="{{$oneStaffs->user_id}}" data-route="{{route('one.editer',[$oneStaffs->id])}}">
                                                    <span class="ul-btn__text"><i class="i-Yes"></i> Save</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header"><h4>Recently completed 1:1s for {{user_details_by_id($oneStaffs->user_id)->name}}</h4></div>
                    <div class="card-body">
                        <div class="">
                            @php($count=0)
                            @if(is_object($recentOnes) && count($recentOnes)>0)
                                @foreach($recentOnes as $recent)
                                    @if($oneStaffs->id != $recent->ones_staffs_id)
                                        <div class="ul-widget-app__row-comments border-bottom-gray-200 mb-0">
                                            <div class="ul-widget-app__comment" style="width: 100%">
                                                <div class="ul-widget-app__profile-title">
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <h6 class="heading"><a href="{{route('one.view',$recent->ones_staffs_id)}}" >{{$recent->oneTitle}}</a></h6>
                                                            <p class="mb-2 text-muted">Completed On : {{date('dS M, Y H:ia',strtotime($recent->updated_at))}}</p>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <a href="{{route('one.view',$recent->ones_staffs_id)}}" title="View Completed 1:1 for {{user_details_by_id($oneStaffs->user_id)->name}}" class="text-success mr-2 float-right"><i class="nav-icon i-Eye font-weight-bold"></i></a>
                                                            <a href="{{route('one.editable',$recent->ones_staffs_id)}}" class="text-success mr-2 float-right" title="Edit Completed 1:1 for {{user_details_by_id($oneStaffs->user_id)->name}}"><i class="nav-icon i-Pen-4 font-weight-bold"></i></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @php($count++)
                                    @endif
                                @endforeach

                                @if($count ==0)
                                    <div class="text-center mt-32"><h4 class="text-mute mb-4">No recent 1:1 found</h4></div>
                                @endif
                            @else

                            @endif


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('page-js')
    <script>
        var base_path = '{{URL::to('/')}}';
    </script>
    <script src="{{ asset('js/bootstrap-multiselect.min.js') }}"></script>
    <script src="{{asset('assets/js/vendor/dropzone.min.js')}}"></script>
    <script src="{{asset('assets/js/one.js')}}" defer></script>
    <script>
        $('.mutiselect').multiselect({ maxHeight: 200,dropUp: true,widthSynchronizationMode: 'always', buttonWidth: '100%', enableCaseInsensitiveFiltering: true, enableClickableOptGroups: true,filterPlaceholder: 'Search for employee...'});
    </script>
@endsection