@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="\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">{{ __('Add a Team') }}</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 active show" role="tab" data-toggle="tab" href="#mysession">{{ __('Details') }}</a>
                      </li>
                    </ul>
                    <!-- /.nav-tabs -->
                  </header>
                  <!-- /.card-header -->
                  <!-- .card-body -->
                  <div class="card-body">
				  <!-- .table-responsive -->
				  <div class="table-responsive">
				  
				  	<div class="tab-content">
   						<div role="tabpanel" class="tab-pane active" id="mysession">

							<form method="POST" action="/sessions">
							{{ csrf_field() }}
	                        
								<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" placeholder="{{ __('Please enter a name') }}" 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" placeholder="{{ __('Please enter addition 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>
					                          <select class="custom-select" id="profile" name="profile" required="">
					                          @foreach ($profiles as $profile)
											    <option value="{{ $profile->id }}">{{ __($profile->trans('profilename')) }}</option>
											  @endforeach
					                          </select>
				                        </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"> </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"> </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>
					                        @foreach ($profiles as $profile)
					                          <select class="custom-select" id="download_report_{{ $profile->id }}" name="download_report" required="">
												<option value="0" selected>{{ __('No sharing of results') }}</option>
						                        <option value="1">{{ __('Share with individual users') }}</option>
												@if ($profile->id == 0)
													<option value="2">{{ __('Share with everyone: users and within team') }}</option>
												@endif
					                          </select>
					                        @endforeach
				                        </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 checked>
												<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 >
												<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">
					                    </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 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 }}> {{ $template->templatename }} </option>
											  @endforeach
					                          </select>
				                        </div>
				                        <!-- /.form-group -->
									</div>
								</div>
							</form>
						</div>
  				 	 </div>
				  
					</div>
                    <!-- /.table-responsive -->
				  </div>
                  <!-- /.card-body -->
                </section>
                <!-- /.card -->
              </div>
              <!-- /.page-section -->
            </div>
            <!-- /.page-inner -->
          </div>
          <!-- /.page -->
@endsection

@push('scripts')
    <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>
	$(function() {
    		return flatpickr('#sessiondate', {
      		locale: '{{ Lang::locale() }}',
      		disableMobile: true,
      		altInput: true,
			minDate: 'today',
      		altFormat: 'd-m-Y',
      		dateFormat: 'Y-m-d'
    		});
	});
	$(function() {
    		return flatpickr('#sessiondeadlinedate', {
      		locale: '{{ Lang::locale() }}',
      		disableMobile: true,
      		altInput: true,
			minDate: 'today',
      		altFormat: 'd-m-Y',
      		dateFormat: 'Y-m-d'
    		});
	});
	$(function() {
    		return flatpickr('#downloaddate', {
      		locale: '{{ Lang::locale() }}',
      		disableMobile: true,
      		altInput: true,
			enableTime: true,
			time_24hr: true,
			minDate: 'today',
      		altFormat: 'd-m-Y H:i',
      		dateFormat: 'Y-m-d H:i'
    		});
	});
	
	$(document).ready(function(){
	    @foreach ($profiles as $profile)
            @if ($profile->id != 0)
	            $("#download_report_{{ $profile->id }}").hide();
	        @endif
            $("#download_report_{{ $profile->id }}").change(function(){
    	        $("#download_report_{{ $profile->id }} 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();
        @endforeach

		$('#profile').on('change',function(){
            @foreach ($profiles as $profile)
	            $("#download_report_{{ $profile->id }}").hide();
            @endforeach
            $("#download_report_" + $(this).val()).show();
            $(".providedownloaddate").fadeOut('slow');
    	    $(".providedownloaddate2").fadeOut('slow');
    	    radiobtn = document.getElementById("share1");
            radiobtn.checked = true;
          }); 
		
		
        $('input[name="sharenow"]').click(function () {
            if($(this).val()=="1"){
                $(".providedownloaddate2").fadeOut('slow');
            } else {
                $(".providedownloaddate2").fadeIn('slow');               
            }
        });
    
	 });

 </script> 
@endpush