@extends('layouts.app')

@section('styles')
	<link rel="stylesheet" href="{{ asset('assets/vendor/flatpickr/flatpickr.min.css') }}">
@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="\teams">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Teams') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto"> {{ $session->sessionname }}</h1>
                    @role('admin|facilitator|payupfront')
                    <a href="{{ route('teams.tests', $session->id) }}" class="btn btn-info mr-2">
                      <i class="oi oi-task"></i>
                      <span class="ml-1">{{ __('Tests') }}</span>
                    </a>
                    @endrole
                    @role('admin|facilitator')
                    <button type="button" class="btn btn-light"  data-toggle="modal" data-target="#exportModal">
                      <i class="oi oi-data-transfer-download"></i>
                      <span class="ml-1">{{ __('Export') }}</span>
                    </button>
                    @endrole
                </div>
                <!-- /title and toolbar -->
              </header>
              <!-- /.page-title-bar -->
			  @role('admin|facilitator')
			  <!-- Export modal -->
              <div class="modal fade" id="exportModal" tabindex="-1" role="dialog" aria-labelledby="ExportLabel" 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">{{ __('Export Users') }}</h5>
                    		</div>
                        <!-- /.modal-header -->
                       	<!-- .modal-body -->
                        	<div class="modal-body">
                              <p>{{ __('Please indicate in which format you would like the Users to be exported.') }}</p>
                              <p>{{ __('Exports are available in Excel and CSV.') }}</p>
                      	</div>
                      	<!-- /.modal-body -->
                  		<!-- .modal-footer -->
                   		<div class="modal-footer">
                      		<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:window.location='/downloadSessionUsers/{{ $session->id }}/xlsx'">Excel</button>
							<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:window.location='/downloadSessionUsers/{{ $session->id }}/csv'">CSV</button>
                      		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                	    		</div>
                    		<!-- /.modal-footer -->
           			</div>
                   	<!-- /.modal-content -->
              	</div>
              	<!-- /.modal-dialog -->
              </div>
              <!-- /.modal -->
              @endrole
              <!-- .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" role="tab" data-toggle="tab" href="#mysessions">{{ __('Details') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link {{$focustab2}}" role="tab" data-toggle="tab" href="#myusers">{{ __('Users') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link {{$focustab3}}" role="tab" data-toggle="tab" href="#myemails">{{ __('Emails') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link {{$focustab4}}" role="tab" data-toggle="tab" href="#myreports">{{ __('Reports') }}</a>
                      </li>
                    </ul>
                    <!-- /.nav-tabs -->
                  </header>
                  <!-- /.card-header -->
                  <!-- .card-body -->
                  <div class="card-body">

				  	<div class="tab-content">

						<div role="tabpanel" class="tab-pane" id="mysessions">
							<form method="POST" action="/teams/{{ $session->id }}">
								{{ csrf_field() }}
								{{ method_field('PATCH') }}
                                @role('admin|orgadmin')
									<div class="row">
										<div class="col-sm-12 col-md-6">
											<!-- .form-group -->
											<div class="form-group">
					                          <label for="facilitator">{{ __('Facilitator') }}</label>
					                          <select class="custom-select" id="facilitator" name="facilitator" required="">
												@foreach ($facilitators as $facilitator)
		                            					<option value="{{ $facilitator->id }}" @if ($facilitator->id === $session->userID ) selected @endif > {{ $facilitator->name }} ({{ $facilitator->email }})</option>
		                          				@endforeach
					                          </select>
											</div>
					                        <!-- /.form-group -->
										</div>
									</div>
								@endrole
								<div class="row">
									<div class="col-sm-12 col-md-4">
										<!-- .form-group -->
				                        <div class="form-group">
					                          <label for="name">{{ __('Name') }}</label>
					                          <input type="text" class="form-control" id="name" name="name" value="{{ $session->sessionname }}" required="">
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-4">
										<!-- .form-group -->
				                        <div class="form-group">
					                          <label class="control-label" for="sessiondate">{{ __('Session Date') }}</label>
					                          <input id="sessiondate" name="sessiondate" type="text" class="form-control" value="{{ $session->sessionDate }}" required=""> </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-4">
										<!-- .form-group -->
				                        <div class="form-group">
					                          @role('admin|facilitator')
					                            <label for="information">{{ __('Information') }}</label>
					                          @endrole
					                          @role('payupfront')
					                            <label for="information">{{ __('PO number') }}</label>
					                          @endrole
					                          <input type="text" class="form-control" id="information" name="information" value="{{ $session->information }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 col-md-4">
				                        <!-- .form-group -->
				                        <div class="form-group">
					                          <label for="profile">{{ __('Profile') }}</label>
					                          <select class="custom-select" id="profile" name="profile" required="" @role('payupfront') disabled @endrole >
					                          @foreach ($profiles as $profile)
												<option value="{{ $profile->id }}" @if ($session->profileID == $profile->id) selected @endif>{{ $profile->trans('profilename') }}</option>
											  @endforeach
					                          </select>
					                          @role('admin|facilitator')
											    <small id="profileHelp" class="form-text text-muted">{{ __('Warning: the session will be saved as a new session if you change the profile!') }}</small>
											  @endrole
											  @role('payupfront')
					                            <input type="hidden" name="profile" value="{{ $session->profileID }}">
					                          @endrole
				                        </div>
										<!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-4">
				                        <!-- .form-group -->
				                        <div class="form-group">
					                          <label for="download_report">{{ __('Download report') }}</label>
					                          <select class="custom-select" id="download_report" name="download_report" required="">
													<option value="0" @if ($session->downloadReport === 0) selected @endif >{{ __('Download not allowed') }}</option>
						                            <option value="1" @if ($session->downloadReport === 1) selected @endif >{{ __('Download allowed') }}</option>
													<option value="2" @if ($session->downloadReport === 2) selected @endif >{{ __('Download allowed on Date & Time') }}</option>
					                          </select>
				                        </div>
										<!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-4">
										<!-- .form-group -->
				                        <div class="providedownloaddate" id="providedownloaddate">
					                          <label class="control-label" for="downloaddate">{{ __('Allow download Report on Date & Time') }}</label>
					                          <input id="downloaddate" name="downloaddate" type="text" class="form-control" value="{{ $session->downloadDate }}"> </div>
				                        <!-- /.form-group -->
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 col-md-8">
										<!-- .form-group -->
		                        			<div class="form-group">
											<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
		                       			 </div>
		                       			<!-- .form-group -->
									</div>
									<div class="col-sm-12 col-md-4">
										@role('admin|facilitator')
										<!-- .form-group -->
		                        			<div class="providedownloaddate" id="providedownloaddate">
					                          <label for="emailtemplate">{{ __('Send email at the same time') }}</label>
					                          <select class="custom-select" id="emailtemplate" name="emailtemplate">
											  <option value="">{{ __('Choose ...') }}</option>
											  @foreach ($mytemplates as $template)
					                            <option value={{ $template->id }} 
												@foreach ($sessiontemplates as $sessiontemplate)
													@if (($sessiontemplate->mailtemplateID == $template->id) && ($sessiontemplate->mailDate == $session->downloadDate)) selected @endif
												@endforeach
												 > {{ $template->templatename }} </option>
											  @endforeach
					                          </select>
				                        </div>
				                        <!-- /.form-group -->
				                        @endrole
									</div>
								</div>
							</form>
						</div>

						<div role="tabpanel" class="tab-pane {{$focustab2}}" id="myusers" style="height: 440px">
            				<!-- grid row -->
            				<div class="row">
                  				<!-- grid column -->
                  				<div class="col-xl-6">
                      				<form method="POST" action="/teams/{{ $session->id }}">
										{{ csrf_field() }}
										<!-- .card-header -->
                      					<header class="card-header border-0">
                    						<div class="d-flex align-items-center">
                          						<span class="mr-auto">{{ __('Users in this Team') }}</span>
												@role('admin|facilitator')
												    <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        						@endrole
                    						</div>
                      					</header>
                      					<!-- /.card-header -->
                        				<div class="scrollable">
										    <!-- .table -->
                        					<table class="table table-hover"  id="table_dest">
                              					<!-- tbody -->
                             					<tbody>
    												@foreach ($sessionusers as $user)
        												<tr>
    														<td><div class="move-row"><span class="oi oi-chevron-right text-primary"></span></div></td>
    														<td><div class='move-row'>{{ $user->name }} ({{ $user->email }})</div></td>
    														<input type="hidden" name="id[]" value="{{ $user->id }}">
        												</tr>
    					  							@endforeach
                              					</tbody>
                              					<!-- /tbody -->
                        					</table>
                        					<!-- /.table -->
										</div>
									</form>
                  				</div>
                  				<!-- /grid column -->
                   				@role('payupfront')
                   				    <!-- grid column -->
                          			<div class="col-xl-6">
                   				        <form method="POST" action="/teams/{{ $session->id }}">
    										{{ csrf_field() }}
                           				    <input type="hidden" class="form-control" id="vat" name="vat" value={{ $vat }}>
            	                            <input type="hidden" class="form-control" id="nprofiles" name="nprofiles" value=0>
            	                            <input type="hidden" class="form-control" id="price" name="price" value=0>
                              				<!-- .card-header -->
                              				<header class="card-header border-0">
        										<!-- grid row -->
                        						<div class="row">
                        							<div class="d-flex align-items-center">
                          							    <span class="mr-auto">{{ __('Add Users') }}</span>
        											</div>
        										</div>
                              				</header>
                              				<!-- /.card-header -->
                                			<div class="scrollable"> 
                                			    <!-- grid row -->
                        						<div class="row">
                                    			    <!-- grid column -->
                              						<div class="col-xl-11">
                          							    <p>{{ __('You can add Users to your team. All users will automatically receive an invitation to complete the profile.') }}</p>
            										</div>
                                                </div>
                                                <div class="table-responsive">
                                                    <!-- .table -->
                                                    <table class="table" id="table_source">
                                                        <!-- thead -->
                                                        <thead class="thead-">
                                                            <tr>
                                                                <th style="min-width:200px"> <h6> {{ __('Name') }} </h6></th>
                                                                <th><h6> {{ __('Email Address') }} </h6></th>
                                                                <th><h6> {{ __('Language') }} </h6></th>   
                                                                
                                                            </tr>
                                                        </thead>
                                                        <!-- /thead -->
                                                        <!-- tbody -->
                                                        <tbody>
                                                            <!-- tr -->
                                                            <tr>
                                                                <td>
                                                                    <input type="text" class="form-control" id="name[]" name="name[]" placeholder="{{ __('Please enter a name') }}" required="">
                                                                </td>
                                                                <td>
                                                                    <input type="email" class="form-control" id="email[]" name="email[]" placeholder="{{ __('Please enter an email address') }}" required="">
                                                                </td>
                                                                <td>
                                                                    <select class="custom-select" id="locale[]" name="locale[]" required="">
                                        						   		@foreach ($languages as $language)
                                                                    		<option value="{{ $language->locale }}" @if (\App::getLocale() === $language->locale ) selected @endif > {{ $language->language }} </option>
                                        								@endforeach
                                                                    </select>
                                                                </td>
                                                                
                                                            </tr>
                                                            <!-- /tr -->
                                                        </tbody><!-- /tbody -->
                                                    </table><!-- /.table -->
                                                </div>
                                                <!-- add user action -->
                                                <button type="button" class="btn btn-light" id="button">
                                                  <i class="fa fa-plus"></i>
                                                  <span class="ml-1">{{ __('Add more users') }}</span>
                                                </button>
                                                
                                                <!-- card-body -->
                                                <div class="card-body border-top">
                                                
                                                    <!-- grid row -->
                            						<div class="row">
                                        			    <!-- grid column -->
                                  						<div class="col-xl-11">
                                                            <p>{{ __('You have to provide a valid PO number and on clicking Save, an invoice will automatically be sent.') }}</p>
                										</div>
                                                    </div>
                                                    <!-- grid row -->
                            						<div class="row">
                            						    <!-- grid column -->
                              							<div class="col-xl-3">
                            								{{ __('PO number') }}:
                            							</div>
                              							<div class="col-xl-8">
            												<!-- .form-group -->
                    				                        <div class="form-group">
                    					                       <input type="text" class="form-control" id="information" name="information" value="{{ $session->information }}">
                    				                        </div>
                    				                        <!-- /.form-group -->
            											</div>
                            						</div>
                                                    
                                                    <!-- grid row -->
                            						<div class="row">
                            						    <!-- grid column -->
                                						<div class="col-xl-4">
                            								
                            							</div>
                            							<div class="col-xl-4">
                            		                        {{ __('excl. VAT') }}
                            							</div>
                            							<div class="col-xl-4">
                            		                        {{ __('incl. VAT') }}
                            							</div>
                        						    </div>
                            						<!-- grid row -->
                            						<div class="row">
                            						    <!-- grid column -->
                                						<div class="col-xl-3">
                            								{{ __('Total current') }}:
                            							</div>
                            							<div class="col-xl-4">
                            		                        <!-- .form-group -->
                            		                        <div class="input-group">
                            									<label class="input-group-prepend" for="totalex"><span class="badge">€</span></label>
                            									<input type="number" class="form-control" style="text-align:right;" id="totalexold" name="totalexold" step="0.01" value="0" disabled>
                            								</div>
                            		                        <!-- /.form-group -->
                            							</div>
                            							<div class="col-xl-4">
                            		                        <!-- .form-group -->
                            		                        <div class="input-group">
                            									<label class="input-group-prepend" for="totalin"><span class="badge">€</span></label>
                            									<input type="number" class="form-control" style="text-align:right;" id="totalinold" name="totalinold" step="0.01" value="0" disabled>
                            								</div>
                            		                        <!-- /.form-group -->
                            							</div>
                        						    </div>
                        						    <!-- grid row -->
                            						<div class="row">
                            						    <!-- grid column -->
                            							<div class="col-xl-3">
                            								{{ __('Total new') }}:
                            							</div>
                            							<div class="col-xl-4">
                            		                        <!-- .form-group -->
                            		                        <div class="input-group">
                            									<label class="input-group-prepend" for="totalex"><span class="badge">€</span></label>
                            									<input type="number" class="form-control" style="text-align:right;" id="totalexnew" name="totalexnew" step="0.01" value="0" disabled>
                            									<input type="hidden" class="form-control" id="totex" name="totex" value="0">
                            								</div>
                            		                        <!-- /.form-group -->
                            							</div>
                            							<div class="col-xl-4">
                            		                        <!-- .form-group -->
                            		                        <div class="input-group">
                            									<label class="input-group-prepend" for="totalin"><span class="badge">€</span></label>
                            									<input type="number" class="form-control" style="text-align:right;" id="totalinnew" name="totalinnew" step="0.01" value="0" disabled>
                            									<input type="hidden" class="form-control" id="totin" name="totin" value="0">
                            								</div>
                            		                        <!-- /.form-group -->
                            							</div>
                            						</div>
                                                    <!-- /add user action -->
                                                    
                        						    <!-- .form-group -->
                                                    <div class="form-group">                        
                            							<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                                                    </div>
                                                    <!-- .form-group -->
                            					</div>
        								    </div>
        								</form>
                      				</div>
                      				<!-- /grid column -->
                  				@endrole
                  				@role('admin|facilitator')
                       				<!-- grid column -->
                      				<div class="col-xl-6">
                          				<!-- .card-header -->
                          				<header class="card-header border-0">
    										<!-- grid row -->
                    							<div class="row">
                      							<!-- grid column -->
                      							<div class="col-xl-6">
                            							<div class="d-flex align-items-center">
                              							<span class="mr-auto">{{ __('My Users') }}</span>
    												</div>
    											</div>
                      							<!-- grid column -->
                      							<div class="col-xl-6">
    												<div class="input-group">
                               							<div class="input-group-prepend">
                                   							<span class="input-group-text">
                                     							<span class="oi oi-magnifying-glass">
    															</span>
                                    							</span>
                                 						</div>
                                 						<input type="text" class="form-control" id="mygroupsearch" placeholder="Search">
    												</div>
    											</div>
    										</div>
                          				</header>
                          				<!-- /.card-header -->
                            			<div class="scrollable">
    									<!-- .table -->
                            				<table class="table table-hover" id="table_source">
                              				<!-- tbody -->
                             				<tbody>
    											@foreach ($myusers as $user)
            											<tr>
    													<td><div class="move-row"><span class="oi oi-chevron-left text-primary"></span></div></td>
    													<td><div class="move-row">{{ $user->name }} ({{ $user->email }})</div></td>
    													<input type="hidden" name="id[]"  value="{{ $user->id }}">
            											</tr>
    					  						@endforeach
                              				</tbody>
                              				<!-- /tbody -->
                            				</table>
                            				<!-- /.table -->
    									</div>
                      				</div>
                      				<!-- /grid column -->
                  				@endrole
               				</div>
                			<!-- /grid row -->
						</div>

   						<div role="tabpanel" class="tab-pane {{$focustab3}}" id="myemails">
							<form method="POST" action="/teams/email/{{ $session->id }}">
								{{ csrf_field() }}
								
								<div class="row">
									<div class="col-sm-12 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
					                          <label for="emailtemplate-new">{{ __('Email template') }}</label>
					                          <select class="custom-select" id="emailtemplate-new" name="emailtemplate-new">
											  <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-12 col-md-6">
										<!-- .form-group -->
				                        <div class="form-group">
											<label  class="d-block">{{ __('Send to Users') }}</label>
											<div class="custom-control custom-control-inline custom-radio">
												<input type="radio" class="custom-control-input" name="sendtousers-new" id="rd1n" value=1 checked>
												<label class="custom-control-label" for="rd1n">{{ __('All') }}</label>
											</div>
											<div class="custom-control custom-control-inline custom-radio">
												<input type="radio" class="custom-control-input" name="sendtousers-new" id="rd2n" value=2 >
												<label class="custom-control-label" for="rd2n">{{ __('Profile not completed') }}</label>
											</div>
											<div class="custom-control custom-control-inline custom-radio">
												<input type="radio" class="custom-control-input" name="sendtousers-new" id="rd3n" value=3 >
												<label class="custom-control-label" for="rd3n">{{ __('Permission not granted') }}</label>
											</div>
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-8 col-md-3">
										<!-- .form-group -->
				                        <div class="form-group">
											<label  class="d-block">{{ __('Send now') }}</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>
								
								@role('admin|facilitator')
        							<p class="text-muted">{{ __('Planned Emails') }}</p>
        								
    								@foreach ($sessiontemplates as $sessiontemplate)
    									<div class="row">
    										<div class="col-sm-12 col-md-3">
    					                        <!-- .form-group -->
    					                        <div class="form-group">
    						                          <label for="emailtemplate">{{ __('Email template') }}</label>
    						                          <select class="custom-select" id="emailtemplate-{{ $sessiontemplate->id }}" name="emailtemplate-{{ $sessiontemplate->id }}" required="">
    												  @foreach ($mytemplates as $template)
    							                            <option value={{ $template->id }} @if ($sessiontemplate->mailtemplateID === $template->id) selected @endif > {{ $template->templatename }} </option>
    												  @endforeach
    						                          </select>
    					                        </div>
    											<!-- /.form-group -->
    										</div>
    										<div class="col-sm-12 col-md-6">
    											<!-- .form-group -->
    					                        <div class="form-group">
    												<label  class="d-block">{{ __('Send to Users') }}</label>
    												<div class="custom-control custom-control-inline custom-radio">
    													<input type="radio" class="custom-control-input" name="sendtousers-{{ $sessiontemplate->id }}" id="rd1-{{ $sessiontemplate->id }}" value=1 @if ($sessiontemplate->sendtoUsers === 1) checked @endif>
    													<label class="custom-control-label" for="rd1-{{ $sessiontemplate->id }}">{{ __('All') }}</label>
    												</div>
    												<div class="custom-control custom-control-inline custom-radio">
    													<input type="radio" class="custom-control-input" name="sendtousers-{{ $sessiontemplate->id }}" id="rd2-{{ $sessiontemplate->id }}" value=2  @if ($sessiontemplate->sendtoUsers === 2) checked @endif>
    													<label class="custom-control-label" for="rd2-{{ $sessiontemplate->id }}">{{ __('Profile not completed') }}</label>
    												</div>
    												<div class="custom-control custom-control-inline custom-radio">
    													<input type="radio" class="custom-control-input" name="sendtousers-{{ $sessiontemplate->id }}" id="rd3-{{ $sessiontemplate->id }}" value=3 @if ($sessiontemplate->sendtoUsers === 3) checked @endif>
    													<label class="custom-control-label" for="rd3-{{ $sessiontemplate->id }}">{{ __('Permission not granted') }}</label>
    												</div>
    											</div>
    					                        <!-- /.form-group -->
    										</div>
    										<div class="col-sm-8 col-md-2">
    											<!-- .form-group -->
    					                        <div class="form-group">
    						                          <label class="control-label" for="emaildate-{{ $sessiontemplate->id }}">{{ __('Send on Date & Time') }}</label>
    						                          <input id="emaildate-{{ $sessiontemplate->id }}" name="emaildate-{{ $sessiontemplate->id }}" type="text" class="form-control" value="{{ $sessiontemplate->mailDate }}" required="">
    											</div>
    					                        <!-- /.form-group -->
    										</div>
    										<div class="col-sm-4 col-md-1">
    											<!-- .form-group -->
    					                        <div class="form-group">
    												<label  class="d-block">&nbsp</label>
    												<button type="submit" class="btn btn-primary btn-sm"><span class="oi oi-pencil"></span></button>
    												<a href="/sessiontemplates/delete/{{ $sessiontemplate->id }}"><div class="tile bg-primary"><span class="oi oi-trash"></span></div></a>
    											</div>
    					                        <!-- /.form-group -->
    										</div>
    									</div>
    								@endforeach
    								
    								<div class="row">
    									<div class="col-sm-12 col-md-3">
    				                        <!-- .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-12 col-md-6">
    										<!-- .form-group -->
    				                        <div class="form-group">
    											<label  class="d-block">{{ __('Send to Users') }}</label>
    											<div class="custom-control custom-control-inline custom-radio">
    												<input type="radio" class="custom-control-input" name="sendtousers" id="rd1" value=1 checked>
    												<label class="custom-control-label" for="rd1">{{ __('All') }}</label>
    											</div>
    											<div class="custom-control custom-control-inline custom-radio">
    												<input type="radio" class="custom-control-input" name="sendtousers" id="rd2" value=2 >
    												<label class="custom-control-label" for="rd2">{{ __('Profile not completed') }}</label>
    											</div>
    											<div class="custom-control custom-control-inline custom-radio">
    												<input type="radio" class="custom-control-input" name="sendtousers" id="rd3" value=3 >
    												<label class="custom-control-label" for="rd3">{{ __('Permission not granted') }}</label>
    											</div>
    				                        </div>
    				                        <!-- /.form-group -->
    									</div>
    									<div class="col-sm-8 col-md-2">
    										<!-- .form-group -->
    				                        <div class="form-group">
    					                          <label class="control-label" for="emaildate">{{ __('Send on Date & Time') }}</label>
    					                          <input id="emaildate" name="emaildate" type="text" class="form-control"> </div>
    				                        <!-- /.form-group -->
    									</div>
    									<div class="col-sm-4 col-md-1">
    										<!-- .form-group -->
    										<div class="form-group">
    											<label  class="d-block">&nbsp</label>
    											<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
    		                       			</div>
    				                        <!-- /.form-group -->
    									</div>
    								</div>
                                @endrole
							</form>
  				 	 	</div>

   						<div role="tabpanel" class="tab-pane {{$focustab4}}" id="myreports">
							<form target="_blank" method="POST" action="/reports" id="reportform">
							{{ csrf_field() }}
                				<input type="hidden" name="profile" value="{{ $session->profileID }}">
								<input type="hidden" name="name" value="{{ $session->sessionname }}">
								<input type="hidden" name="sessionid" value="{{ $session->id }}">
								@if ($session->profileID == 4)
	                				<!-- grid row -->
	                				<div class="row">
										<!-- grid column -->
										<div class="col-3">
		                        				<h2 class="section-title">{{ __('Team reports') }}</h2>
										</div>
										<div class="col-3">
											<!-- .form-group -->
	                        					<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="8"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_teamscan.png"></div></button>
											</div>
	                       					<!-- /form-group -->
	                  					</div>
										<!-- /grid column -->
									</div>
                					<!-- /grid row -->										
									<!-- grid row -->
	                				<div class="row">	
										<!-- grid column -->
										<div class="col-2">
                                        		<h2 class="section-title"> </h2>
                                        </div>
										<div class="col-4">
                                            <!-- .form-group -->
                                            <div class="custom-control custom-control-inline custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="powerpoint" name="powerpoint">
                                                <label class="custom-control-label" for="powerpoint">{{ __('Generate PowerPoint') }}</label>
                                            </div>
                                            <!-- /form-group -->
                                        </div>
	                  					<!-- /grid column -->
               						</div>
                					<!-- /grid row -->
								@elseif ($session->profileID == 7)
	                				<!-- grid row -->
	                				<div class="row">
										<!-- grid column -->
										<div class="col-2">
		                        				<h2 class="section-title">{{ __('Profiler report') }}</h2>
										</div>
										<div class="col-2">
											<!-- .form-group -->
	                        					<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="10"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_book.png"></div></button>
											</div>
	                       					<!-- /form-group -->
	                  					</div>
	                  					<!-- /grid column -->								
										<!-- grid column -->
										<div class="col-2">
		                        				<h2 class="section-title">{{ __('Profile adjustment') }}</h2>
										</div>
										<div class="col-2">
											<!-- .form-group -->
	                        					<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="11"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_profile.png"></div></button>
											</div>
	                       					<!-- /form-group -->
	                  					</div>
	                  					<!-- /grid column -->								
										<!-- grid column -->
										<div class="col-2">
		                        				<h2 class="section-title">{{ __('Search report') }}</h2>
										</div>
										<div class="col-2">
											<!-- .form-group -->
	                        					<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="9"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_book.png"></div></button>
											</div>
	                       					<!-- /form-group -->
	                  					</div>
	                  					<!-- /grid column -->								
							
               						</div>
                					<!-- /grid row -->
								@elseif ($session->profileID == 8)
	                				<!-- grid row -->
	                				<div class="row">
										<!-- grid column -->
										<div class="col-2">
		                        				<h2 class="section-title">{{ __('Vacancy report') }}</h2>
										</div>
										<div class="col-2">
											<!-- .form-group -->
	                        					<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="15"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_book.png"></div></button>
											</div>
	                       					<!-- /form-group -->
	                  					</div>
	                  					<!-- /grid column -->								
               						</div>
                					<!-- /grid row -->
								@else
									<!-- grid row -->
                				    <div class="row">
	                  					<!-- grid column -->
	                  					<div class="col-2">
											<h2 class="section-title">{{ __('Combined report') }}</h2>
										</div>
										<div class="col-4">
											<!-- .form-group -->
	                        				<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="16"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_pdf.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="17"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_powerpoint.png"></div></button>
	                       			 		</div>
											<!-- /form-group -->
	                  					</div>
               						</div>
                					<!-- /grid row -->
									<!-- grid row -->
	                					<div class="row">
	                  					<!-- grid column -->
                  						<div class="col-2">
                        						<h2 class="section-title">{{ __('Individual reports') }}</h2>
										</div>
										<div class="col-4">
											<!-- .form-group -->
	                        				<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="1"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_profile.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="13"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_profile_s.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="14"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_profile_e.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="12"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_summary.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="3"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_book.png"></div></button>
	                       			 		</div>
											<!-- /form-group -->
	                  					</div>
	                  					<div class="col-2">
	                        					<h2 class="section-title">{{ __('Team reports') }}</h2>
										</div>
										<div class="col-4">
											<!-- .form-group -->
	                        					<div class="form-group">
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="4"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_profile.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="2"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_multi.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="5"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_pie.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="6"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_plot.png"></div></button>
												<button type="submit" class="tile tile-lg bg-white" name="reporttype" value="7"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_book.png"></div></button>
	                       			 		</div>
	                       					<!-- /form-group -->
	                  					</div>
	                  					<!-- /grid column -->
	               					</div>
	                					<!-- /grid row -->
                                    <!-- grid row -->
                                    <div class="row">
                                        <!-- grid column -->
                                        <div class="col-2">
                                        		<h2 class="section-title"> </h2>
                                        </div>
                                        <div class="col-4">
                                            <!-- .form-group -->
                                            <div class="custom-control custom-control-inline custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="powerpoint" name="powerpoint">
                                                <label class="custom-control-label" for="powerpoint">{{ __('Generate PowerPoint') }}</label>
                                            </div>
                                            <!-- /form-group -->
                                        </div>
                                        <div class="col-2">
                                            @if ($session->userID === 6608)
                                            	<!-- .form-group -->
                                                <div class="custom-control custom-control-inline custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="normalise" name="normalise">
                                                    <label class="custom-control-label" for="normalise">{{ __('Normalise') }}</label>
                                                </div>
                                                <!-- /form-group -->
                                            @endif
                                        </div>
                                        <div class="col-4">
                                            <!-- .form-group -->
                                            <div class="custom-control custom-control-inline custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="stressprofiles" name="stressprofiles">
                                                <label class="custom-control-label" for="stressprofiles">{{ __('Base team reports on stress profiles') }}</label>
                                            </div>
                                            <!-- .form-group -->
                                        </div>
                                        <!-- /grid column -->
                                    </div>
                                    <!-- /grid row -->
								@endif
								<!-- .table -->
                      			<table id="reports-table" class="table table-responsive-xl">
                      				<!-- thead -->
                      				<thead>
                       					<tr>
											<th style="min-width: 50px;">
                              						<span class="custom-control custom-control-nolabel custom-checkbox">
                                							<input type="checkbox" class="custom-control-input" id="check-handle" checked>
                                							<label class="custom-control-label" for="check-handle"></label>
                              						</span>
                          					</th>
								 			<th>{{ __('User') }}</th>
											<th>{{ __('Profile completed') }}</th>
                				 				<th>{{ __('Permission granted') }}</th>
											<th style="width:100px; min-width:100px;">{{ __('Report') }}</th>
                        					</tr>
                      				</thead>
                      				<!-- /thead -->
                      			</table>
                      			<!-- /.table -->
							  </div>
							</form>
  				 	 	  </div>
						</div>

					  </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 src="{{ asset('assets/vendor/flatpickr/flatpickr.min.js') }}"></script>
	<script>
	$(function() {
		$('#reports-table').DataTable({
	  		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: [[-1, 10, 25, 50], ["{{ __('datatables_all') }}", 10, 25, 50]],
      		autoWidth: false,
	  		ajax: '/teamUsersData/{{ $session->id }}',
      		deferRender: true,
      		order: [1, 'asc'],
      		columns: [
				{ data: 'id', name: 'user_profiles.id', orderable: false, searchable: false },
           		{ data: 'name', name: 'users.name' },
				{ data: {
                _:    "profileDate.display",
                sort: "profileDate.timestamp"
            } },
            	{ data: 'permissionView', name: 'user_profiles.permissionView' },
				{ data: 'id2', name: 'user_profiles.id', orderable: false, searchable: false }
       		],
			columnDefs: [{
        			targets: 0,
       			render: function render(data, type, row, meta) {
         			return '<div class="custom-control custom-control-nolabel custom-checkbox">\n            <input type="checkbox" class="custom-control-input" name="selectedRow[]" id="p' + row.id + '" value="' + row.id + '" checked>\n            <label class="custom-control-label" for="p' + row.id + '"></label>\n          </div>';
        			}
      		}]
    		});
  	});

  	$(function() {
    		return flatpickr('#sessiondate', {
      		disableMobile: true,
      		altInput: true,
      		altFormat: 'd-m-Y',
      		dateFormat: 'Y-m-d'
    		});
	});
	$(function() {
    		return flatpickr('#downloaddate', {
      		disableMobile: true,
      		altInput: true,
			enableTime: true,
			time_24hr: true,
      		altFormat: 'd-m-Y H:i',
      		dateFormat: 'Y-m-d H:i'
    		});
	});
	@foreach ($sessiontemplates as $sessiontemplate)
		$(function() {
	    		return flatpickr('#emaildate-{{ $sessiontemplate->id }}', {
	      		disableMobile: true,
	      		altInput: true,
				enableTime: true,
				time_24hr: true,
	      		altFormat: 'd-m-Y H:i',
	      		dateFormat: 'Y-m-d H:i'
	    		});
		});
	@endforeach
	$(function() {
		return flatpickr('#emaildate', {
	  		disableMobile: true,
	  		altInput: true,
			enableTime: true,
			time_24hr: true,
	  		altFormat: 'd-m-Y H:i',
	  		dateFormat: 'Y-m-d H:i'
		});
	});

	var oldusernumber = @json($numsessionusers);
	var usernumber = 1;
	var prices = @json($prices);
	var vat = @json($vat);
	
	$(document).ready(function(){
	
		$("#download_report").change(function(){
            $("#download_report option:selected").each(function(){
                if($(this).attr("value")=="2"){
                    $(".providedownloaddate").fadeIn('slow');
                } else {
                    $(".providedownloaddate").fadeOut('slow');               
                }
            });
        }).change();
		
  		$("#mygroupsearch").on("keyup", function() {
   			var value2 = $(this).val().toLowerCase();
    			$("#table_source tr").filter(function() {
     	 		$(this).toggle($(this).text().toLowerCase().indexOf(value2) > -1)
   	 		});
	  	});

 	   @role('admin|facilitator')
     	   $("#table_source").on("click","div.move-row", function() {
     	       var tr = $(this).closest("tr").remove().clone();
    	        tr.find("span")
     	           .attr("class", "oi oi-chevron-right text-primary");
    			$("#table_dest tbody").append(tr);
      	  	});
    
      		$("#table_dest").on("click"," div.move-row", function() {
       	    		var tr = $(this).closest("tr").remove().clone();
            		tr.find("span")
                		.attr("class", "oi oi-chevron-left text-primary");
            		$("#table_source tbody").append(tr);
        	});
    	@endrole

    	$(document).on('change', '#check-handle', function () {
      		var isChecked = $(this).prop('checked');
      		$('input[name="selectedRow[]"]').prop('checked', isChecked);

     		// get info
      		self.getSelectedInfo();
   	 	}).on('change', 'input[name="selectedRow[]"]', function () {
      		var $selectors = $('input[name="selectedRow[]"]');
      		var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
     		var prop = $selectedRow === $selectors.length ? 'checked' : 'indeterminate';

     		// reset props
      		$('#check-handle').prop('indeterminate', false).prop('checked', false);

     		if ($selectedRow) {
        			$('#check-handle').prop(prop, true);
      		}

      		// get info
      		self.getSelectedInfo();
    		});

  		getSelectedInfo: function getSelectedInfo() {
    			var $selectedRow = $('input[name="selectedRow[]"]:checked').length;
    			var $info = $('.thead-btn');
    			var $badge = $('<span/>').addClass('selected-row-info text-muted pl-1').text($selectedRow + ' selected');
    			// remove existing info
    			$('.selected-row-info').remove();
    			// add current info
   			if ($selectedRow) {
      			$info.prepend($badge);
   			}
  		};
  		
  		$("#profile").change(function(){
            var profileid = $("#profile option:selected").attr("value");
            var nprofiles = document.getElementById("nprofiles");
            nprofiles.setAttribute("value", usernumber);
            var price = document.getElementById("price");
            price.setAttribute("value", prices[profileid]);
            var totalexold = document.getElementById("totalexold");
            totalexold.setAttribute("value", (Number(prices[profileid]) * oldusernumber).toFixed(2));
            var totalinold = document.getElementById("totalinold");
            totalinold.setAttribute("value", (Number(prices[profileid]) * oldusernumber * (1+vat/100)).toFixed(2));
            var totex = document.getElementById("totex");
            totex.setAttribute("value", (Number(prices[profileid]) * usernumber).toFixed(2));
            var totalexnew = document.getElementById("totalexnew");
            totalexnew.setAttribute("value", (Number(prices[profileid]) * (usernumber + oldusernumber)).toFixed(2));
            var totin = document.getElementById("totin");
            totin.setAttribute("value", (Number(prices[profileid]) * usernumber * (1+vat/100)).toFixed(2));
            var totalinnew = document.getElementById("totalinnew");
            totalinnew.setAttribute("value", (Number(prices[profileid]) * (usernumber + oldusernumber) * (1+vat/100)).toFixed(2));
	    }).change();

	});

	document.getElementById("button").onclick = function() {
        var tr = '<tr>'+
        '<td><input type="text" class="form-control" id="name[]" name="name[]" placeholder="{{ __('Please enter a name') }}" required=""></td>'+
        '<td><input type="email" class="form-control" id="email[]" name="email[]" placeholder="{{ __('Please enter an email address') }}" required=""></td>'+
        '<td><select class="custom-select" id="locale[]" name="locale[]" required="">@foreach ($languages as $language)<option value="{{ $language->locale }}" @if (\App::getLocale() === $language->locale ) selected @endif > {{ $language->language }} </option>@endforeach</select></td>'+
        '</tr>';
        $("#table_source tbody").append(tr);
        usernumber += 1;
        var profileid = $("#profile option:selected").attr("value");
        var nprofiles = document.getElementById("nprofiles");
        nprofiles.setAttribute("value", usernumber);
        var totex = document.getElementById("totex");
        totex.setAttribute("value", (Number(prices[profileid]) * usernumber).toFixed(2));
        var totalexnew = document.getElementById("totalexnew");
        totalexnew.setAttribute("value", (Number(prices[profileid]) * (usernumber + oldusernumber)).toFixed(2));
        var totin = document.getElementById("totin");
        totin.setAttribute("value", (Number(prices[profileid]) * usernumber * (1+vat/100)).toFixed(2));
        var totalinnew = document.getElementById("totalinnew");
        totalinnew.setAttribute("value", (Number(prices[profileid]) * (usernumber + oldusernumber) * (1+vat/100)).toFixed(2));
    };
</script>
@endpush