@extends('layouts.app')

@section('styles')
@endsection

@section('content')	   
		   <!-- .page -->
          <div class="page">
            <!-- .page-inner -->
            <div class="page-inner">
              <!-- .page-title-bar -->
              <header class="page-title-bar">
                <!-- .breadcrumb -->
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item active">
                      <a href="\">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Dashboard') }}</a>
					  <a href="\organisations">
                        <i class="breadcrumb-icon fa fa-angle-left mr-2"></i>{{ __('Facilitators') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto"> {{ $user->name }}</h1>
                </div>
                <!-- /title and toolbar -->
              </header>
              <!-- /.page-title-bar -->
              <!-- .page-section -->
              <div class="page-section">
                <!-- .card -->
                <section class="card card-fluid">
                  <!-- .card-header -->
                  <header class="card-header">
                    <!-- .nav-tabs -->
                    <ul class="nav nav-tabs card-header-tabs">
                      <li class="nav-item">
                        <a class="nav-link {{$focustab1}}" role="tab" data-toggle="tab" href="#myfacilitator">{{ __('Details') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link {{$focustab2}}" role="tab" data-toggle="tab" href="#myemails">{{ __('Emails') }}</a>
                      </li>
                    </ul>
                    <!-- /.nav-tabs -->
                  </header>
                  <!-- /.card-header -->
                  <!-- .card-body -->
                  <div class="card-body">
				  
				  	<div class="tab-content">
					
						<div role="tabpanel" class="tab-pane {{$focustab1}}" id="myfacilitator">
							<form method="POST" action="/facilitators/{{ $user->id }}">
								{{ csrf_field() }}
								{{ method_field('PATCH') }}

								<div class="row">
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
										<div class="form-group">
				                          <label for="organisation">{{ __('Organisation') }}</label>
				                          <select class="custom-select" id="organisation" name="organisation">
												<option value=0>{{ __('None') }}</option>
												@foreach ($organisations as $organisation)
	                            					<option value="{{ $organisation->id }}" @if (($userorganisation != null) && ($organisation->id === $userorganisation->organisationID )) selected @endif >{{ $organisation->organisationname }}</option>
	                          					@endforeach
				                          </select>
										</div>
				                        <!-- /.form-group -->
									</div>								
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="name">{{ __('Report Template') }}</label>
				                          <input type="text" class="form-control" id="template" name="template" @if ($reporttemplate != null) value="{{ $reporttemplate->template }}" @endif>
				                        </div>
				                        <!-- /.form-group -->
									</div>	
								</div>
								<br>
								<div class="row">
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
										  	<div class="row">
										  		<div class="col-md-6">
										  			<p>{{ __('Profiles') }}</p>
												</div>
												<div class="col-md-1 d-flex justify-content-center">
													<p>{{ __('Access') }}</p>
												</div>
											</div>
											@foreach ($profiles as $profile)
												@php
													$facilitatorprofile=$facilitatorprofiles->where('profileID', $profile->id)->first();
												@endphp
											  	<div class="row">
											  		<div class="col-md-6">
											  			<p>&nbsp;&nbsp;&nbsp;{{ __($profile->trans('profilename')) }}</p>
													</div>
													<div class="col-md-1">
														<div class="custom-control custom-control-inline custom-control-nolabel custom-checkbox">
	                            							<input type="checkbox" class="custom-control-input"  id="{{ $profile->id }}" name="profile[]" value="{{ $profile->id }}" @if ($facilitatorprofile!==null) checked @endif>
	                              							<label class="custom-control-label" for="{{ $profile->id }}">checkbox</label>
                            							</div>
													</div>
												</div>
											@endforeach
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-6">
										<!-- .form-group -->
				                        <div class="providedownloaddate" id="providedownloaddate">
					                          <label class="control-label" for="downloaddate">{{ __('Facilitator local code') }}</label>
					                          <input id="downloaddate" name="downloaddate" type="text" class="form-control" value="{{ $facilitatorlocalcode }}"> </div>
				                        <!-- /.form-group -->
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 col-md-6">
										<!-- .form-group -->
				                        <div class="form-group">                        
											<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
				                        </div>
				                        <!-- .form-group -->
									</div>
								</div>
							</form>
						</div>

   						<div role="tabpanel" class="tab-pane {{$focustab2}}" id="myemails">
							<form method="POST" action="/facilitators/email/{{ $user->id }}">
								{{ csrf_field() }}
								<div class="row">
									<div class="col-sm-12 col-md-4">
				                        <!-- .form-group -->
				                        <div class="form-group">
					                          <label for="emailtemplate">{{ __('Email template') }}</label>
					                          <select class="custom-select" id="emailtemplate" name="emailtemplate">
											  <option value="">{{ __('Choose ...') }}</option>
											  @foreach ($mytemplates as $template)
						                            <option value={{ $template->id }}  > {{ $template->templatename }} </option>
											  @endforeach
					                          </select>
				                        </div>
										<!-- /.form-group -->
									</div>								
									<div class="col-sm-4 col-md-2">
										<!-- .form-group -->
				                        <div class="form-group">
											<label  class="d-block">{{ __('Send') }}</label>
											<button type="submit" class="btn btn-primary" name="sendnow" value="on"><span class="oi oi-envelope-open"></span></button>
										</div>
				                        <!-- /.form-group -->
									</div>	
								</div>
                       			<!-- .form-group -->									
							</form>
  				 	 	</div>
					  </div>
 					  <!-- /.tab-content -->
				  </div>
                  <!-- /.card-body -->
                </section>
                <!-- /.card -->
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
<script>
    $(document).ready(function(){
	
		$("#organisation").change(function(){
            $("#organisation option:selected").each(function(){
                if($(this).attr("value")=="62"){
                    $(".providedownloaddate").fadeIn('slow');
                } else {
                    $(".providedownloaddate").fadeOut('slow');               
                }
            });
        }).change();
    });
</script>
@endpush