@extends('layouts.app')

@section('styles')
	<link rel="stylesheet" href="{{ asset('assets/vendor/flatpickr/flatpickr.min.css') }}">
    <style>
        .ghost {
            opacity: 0.4;
        }
    </style>
@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="\sessions">
                        <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>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#inviteModal">{{ __('Invite link') }}</button>&nbsp;&nbsp;
                    <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>
                </div>
                <!-- /title and toolbar -->
              </header>
              <!-- /.page-title-bar -->
			  <!-- 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 -->
              <!-- invite modal -->
              <div class="modal fade" id="inviteModal" tabindex="-1" role="dialog" aria-labelledby="InviteLabel" 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">{{ __('Invite users by external link') }}</h5>
                    	</div>
                        <!-- /.modal-header -->
                       	<!-- .modal-body -->
                        	<div class="modal-body">
                              <p>{{ __('You can invite users easily by sending them this link. They need to register themselves by their name and email address.') }}</p>
                              <p>{{ __('Be careful: anyone with this link can register and complete a profile! Completed profiles will be invoiced. You can close this link on the details page by indicating a deadline date.') }}</p>
                      	      @if ($invitelinks->first() != null) 
                          	      @foreach ($invitelinks as $invitelink)
                          	        <p class="text-center"><button type="button" class="btn btn-primary" id="button{{ $invitelink->profileID }}" data-dismiss="modal">{{ __('Link for') }} {{ $allprofiles->where('id', '=', $invitelink->profileID)->first()->profilename }}</button></p>
                          	      @endforeach
                          	      <p>{{ __('You can also reset the invite links, for instance if you think the link is used by other people than those intended.') }}</p>
                          	      <p class="text-center">
                          	        <button type="button" class="btn btn-light" data-toggle="modal" data-target="#resetLinkModal">
                                      <i class="oi oi-loop-circular"></i>
                                      <span class="ml-1">{{ __('Reset invitelinks') }}</span>
                                    </button>
                                  </p>
                          	  @else
                              	  <p class="text-center"><button type="button" class="btn btn-primary" id="button0" data-dismiss="modal">{{ __('Activate external links') }}</button></p>
                          	  @endif
                      	</div>
                      	<!-- /.modal-body -->
                  		<!-- .modal-footer -->
                   		<div class="modal-footer">
                      		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                	    </div>
                    	<!-- /.modal-footer -->
           			</div>
                   	<!-- /.modal-content -->
              	</div>
              	<!-- /.modal-dialog -->
              </div>
              <!-- /.modal -->
              <!-- profile modal -->
              <div class="modal fade" id="resetLinkModal" tabindex="-1" role="dialog" aria-labelledby="ResetLinkLabel" 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 invite links for') }} {{ $session->sessionname }}</h5>
                    	</div>
                        <!-- /.modal-header -->
                       	<!-- .modal-body -->
                        	<div class="modal-body">
                              <p>{{ __('You can reset the invite links here, for instance if you think people are misusing the link.') }}</p>
                              <p>{{ __('Be careful: anyone with the old link can no longer register!') }}</p>
                      	</div>
                      	<!-- /.modal-body -->
                  		<!-- .modal-footer -->
                   		<div class="modal-footer">
                   		    <button type="button" class="btn btn-primary" id="resetbutton" data-dismiss="modal">{{ __('Reset invite links') }}</button>
                      		<button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Close') }}</button>
                	    		</div>
                    		<!-- /.modal-footer -->
           			</div>
                   	<!-- /.modal-content -->
              	</div>
              	<!-- /.modal-dialog -->
              </div>
              <!-- /.modal -->
              <!-- .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="#mysessions">{{ __('Details') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link @if($tab==2) active show @endif" role="tab" data-toggle="tab" href="#myusers">{{ __('Users') }}</a>
                      </li>
                      @if ($session->profileID == 0)
                          <li class="nav-item">
                            <a class="nav-link @if($tab==3) active show @endif" role="tab" data-toggle="tab" href="#myprofiles">{{ __('Profiles') }}</a>
                          </li>
                      @endif
					  <li class="nav-item">
                        <a class="nav-link @if($tab==4) active show @endif" role="tab" data-toggle="tab" href="#myemails">{{ __('Emails') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link @if($tab==5) active show @endif" 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 @if($tab==1) active show @endif" id="mysessions">
							<form method="POST" action="/sessions/{{ $session->id }}">
								{{ csrf_field() }}
								{{ method_field('PATCH') }}
                                <!-- .card-header -->
                      			<header class="card-header border-0">
                    				<div class="d-flex align-items-center">
                          				<span class="mr-auto">{{ __('Details for') }} {{ $session->sessionname }}</span>
                          				<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    				</div>
                      			</header>
                      			<!-- /.card-header -->
                                
                                @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 class="col-sm-12 col-md-6">
											<!-- .form-group -->
											<div class="form-group">
					                          <label for="facilitator">{{ __('Teamsession code') }}</label>
					                          <input type="text" class="form-control" id="sessioncode" name="sessioncode" value="{{ $session->sessioncode }}" disabled>
											</div>
					                        <!-- /.form-group -->
										</div>
									</div>
								@endrole
								<div class="row">
									<div class="col-sm-12 col-md-6">
										<!-- .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-6">
										<!-- .form-group -->
				                        <div class="form-group">
					                          <label for="information">{{ __('Information') }}</label>
					                          <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-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
					                          <label for="profile">{{ __('Profile') }}</label>
					                          @php $profile = $profiles->where('id', '=', $session->profileID)->first() @endphp
					                          <input type="text" class="form-control" id="profile" name="profile" value="{{ __($profile->trans('profilename')) }}" disabled>
					                         
				                        </div>
										<!-- /.form-group -->
									</div>
									
									<div class="col-sm-6 col-md-3">
										<!-- .form-group -->
				                        <div class="form-group">
					                          <label class="control-label" for="sessiondate">{{ __('Teamsession date') }}</label>
					                          <input id="sessiondate" name="sessiondate" type="text" class="form-control" value="{{ $session->sessionDate }}" required=""> </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-6 col-md-3">
										<!-- .form-group -->
				                        <div class="form-group">
					                          <label class="control-label" for="sessiondeadlinedate">{{ __('Deadline date') }}</label>
					                          <input id="sessiondeadlinedate" name="sessiondeadlinedate" type="text" class="form-control"  value="{{ $session->sessionDeadline }}"> </div>
				                        <!-- /.form-group -->
									</div>
								</div>
								
								<div class="row">
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
					                          <label for="download_report">{{ __('Sharing of Results') }}</label>
					                          <select class="custom-select" id="download_report" name="download_report" required="">
													<option value="0" @if ($session->downloadReport === 0) selected @endif >{{ __('No sharing of results') }}</option>
						                            <option value="1" @if ($session->sharing === 1) selected @endif >{{ __('Share with individual users') }}</option>
													@if ($session->profileID == 0)
													    <option value="2" @if ($session->sharing === 2) selected @endif >{{ __('Share with everyone: users and within team') }}</option>
					                                @endif
					                          </select>
				                        </div>
										<!-- /.form-group -->
										
									</div>
									<div class="col-sm-12 col-md-6">
									    <!-- .form-group -->
				                        <div class="providedownloaddate" id="providedownloaddate">
											<label  class="d-block">{{ __('Sharing as of') }}</label>
											<div class="custom-control custom-control-inline custom-radio">
												<input type="radio" class="custom-control-input" name="sharenow" id="share1" value=1 @if ($session->downloadReport === 1) checked @endif>
												<label class="custom-control-label" for="share1">{{ __('Now') }}</label>
											</div>
											<div class="custom-control custom-control-inline custom-radio">
												<input type="radio" class="custom-control-input" name="sharenow" id="share2" value=2 @if ($session->downloadReport === 2) checked @endif>
												<label class="custom-control-label" for="share2">{{ __('Later') }}</label>
											</div>
				                        </div>
				                        <!-- /.form-group -->
										<!-- .form-group -->
				                        <div class="providedownloaddate2" id="providedownloaddate2">
					                          <label class="control-label" for="downloaddate">{{ __('Share on') }}</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-6">
										
									</div>
									<div class="col-sm-12 col-md-6">
										<!-- .form-group -->
		                        			<div class="providedownloaddate2" id="providedownloaddate2">
					                          <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 -->
									</div>
								</div>
							</form>
						</div>

						<div role="tabpanel" class="tab-pane @if($tab==2) active show @endif" id="myusers">
                			
            				<!-- grid row -->
            				<div class="row">
                  				<!-- grid column -->
                  				<div class="col-xl-6">
									<form method="POST" action="/sessions/{{ $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>
    											<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    						</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 -->
                  				<!-- 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 -->
           				    </div>
            				<!-- /grid row -->
						</div>
						
						@if ($session->profileID == 0)
    						<div role="tabpanel" class="tab-pane @if($tab==3) active show @endif" id="myprofiles">
    							<form method="POST" action="/sessions/profiles/{{ $session->id }}">
    							{{ csrf_field() }}
    								<!-- .card-header -->
                          			<header class="card-header border-0">
                        				<div class="d-flex align-items-center">
                              				<span class="mr-auto">{{ __('Profiles for') }} {{ $session->sessionname }}</span>
                              				<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        				</div>
                          			</header>
                          			<!-- /.card-header -->

                        			<!-- .table -->
                        			<table class="table table-responsive-xl">
                       				<!-- thead -->
                      				<thead>
                       					<tr>
    							 			<th>{{ __('User') }}</th>
    							 			@foreach ($profiles as $profile)
    							 			    @if ($profile->global == 1)
        										    <th>
        										        <span class="custom-control custom-control-inline custom-radio">
                                							<input type="radio" class="custom-control-input" name="radio-profile" id="radio-profile-{{ $profile->id }}" value="{{ $profile->id }}">
                                							<label class="custom-control-label" for="radio-profile-{{ $profile->id }}">{{ __($profile->trans('profilename')) }}</label>
                              						    </span>
        										    </th>
        										@endif
                				 			@endforeach
                        				</tr>
                      				</thead>
                      				<!-- /thead -->
    								<!-- tbody -->
    								<tbody>
    									@foreach ($sessionusers as $user)
    										<tr>
    											<td>{{ $user->name }}  ({{ $user->email }})</td>
    											@foreach ($profiles as $profile)
    											    @if ($profile->global == 1)
        											    <td>
                                				    		<div class="custom-control custom-control-inline custom-radio">
                												<input type="radio" class="custom-control-input" name="profileRow[{{ $user->id }}]" id="rd{{ $profile->id }}[{{ $user->id }}]" value="{{ $profile->id }}" @if (array_key_exists($user->id, $userprofiles)) @if (array_key_exists($profile->id, $userprofiles[$user->id])) checked @endif @endif>
                												<label class="custom-control-label" for="rd{{ $profile->id }}[{{ $user->id }}]">&nbsp;</label>
                											</div>
        											    </td>
            										@endif
    											@endforeach
    										</tr>
    				  					@endforeach
                          			</tbody>
                          			<!-- /tbody -->
                        			</table>
                        			<!-- /.table -->
                            		
    							</form>
    						</div>
    					@endif

   						<div role="tabpanel" class="tab-pane @if($tab==4) active show @endif" id="myemails">
							<form method="POST" action="/sessions/email/{{ $session->id }}">
								{{ csrf_field() }}
								
								<div class="row border-bottom">
									<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" required>
											  <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-8">
										<!-- .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-4 col-md-1">
										<!-- .form-group -->
										<div class="form-group">
											<label  class="d-block">&nbsp</label>
											<button type="submit" class="btn btn-primary" name="sendnow" value="on">{{ __('Send') }}</button>
		                       			</div>
				                        <!-- /.form-group -->
									</div>
								</div>
							
							</form>
							
							<form method="POST" action="/sessions/email/{{ $session->id }}">
								{{ csrf_field() }}
								
								<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 }}">
												  @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" required>
											  <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" 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">{{ __('Save') }}</button>
		                       			</div>
				                        <!-- /.form-group -->
									</div>
								</div>

							</form>
  				 	 	</div>

   						<div role="tabpanel" class="tab-pane @if($tab==5) active show @endif" id="myreports">
							<form method="POST" action="/reports" id="reportform">
							{{ csrf_field() }}
                				<input type="hidden" name="sessionid" value="{{ $session->id }}">
                				<input type="hidden" name="profile" value="{{ $session->profileID }}">
								<input type="hidden" name="name" value="{{ $session->sessionname }}">
								<input type="hidden" name="reportchapters" id="reportchapters" value="">
							
    							<!-- #accordion -->
                                <div id="accordion" class="card-expansion">
                                    <!-- .card -->
                                    <div class="card card-expansion-item">
                                      <div class="card-header border-0" id="headingOne">
                                         
                                            <!-- grid row -->
                                            <div class="row">
                                              <!-- grid column -->
                                              <div class="col-lg-6">
                                                <!-- grid row -->
                                                <div class="row">
                                                  <!-- grid column -->
                                                  <div class="col-6 d-flex align-items-center">
                                                    <!-- .form-group -->
                                    				<div class="form-group" style="max-height: 37px;">
            											<div class="btn btn-reset collapsed mr-auto" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                                            <span class="collapse-indicator mr-2">
                                                                <i class="fa fa-fw fa-caret-right"></i>
                                                            </span>
                                                            <span>{{ __('Report structure') }}</span>
                                                        </div>
                                   			 		</div>
            										<!-- /form-group -->
            									  </div><!-- /grid column -->
            									  <!-- grid column -->
                                                  <div class="col-6 d-flex align-items-center">
                                                    <!-- .form-group -->
                                    				<div class="form-group" style="max-height: 37px;">
            											<button type="submit" formtarget="_blank" class="tile tile-lg bg-white" name="reporttype" value="pdf"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_pdf.png"></div></button>
            											<button type="submit" formtarget="_blank" class="tile tile-lg bg-white" name="reporttype" value="ppt"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_powerpoint.png"></div></button>
                                   			 		</div>
            										<!-- /form-group -->
            									  </div><!-- /grid column -->
            									</div><!-- /grid row -->
                                              </div><!-- /grid column -->	 
                                              @if ($session->profileID == 0)
                                                  <!-- grid column -->
                                                  <div class="col-lg-6">
                                                    <!-- grid row -->
                                                    <div class="row">
                                                      <!-- grid column -->
                                                      <div class="col-6 d-flex align-items-center justify-content-end">
                                                        <!-- .form-group -->
                                        				<div class="form-group" style="max-height: 37px;">
                											<span class="font-weight-normal">{{ __('Summaries') }}</span>
                                            			</div>
                										<!-- /form-group -->
                									  </div><!-- /grid column -->
            									      <!-- grid column -->
                                                      <div class="col-6 d-flex align-items-center">
                										<!-- .form-group -->
                                        				<div class="form-group" style="max-height: 37px;">
                                            				<button type="submit" formtarget="_blank" class="tile tile-lg bg-white" name="reporttype" value="summary"><div class="figure-img"><img class="img-fluid" src="/assets/images/report_icon_summary.png"></div></button>
                                       			 		</div>
                										<!-- /form-group -->
                									  </div><!-- /grid column -->
            									    </div><!-- /grid row -->
            									  </div><!-- /grid column -->
        									  @endif
                            				</div><!-- /grid row -->
                                        
                                      </div>
                                      <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                                        <div class="card-body pt-0">
                                            <!-- grid row -->
                                            <div class="row">
                                              <!-- grid column -->
                                              <div class="col-lg-6">
                                                <!-- .card-header -->
                                      			<header class="card-header border-0">
                                                    <div class="d-flex align-items-center" style="height: 30px;">
                                  						<span class="mr-auto">{{ __('IN the report') }}</span>
                                  						<!-- .form-group -->
                                        				<div class="form-group">
                    										<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    									</div>
                                       					<!-- /form-group -->
                            						</div>
                                                </header>
                                      			<!-- /.card-header -->
                                                <!-- .card -->
                                                <div class="card card-fluid sortable-tile">
                                                  <!-- .sortable-lists -->
                                                  <div id="items-1" class="sortable-lists list-group list-group-flush list-group-bordered">
                                                    @foreach ($sessionreports as $sessionreport)
                                                        <div id="item-{{ $sessionreport->id }}" data-id="{{ $sessionreport->id }}" class="list-group-item align-items-center nested-1">
                                                            <div class="tile tile bg-white">
                                          					    <div class="figure-img"><img class="img-fluid" src="/assets/images/{{ $sessionreport->icon }}"></div>
                                          					</div>&nbsp;&nbsp;
                                          					<div>{{ __($sessionreport->name) }}</div>
                                                        </div>
                                                    @endforeach
                                                  </div><!-- /.sortable-lists -->
                                                </div><!-- /.card -->
                                              </div><!-- /grid column -->
                                              <!-- grid column -->
                                              <div class="col-lg-6">
                                                <!-- .card-header -->
                                      			<header class="card-header border-0">
                                                    <div class="d-flex align-items-center" style="height: 30px;">
                                  						<span class="mr-auto">{{ __('NOT IN the report') }}</span>
                            						</div>
                                                </header>
                                      			<!-- /.card-header -->
                                                <!-- .card -->
                                                <div class="card card-fluid sortable-tile">
                                                  <!-- .sortable-lists -->
                                                  <div id="items-2" class="sortable-lists list-group list-group-flush list-group-bordered"> 
                                                    @foreach ($otherreports as $otherreport)
                                                        <div id="item-{{ $otherreport->id }}" data-id="{{ $otherreport->id }}" class="list-group-item align-items-center nested-1">
                                                            <div class="tile tile bg-white">
                                          					    <div class="figure-img"><img class="img-fluid" src="/assets/images/{{ $otherreport->icon }}"></div>
                                          					</div>&nbsp;&nbsp;
                                          					<div>{{ __($otherreport->name) }}</div>
                                                        </div>
                                                    @endforeach
                                                  </div><!-- /.sortable-lists -->
                                                </div><!-- /.card -->
                                              </div><!-- /grid column -->							
                            				</div><!-- /grid row -->
                            				<p>{{ __('You can select the report chapters by moving them around and changing the order') }}</p>
                                        </div>
                                      </div>
                                    </div><!-- /.card -->
                                </div><!-- /.accordion -->
                                
								<!-- .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>
								 			@if ($session->profileID == 0)
								 			    <th>{{ __('Profile') }}</th>
								 			@endif
											<th>{{ __('Profile completed') }}</th>
											@if ($session->profileID == 0)
                				 			    <th>{{ __('Permission granted') }}</th>
                				 			@endif
											<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/sortablejs/Sortable.js') }}"></script>
    <script src="{{ asset('assets/vendor/sortablejs/jquery-sortable.js') }}"></script>
    <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 src="{{ asset('assets/vendor/flatpickr/l10n/nl.js') }}"></script>
	<script src="{{ asset('assets/vendor/flatpickr/l10n/de.js') }}"></script>
	<script src="{{ asset('assets/vendor/flatpickr/l10n/fr.js') }}"></script>
	<script src="{{ asset('assets/vendor/flatpickr/l10n/es.js') }}"></script>
	<script src="{{ asset('assets/vendor/flatpickr/l10n/pl.js') }}"></script>
	<script>

    // List 1
    $('#items-1').sortable({
        group: 'list',
        animation: 200,
        ghostClass: 'ghost',
        onSort: setReportChapters,
    });

    // List 2
    $('#items-2').sortable({
        group: 'list',
        animation: 200,
        ghostClass: 'ghost',
    });

    // Set ReportChapters when the sort order has changed
    function setReportChapters() {
        var sort1 = $('#items-1').sortable('toArray');
        document.getElementById("reportchapters").value = sort1;
    };
	
	$(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: '/sessionUsersData/{{ $session->id }}',
      		deferRender: true,
      		order: [1, 'asc'],
      		columns: [
				{ data: 'id', name: 'user_profiles.id', orderable: false, searchable: false },
           		{ data: 'name', name: 'users.name' },
           		@if ($session->profileID == 0)
           		    { data: 'profilename', name: 'profiles.profilename' },
           		@endif
				{ data: {
                _:    "profileDate.display",
                sort: "profileDate.timestamp"
            } },
            	@if ($session->profileID == 0)
            	    { data: 'active', name: 'us.active' },
				@endif
				{ 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', {
      		locale: '{{ Lang::locale() }}',
      		disableMobile: true,
      		altInput: true,
      		altFormat: 'd-m-Y',
      		dateFormat: 'Y-m-d'
    		});
	});
	$(function() {
    		return flatpickr('#sessiondeadlinedate', {
      		locale: '{{ Lang::locale() }}',
      		disableMobile: true,
      		altInput: true,
      		altFormat: 'd-m-Y',
      		dateFormat: 'Y-m-d'
    		});
	});
	$(function() {
    		return flatpickr('#downloaddate', {
      		locale: '{{ Lang::locale() }}',
      		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 }}', {
	      		locale: '{{ Lang::locale() }}',
	      		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', {
	  		locale: '{{ Lang::locale() }}',
	  		disableMobile: true,
	  		altInput: true,
			enableTime: true,
			time_24hr: true,
	  		altFormat: 'd-m-Y H:i',
	  		dateFormat: 'Y-m-d H:i'
		});
	});

	$(document).ready(function(){
        
        $("#download_report").change(function(){
	        $("#download_report option:selected").each(function(){
	            if($(this).attr("value")=="0"){
	                $(".providedownloaddate").fadeOut('slow');
	                $(".providedownloaddate2").fadeOut('slow');
	                radiobtn = document.getElementById("share1");
                    radiobtn.checked = true;
	            } else {
	                $(".providedownloaddate").fadeIn('slow');
	            }
	        });
	    }).change();

        $('input[name="sharenow"]').click(function () {
            if($(this).val()=="1"){
                $(".providedownloaddate2").fadeOut('slow');
            } else {
                $(".providedownloaddate2").fadeIn('slow');               
            }
        });
        
        $('input[name="radio-profile"]').click(function () {
            @foreach ($sessionusers as $user)
                radiobtn = document.getElementById("rd" + $(this).val() + "[{{ $user->id }}]");
                radiobtn.checked = true;
            @endforeach
        });
        
        @foreach ($sessionusers as $user)
            $('input[name="profileRow[{{ $user->id }}]"]').click(function () {
                $('input:radio[name="radio-profile"]').each(function () { $(this).prop('checked', false); });
            });
        @endforeach
		
  		$("#mygroupsearch").on("keyup", function() {
   			var value2 = $(this).val().toLowerCase();
    			$("#table_source tr").filter(function() {
     	 		$(this).toggle($(this).text().toLowerCase().indexOf(value2) > -1)
   	 		});
	  	});

 	   $("#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);
    	});

    	$(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);
   			}
  		};
  		
  		@if ($invitelinks->first() != null) 
      		@foreach ($invitelinks as $invitelink)
          		// onclick event is assigned to the #button element.
                document.getElementById("button{{ $invitelink->profileID }}").onclick = function() {

          		  var copyText = "https://my.sportmotivation.com/activateTeamUser/{{ $invitelink->activation_code }}";

                  // Copy the text inside the text field
                  navigator.clipboard.writeText(copyText);
                
                  // Alert the copied text
                  alert("{{ __('Copied the link to the clipboard') }}: " + copyText);
                };
                
      		@endforeach
      		
      		// onclick event is assigned to the #button element.
            document.getElementById("resetbutton").onclick = function() {
              window.location.href = "/sessions/resetlinks/{{ $session->id }}";
            };
      		
  		@else
  		    // onclick event is assigned to the #button element.
            document.getElementById("button0").onclick = function() {
              window.location.href = "/sessions/generatelinks/{{ $session->id }}";
            };
  		@endif
  		
  		@if ($link == 1) 
            $('#inviteModal').modal('show');
        @endif

	});
	
	
</script>

@endpush