@extends('layouts.app')

@section('styles')
@endsection

@section('content')	   
		   <!-- .page -->
          <div class="page">
            <!-- .page-inner -->
            <div class="page-inner">
              <!-- .page-title-bar -->
              <header class="page-title-bar">
                <!-- .breadcrumb -->
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item active">
                      <a href="\">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Dashboard') }}</a>
					  <a href="\users">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Users') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto"> {{ $user->name }}</h1>
                </div>
                <!-- /title and toolbar -->
              </header>
              <!-- /.page-title-bar -->
              <!-- .page-section -->
              <div class="page-section">
                <!-- .card -->
                <section class="card card-fluid">
                  <!-- .card-header -->
                  <header class="card-header">
                    <!-- .nav-tabs -->
                    <ul class="nav nav-tabs card-header-tabs">
                      <li class="nav-item">
                        <a class="nav-link @if($tab==1) active show @endif" role="tab" data-toggle="tab" href="#myuser">{{ __('Details') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link @if($tab==2) active show @endif" role="tab" data-toggle="tab" href="#myuserprofile">{{ __('Profiles') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link @if($tab==3) active show @endif" role="tab" data-toggle="tab" href="#myemails">{{ __('Emails') }}</a>
                      </li>
                      @role('admin')
                          <li class="nav-item">
                            <a class="nav-link" role="tab" data-toggle="tab" href="#myuserdelete">{{ __('Delete') }}</a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link" role="tab" data-toggle="tab" href="#myusermerge">{{ __('Merge') }}</a>
                          </li>
                      @endrole
                    </ul>
                    <!-- /.nav-tabs -->
                  </header>
                  <!-- /.card-header -->
                  <!-- .card-body -->
                  <div class="card-body">
				  
				  	<div class="tab-content">
					
						<div role="tabpanel" class="tab-pane @if($tab==1) active show @endif" id="myuser">
							<form method="POST" action="/users/{{ $user->id }}">
								{{ csrf_field() }}
								{{ method_field('PATCH') }}
               	        		<div class="row">
    							    <div class="col-sm-6 col-md-11">
                       	        		<!-- .form-group -->
                               			<div class="form-group">
                                  			<label for="name">{{ __('Name') }}</label>
                                  			<input type="text" class="form-control" id="name" name="name" value="{{ $user->name }}" required="">
                                			</div>
                               			<!-- /.form-group -->
                               		</div>
                               		<div class="col-sm-6 col-md-1">
                                   		<!-- .form-group -->
                                		<div class="form-group">
                                		    <label for="button">&nbsp;</label>                    
        									<button type="submit" name="button" class="btn btn-primary">{{ __('Save') }}</button>
                               			 </div>
                               			<!-- /.form-group -->
                               		</div>
                               	</div>
                        		<!-- .form-group -->
                       			<div class="form-group">
                          			<label for="email">{{ __('Email Address') }}</label>
                          			<input type="email" class="form-control" id="email" name="email" value="{{ $user->email }}" >
                        		</div>
                       			<!-- /.form-group -->
                    			<!-- .form-group -->
                    			<div class="form-group">
                          			<label for="locale">{{ __('Default Language') }}</label>
                         			<select class="custom-select" id="locale" name="locale" required="">
										@foreach ($languages as $language)
                            					<option value="{{ $language->locale }}" @if ($user->locale === $language->locale ) selected @endif > {{ $language->language }} </option>
                          				@endforeach
									</select>
                        		</div>
                       			<!-- /.form-group -->
                        		
							</form>
						</div>
   						
						<div role="tabpanel" class="tab-pane @if($tab==2) active show @endif" id="myuserprofile">
							<div class="row">
							    <div class="col-sm-12 col-md-6">
    								&nbsp;
                          		</div>
                  			    @role('admin')
								<div class="col-sm-12 col-md-6">
									<form id="profileform" method="POST" action="/users/{{ $user->id }}">
									    {{ csrf_field() }}
										<!-- .form-group -->
										<div class="form-group">
				                          <label for="facilitator">{{ __('Facilitator') }}</label>
				                          <select class="custom-select" id="facilitator" name="facilitator" required="" onchange="change()">
											@foreach ($userfacilitators as $facilitator)
	                            				<option value="{{ $facilitator->id }}" @if ($facilitator->id === $selectedfacilitator->id) selected @endif > {{ $facilitator->name }} ({{ $facilitator->email }})</option>
	                          				@endforeach
				                          </select>
										</div>
				                        <!-- /.form-group -->
				                    </form>
								</div>
							    @endrole
							</div>
							
							<form method="POST" action="/users/profile/{{ $user->id }}">
                    			{{ csrf_field() }}
                    			<input type="hidden" id="facilitator" name="facilitator" value="{{ $selectedfacilitator->id }}">
                    			
    							<div class="row">
    							    <div class="col-sm-6 col-md-11">
        								<!-- .card-header -->
                              			<header class="card-header border-0">
                                				<div class="d-flex align-items-center">
                                  				<span class="mr-auto">{{ __('Profiles for') }} {{ $user->name }}</span>
                                				</div>
                              			</header>
                              			<!-- /.card-header -->
                              		</div>
                              		<div class="col-sm-6 col-md-1">
                          			    <!-- .form-group -->
                            			<div class="form-group">                        
        									<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                               			</div>
                               			<!-- .form-group -->
                               		</div>
    							</div>    
                      			
                    			@if ($usercompletedprofiles->isEmpty())
    								<!-- .card-header -->
                          			<header class="card-header border-0">
                        				<div class="d-flex align-items-center">
                          				    <span class="mr-auto">{{ __('No Completed Profiles') }}</span>
                        				</div>
                          			</header>
                          			<!-- /.card-header -->
								@else
                    			    <!-- .card-header -->
                          			<header class="card-header border-0">
                        				<div class="d-flex align-items-center">
                          				    <span class="mr-auto">{{ __('Completed Profiles') }}</span>
                        				</div>
                          			</header>
                          			<!-- /.card-header -->
                        		
                        			<!-- .table -->
                        			<table class="table table-responsive-xl">
                           				<!-- thead -->
                          				<thead>
                           					<tr>
    								 			<th>{{ __('Profile') }}</th>
    											<th>{{ __('Profile completed') }}</th>
                    				 			<th>{{ __('Permission granted') }}</th>
    											<th>{{ __('User can download report') }}</th>
    											<th style="width:100px; min-width:100px;">{{ __('Report') }}</th>
                            				</tr>
                          				</thead>
                          				<!-- /thead -->
                          				<!-- tbody -->
    									<tbody>
    										@foreach ($usercompletedprofiles as $usercompletedprofile)
            									@php
    												$profilename=$profiles->where('id', $usercompletedprofile->profileID)->pluck('profilename')->first();
    												$profiledate=$usercompletedprofile->profileDate;
    												if($profiles->where('id', $usercompletedprofile->profileID)->pluck('global')->first() == 0) $permission = "n.a."; else $permission=$usershares->where('profileID', $usercompletedprofile->profileID)->pluck('active')->first();
    												$download=$usercompletedprofile->downloadReport;
    												$profileactive=$usercompletedprofile->active;
    												$userprofileid=$usercompletedprofile->id;
    											@endphp
    											<tr>
    												<td>{{ __($profilename) }}</td>
    												<td>@if (null!==$profiledate)<a data-toggle="modal" data-target="#resetModal-{{$userprofileid}}" href="#"> {{ date('d-m-Y', strtotime($profiledate)) }} </a>@endif</td>		
    												<td>@if ($permission == "1") <span class="oi oi-check text-primary"></span> @elseif ($permission == "0") <span class="oi oi-x text-warning"></span>@else {{ __($permission) }} @endif</td>
    												<td>
    													<div class="custom-control custom-control-inline custom-control-nolabel custom-checkbox">
                                								<input type="checkbox" class="custom-control-input"  id="completeddownload-{{ $userprofileid }}" name="completeddownload[]" value="{{ $userprofileid }}" @if ($download=="1") checked @endif>
                                  							<label class="custom-control-label" for="completeddownload-{{ $userprofileid }}">checkbox</label>
                                							</div>
    												</td>
    												<td>@if ((null!==$profiledate) && (("1"==$permission)||("n.a."==$permission))) <a href="/reports/summary/{{ $user->id }}/{{ $userprofileid }}"><div class="tile bg-primary"><span class="oi oi-vertical-align-bottom"></span></div></a> <a href="/reports/{{ $user->id }}/{{ $userprofileid }}"><div class="tile bg-primary"><span class="oi oi-file"></span></div></a> @elseif ($profileactive!==null) <div class="tile"><span class="oi oi-vertical-align-bottom"></span></div> <div class="tile"><span class="oi oi-file"></span></div> @endif</td>
        										</tr>
        										
        										<!-- Reset profile modal -->
    								            <div class="modal fade" id="resetModal-{{$userprofileid}}" tabindex="-1" role="dialog" aria-labelledby="ResetLabel" aria-hidden="true">
    								              	<!-- .modal-dialog -->
								                	<div class="modal-dialog" role="document">
    								                 	<!-- .modal-content -->
    								                 	<div class="modal-content">
    								                			<!-- .modal-header -->
    								                   		<div class="modal-header">
    								                      		<h5 class="modal-title">{{ __('Reset Profile') }}</h5>
    								                    	</div>
    								                        <!-- /.modal-header -->
    								                       	<!-- .modal-body -->
    								                        <div class="modal-body">
    								                            <p>{{ __('This profile has been completed on: ') }}{{ date('d-m-Y', strtotime($profiledate ?? '')) }}</p>
								                                <p>{{ __('You can reset this profile if needed. By clicking on the button below, the questionnaire will be available again and the user can complete a new profile.') }}</p>
    								                      	</div>
    								                      	<!-- /.modal-body -->
    								                  		<!-- .modal-footer -->
    								                   		<div class="modal-footer">
    															<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:window.location='/profiles/reset/{{ $userprofileid }}'">{{ __('Reset Profile') }}</button>
    								                      		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
    								                	    </div>
    								                    	<!-- /.modal-footer -->
    								           			</div>
    								                   	<!-- /.modal-content -->
    								                </div>
    								                <!-- /.modal-dialog -->
    								            </div>
    								            <!-- /.modal -->
    								        @endforeach
                              			</tbody>
                              			<!-- /tbody -->
                        			</table>
                        			<!-- /.table -->
                        			<!-- .card-header -->
                        		@endif
                    			<!-- .card-header -->
                      			<header class="card-header border-0">
                    				<div class="d-flex align-items-center">
                      				    <span class="mr-auto">{{ __('Open Profiles') }}</span>
                    				</div>
                      			</header>
                      			<!-- /.card-header -->
                    			<!-- .table -->
                    			<table class="table table-responsive-xl">
                       				<!-- thead -->
                      				<thead>
                       					<tr>
											<th style="width:50px; min-width:50px;">&nbsp</th>
								 			<th>{{ __('Profile') }}</th>
                				 			<th>{{ __('Permission granted') }}</th>
											<th>{{ __('User can download report') }}</th>
                        				</tr>
                      				</thead>
                      				<!-- /thead -->
									<!-- tbody -->
									<tbody>
										@foreach ($profiles as $profile)
        									@php
												$profileactive=$useropenprofiles->where('profileID', $profile->id)->first();
												if($profile->global == 0) $permission = "n.a."; else $permission=$usershares->where('profileID', $profile->id)->pluck('active')->first();
												$download=$useropenprofiles->where('profileID', $profile->id)->pluck('downloadReport')->first();
												$userprofileid=$useropenprofiles->where('profileID', $profile->id)->pluck('id')->first();
											@endphp
											<tr>
												<td>
													<div class="custom-control custom-control-inline custom-control-nolabel custom-checkbox">
													    @if (($profile->id!="4") || ($profileactive!==null))<input type="checkbox" class="custom-control-input"  id="{{ $profile->id }}" name="profile[]" value="{{ $profile->id }}" @if ($profileactive!==null) checked @endif> @endif
                              							<label class="custom-control-label" for="{{ $profile->id }}">checkbox</label>
                            							</div>
												</td>
												<td>{{ __($profile->trans('profilename')) }}</td>
												<td>@if ($permission == "1") <span class="oi oi-check text-primary"></span> @elseif ($permission == "0") <span class="oi oi-x text-warning"></span>@else {{ __($permission) }} @endif</td>
												<td>
													<div class="custom-control custom-control-inline custom-control-nolabel custom-checkbox">
                            							<input type="checkbox" class="custom-control-input"  id="opendownload-{{ $profile->id }}" name="opendownload[]" value="{{ $profile->id }}" @if ($download=="1") checked @endif>
                              							<label class="custom-control-label" for="opendownload-{{ $profile->id }}">checkbox</label>
                            						</div>
												</td>
											</tr>
					  					@endforeach
                          			</tbody>
                          			<!-- /tbody -->
                    			</table>
                    			<!-- /.table -->
                    			
							</form>
						    @role('payupfront')
						        <p>{{ __('You cannot change the profiles for users on this page. If you want to add a new profile for a user, you have to use the') }} <a href="\teams/create">{{ __('Add Users') }}</a> {{ __('page') }}.</p>
						    @endrole
						</div>

   						<div role="tabpanel" class="tab-pane @if($tab==3) active show @endif" id="myemails">
							<form method="POST" action="/users/email/{{ $user->id }}">
								{{ csrf_field() }}
								<div class="row">
									<div class="col-sm-12 col-md-4">
				                        <!-- .form-group -->
				                        <div class="form-group">
					                          <label for="emailtemplate">{{ __('Email template') }}</label>
					                          <select class="custom-select" id="emailtemplate" name="emailtemplate">
											  <option value="">{{ __('Choose ...') }}</option>
											  @foreach ($mytemplates as $template)
						                            <option value={{ $template->id }}  > {{ $template->templatename }} </option>
											  @endforeach
					                          </select>
				                        </div>
										<!-- /.form-group -->
									</div>								
									<div class="col-sm-4 col-md-2">
										<!-- .form-group -->
				                        <div class="form-group">
											<label  class="d-block">{{ __('Send') }}</label>
											<button type="submit" class="btn btn-primary" name="sendnow" value="on"><span class="oi oi-envelope-open"></span></button>
										</div>
				                        <!-- /.form-group -->
									</div>	
								</div>
                       			<!-- .form-group -->									
							</form>
  				 	 	</div>
  				 	 	
  				 	 	@role('admin')
      				 	 	<div role="tabpanel" class="tab-pane" id="myuserdelete">
            								
								<!-- .card-header -->
                      			<header class="card-header border-0">
                        				<div class="d-flex align-items-center">
                          				<span class="mr-auto">{{ __('Delete all user data for') }} {{ $user->name }}</span>
                        				</div>
                      			</header>
                      			<!-- /.card-header -->
                      		    
                      		    <p>{{ __('You can delete all user data from the database. This action cannot be undone!') }}</p>
                      		    
                      		    <!-- .form-group -->
		                        <div class="form-group">
									<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#deleteuserModal" >{{ __('Delete User') }}</button>
								</div>
		                        <!-- /.form-group -->

								<!-- Delete user modal -->
					            <div class="modal fade" id="deleteuserModal" tabindex="-1" role="dialog" aria-labelledby="DeleteLabel" aria-hidden="true">
					              	<!-- .modal-dialog -->
					                <div class="modal-dialog" role="document">
					                 	<!-- .modal-content -->
					                 	<div class="modal-content">
					                			<!-- .modal-header -->
					                   		<div class="modal-header">
					                      		<h5 class="modal-title">{{ __('Delete User') }}</h5>
					                    	</div>
					                        <!-- /.modal-header -->
					                       	<!-- .modal-body -->
					                        <div class="modal-body">
					                              <p>{{ __('Are you sure you want to completely remove this user from the database?') }}</p>
					                      	</div>
					                      	<!-- /.modal-body -->
					                  		<!-- .modal-footer -->
					                   		<div class="modal-footer">
												<button type="button" class="btn btn-danger" data-dismiss="modal" onclick="javascript:window.location='/users/remove/{{ $user->id }}'">{{ __('Delete User') }}</button>
					                      		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
					                	    </div>
					                    	<!-- /.modal-footer -->
					           			</div>
					                   	<!-- /.modal-content -->
					              	</div>
					              	<!-- /.modal-dialog -->
                                </div>
                                <!-- /.modal -->
                            </div>
      				 	 	
      				 	 	<div role="tabpanel" class="tab-pane" id="myusermerge">
    							<form method="POST" action="/users/merge/{{ $user->id }}">
    								{{ csrf_field() }}
    								
    								<!-- .card-header -->
                          			<header class="card-header border-0">
                            				<div class="d-flex align-items-center">
                              				<span class="mr-auto">{{ __('Merge other user data with') }} {{ $user->name }}</span>
                            				</div>
                          			</header>
                          			<!-- /.card-header -->
									
									<p>{{ __('You can move all profile data from another user, or user & team data from another facilitator to') }} {{ $user->name }}, {{ __('or both.') }}</p>
									
									<!-- .form-group -->
        	                        <div class="form-group">
        	                          <div class="custom-control custom-control-inline custom-checkbox">
        	                            <input type="checkbox" class="custom-control-input" id="moveProfiles" name="moveProfiles" value="on">
        	                            <label class="custom-control-label" for="moveProfiles">{{ __('Move the profile data of the following user to') }} {{ $user->name }}</label>
        	                          </div>
        							</div>
        	                        <!-- /.form-group -->
									
									<!-- .form-group -->
        	                        <div class="form-group">
        	                          <div class="custom-control custom-control-inline custom-checkbox">
        	                            <input type="checkbox" class="custom-control-input" id="moveFacilitatorData" name="moveFacilitatorData" value="on">
        	                            <label class="custom-control-label" for="moveFacilitatorData">{{ __('Move the facilitator data of the following facilitator to') }} {{ $user->name }}</label>
        	                          </div>
        							</div>
        	                        <!-- /.form-group -->
    										
									<p>{{ __('Please select the user that you want to take the data from.') }}</p>
									
									<!-- .table -->
                              		<table id="adminusers-table" class="table table-responsive-xl">
                              			<!-- thead -->
                              			<thead>
                               				<tr>
        										<th>{{ __('Name') }}</th>
                     			  				<th>{{ __('Email Address') }}</th>
        										<th>{{ __('Created At') }}</th>
        						  				<th style="width:170px; min-width:170px;">{{ __('Actions') }}</th>
                                				</tr>
                              			</thead>
                              			<!-- /thead -->
                              		</table>
                              		<!-- /.table -->
    							</form>
      				 	 	</div>
  				 	 	 @endrole
  				 	 	
					  </div>
 					  <!-- /.tab-content -->
				  </div>
                  <!-- /.card-body -->
                </section>
                <!-- /.card -->
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
    <script src="{{ asset('assets/vendor/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/javascript/pages/dataTables.bootstrap.js') }}"></script>
	<script>
  @role('admin')

  $(function() {
  	
  	$('#adminusers-table').DataTable({
      processing: true,
      serverSide: true,
	  dom: "<'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-12 col-md-5'l><'col-sm-12 col-md-7'p>>",
      buttons: ['copyHtml5', { extend: 'print', autoPrint: false }],
      language: {
        info: "{{ __('datatables_info') }}",
        infoEmpty: "{{ __('datatables_infoEmpty') }}",
        infoFiltered: "{{ __('datatables_infoFiltered') }}",
        lengthMenu: "{{ __('datatables_lengthMenu') }}",
        processing: "{{ __('datatables_processing') }}",
        search: "{{ __('datatables_search') }}",
        thousands: "{{ __('datatables_thousands') }}",
        zeroRecords: "{{ __('datatables_zeroRecords') }}",
        paginate: {
          previous: '<i class="fa fa-lg fa-angle-left"></i>',
          next: '<i class="fa fa-lg fa-angle-right"></i>'
        }
      },
      lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "{{ __('datatables_all') }}"]],
	  autoWidth: false,
	  ajax: '{!! route('users.adminusers') !!}',
      deferRender: true,
      order: [2, 'desc'],
      columns: [
            { data: 'name', name: 'users.name' },
			{ data: 'email', name: 'users.email' },
            { data: 'created_at', 'type': 'num', 'render': { '_': 'display', 'sort': 'timestamp' } },
			{ data: 'id', name: 'users.id', orderable: false, searchable: false }
       ],
    });
  });

  @endrole

function change(){
    document.getElementById("profileform").submit();
}
</script>
@endpush