@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>{{ __('Organisations') }}</a>
                    </li>
                  </ol>
                </nav>
                <!-- /.breadcrumb -->
                <!-- title and toolbar -->
                <div class="d-md-flex align-items-md-start">
                  <h1 class="page-title mr-sm-auto">{{ $organisation->organisationname }}</h1> @if ($organisation->debtorID!="")({{ __('Debtor ID') }}: {{ $organisation->debtorID }})@endif
                </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="#myorganisation">{{ __('Details') }}</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link {{$focustab2}}" role="tab" data-toggle="tab" href="#myfacilitators">{{ __('Facilitators') }}</a>
                      </li>
					  <li class="nav-item">
                        <a class="nav-link {{$focustab3}}" 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="myorganisation">
							<form method="POST" action="/organisations/{{ $organisation->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="name">{{ __('Name') }}</label>
				                          <input type="text" class="form-control" id="name" name="name" value="{{ $organisation->organisationname }}" required="">
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
                                            <label for="attn">{{ __('Attention of') }}</label>
                                            <div class="input-group input-group-alt">
                                                <div class="input-group-prepend">
                                                    <select class="custom-select" id="sex" name="sex">
                                                        <option value="u">{{ __('Other') }}</option>
                                                        <option value="m" @if ($organisation->sex=="m") selected @endif>{{ __('Mr.') }}</option>
                                                        <option value="f" @if ($organisation->sex=="f") selected @endif>{{ __('Mrs.') }}</option>
                                                        <option value="d" @if ($organisation->sex=="d") selected @endif>{{ __('Dep.') }}</option>
                                                        <option value="fam" @if ($organisation->sex=="fam") selected @endif>{{ __('Fam.') }}</option>
                                                    </select>
                                                </div>
                                                <input type="text" class="form-control" id="attnfn" name="attnfn" value="{{ $organisation->attnfn }}" placeholder="{{ __('Please enter a first name') }}">
                                                <input type="text" class="form-control" id="attn" name="attn" value="{{ $organisation->attn }}" placeholder="{{ __('Please enter a name') }}">
                                            </div>
                                        </div>
				                        <!-- /.form-group -->
									</div>	
								</div>
								<div class="row">
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="address">{{ __('Address') }}</label>
				                          <input type="text" class="form-control" id="address" name="address" value="{{ $organisation->address }}" required="">
				                        </div>
				                        <!-- /.form-group -->
									</div>								
									<div class="col-sm-12 col-md-6">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="email">{{ __('Email Address') }}</label>
				                          <input type="email" class="form-control" id="email" name="email" value="{{ $organisation->organisationemail }}" required="">
				                        </div>
				                        <!-- /.form-group -->
									</div>	
								</div>
								<div class="row">
									<div class="col-sm-6 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="postalcode">{{ __('Postal code') }}</label>
				                          <input type="text" class="form-control" id="postalcode" name="postalcode" value="{{ $organisation->postalcode }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>								
									<div class="col-sm-6 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="city">{{ __('City') }}</label>
				                          <input type="text" class="form-control" id="city" name="city" value="{{ $organisation->place }}" required="">
				                        </div>
				                        <!-- /.form-group -->
									</div>	
									<div class="col-sm-6 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="country">{{ __('Country') }}</label>
				                          <select class="custom-select" id="country" name="country">
											  <option value="">{{ __('Please enter a country') }}</option>
											  <option value="BE" @if ($organisation->country=="BE") selected @endif>{{ __('Belgium') }}</option>
											  <option value="DK" @if ($organisation->country=="DK") selected @endif>{{ __('Danmark') }}</option>
											  <option value="DE" @if ($organisation->country=="DE") selected @endif>{{ __('Germany') }}</option>
											  <option value="FR" @if ($organisation->country=="FR") selected @endif>{{ __('France') }}</option>
											  <option value="NL" @if ($organisation->country=="NL") selected @endif>{{ __('Netherlands') }}</option>
											  <option value="AE" @if ($organisation->country=="AE") selected @endif>{{ __('United Arab Emirates') }}</option>
					                       </select>
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-6 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="phone">{{ __('Phone') }}</label>
				                          <input type="text" class="form-control" id="phone" name="phone" value="{{ $organisation->phone }}" placeholder="{{ __('Please enter a phone number') }}">
				                        </div>
				                        <!-- /.form-group -->
									</div>
								</div>
								<div class="row border-top"><br></div>
								<div class="row">
									<div class="col-sm-12 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="terms">{{ __('Payment condition (days)') }}</label>
				                          <input type="number" class="form-control" id="terms" name="terms" value="{{ $organisation->terms }}" placeholder="{{ __('Please enter the payment condition') }}" >
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-3">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="vatnumber">{{ __('VAT number') }}</label>
				                          <input type="text" class="form-control" id="vatnumber" name="vatnumber" value="{{ $organisation->vatnumber }}" placeholder="{{ __('Please enter the VAT number') }}" >
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-12 col-md-2">
				                        <!-- .form-group -->
				                        <div class="form-group">
				                          <label for="vat">{{ __('VAT') }} (%)</label>
				                          <input type="number" class="form-control" id="vat" name="vat" step="0.1" value="{{ $organisation->vat }}" placeholder="{{ __('Please enter the VAT %') }}" >
				                        </div>
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-6 col-md-2">
				                        <!-- .form-group -->
					                    <div class="form-group">  
					                        <label for="license">{{ __('License cost') }}</label>
					                        <div class="input-group">
												<label class="input-group-prepend" for="license"><span class="badge">€</span></label>
												<input type="number" class="form-control" id="license" name="license" step="0.01" value="{{ $organisation->licensecost }}" placeholder="{{ __('Please enter the yearly license cost') }}">
											</div>
										</div>	
				                        <!-- /.form-group -->
									</div>
									<div class="col-sm-6 col-md-2">
				                        <!-- .form-group -->
					                    <div class="form-group">  
					                        <label for="licensemonth">{{ __('License pay in month') }}</label>
					                        <select class="custom-select" id="licensemonth" name="licensemonth">
											  <option value="1" @if ($organisation->licensemonth=="1") selected @endif>{{ __('January') }}</option>
											  <option value="2" @if ($organisation->licensemonth=="2") selected @endif>{{ __('February') }}</option>
											  <option value="3" @if ($organisation->licensemonth=="3") selected @endif>{{ __('March') }}</option>
											  <option value="4" @if ($organisation->licensemonth=="4") selected @endif>{{ __('April') }}</option>
											  <option value="5" @if ($organisation->licensemonth=="5") selected @endif>{{ __('May') }}</option>
											  <option value="6" @if ($organisation->licensemonth=="6") selected @endif>{{ __('June') }}</option>
											  <option value="7" @if ($organisation->licensemonth=="7") selected @endif>{{ __('July') }}</option>
											  <option value="8" @if ($organisation->licensemonth=="8") selected @endif>{{ __('August') }}</option>
											  <option value="9" @if ($organisation->licensemonth=="9") selected @endif>{{ __('September') }}</option>
											  <option value="10" @if ($organisation->licensemonth=="10") selected @endif>{{ __('October') }}</option>
											  <option value="11" @if ($organisation->licensemonth=="11") selected @endif>{{ __('November') }}</option>
											  <option value="12" @if ($organisation->licensemonth=="12") selected @endif>{{ __('December') }}</option>
					                        </select>
				                        </div>
				                        <!-- /.form-group -->
									</div>
								</div>
					            <div class="row border-top"><br></div>
								<div class="row">
							  		<div class="col-md-3">
							  			<p>{{ __('Profiles') }}</p>
									</div>
									<div class="col-md-2">
										<p>{{ __('Unit Price') }}</p>
									</div>
									<div class="col-md-1">
										<p>{{ __('Credits') }}</p>
									</div>
								</div>
								@foreach ($profiles as $profile)
									@php
										$organisationcredit=$organisationcredits->where('profileID', $profile->id)->first();
										$organisationprice=$organisationprices->where('profileID', $profile->id)->first();
									@endphp
								  	<div class="row">
								  		<div class="col-md-3">
								  			<p>&nbsp;&nbsp;&nbsp;{{ $profile->trans('profilename') }}</p>
										</div>
										<div class="col-md-2">
											<div class="input-group">
												<label class="input-group-prepend" for="price_{{$profile->id}}"><span class="badge">€</span></label>
												<input type="number" class="form-control" name="price_{{$profile->id}}" min="0" step="0.01" @if ($organisationprice!==null) value="{{ $organisationprice->price }}" @endif>
											</div>
										</div>
										<div class="col-md-1">
											<input type="number" class="form-control" name="credit_{{$profile->id}}" min="0" step="1" @if ($organisationcredit!==null) value="{{ $organisationcredit->credits }}" @endif>
										</div>
									</div>
								@endforeach
								@php
									$organisationcredit=$organisationcredits->where('profileID', '=', NULL)->first();
								@endphp
								<div class="row">
							  		<div class="col-md-3">
							  			<p>&nbsp;&nbsp;&nbsp;{{ __('General') }}</p>
									</div>
									<div class="col-md-2">
										&nbsp;
									</div>
									<div class="col-md-1">
										<input type="number" class="form-control" name="credit_0" min="0" step="1" @if ($organisationcredit!==null) value="{{ $organisationcredit->credits }}" @endif>
									</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="form-group" style="text-align:right;">
				                            <a href="/billing/create/{{ $organisation->id }}"><div class="btn btn-primary">{{ __('Invoice') }}</div></a>
				                        </div>
				                        <!-- .form-group -->
									</div>
								</div>
							</form>
						</div>

						<div role="tabpanel" class="tab-pane {{$focustab2}}" id="myfacilitators">
                				<!-- grid row -->
                				<div class="row">
                  				<!-- grid column -->
                  				<div class="col-xl-6">
                      				<form method="POST" action="/organisations/{{ $organisation->id }}">
										{{ csrf_field() }}
										<!-- .card-header -->
                      					<header class="card-header border-0">
                        						<div class="d-flex align-items-center">
                          						<span class="mr-auto">{{ __('Facilitators in this Organisation') }}</span>
												<button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        						</div>
                      					</header>
                      					<!-- /.card-header -->
                        					<!-- .table -->
                        					<table class="table table-hover"  id="table_dest">
                          					<!-- tbody -->
                         					<tbody>
												@foreach ($organisationusers 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 -->
									</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 Facilitators') }}</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="allusersearch" placeholder="Search">
												</div>
											</div>		
										</div>															
                      				</header>
                      				<!-- /.card-header --> 
                        				<!-- .table -->
                        				<table class="table table-hover" id="table_source">
                          				<!-- tbody -->
                         				<tbody>
											@foreach ($facilitators 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>
                  				<!-- /grid column -->
               				</div>
                				<!-- /grid row -->
						</div>

   						<div role="tabpanel" class="tab-pane {{$focustab3}}" id="myemails">
							<form method="POST" action="/organisations/email/{{ $organisation->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 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>
                       			<!-- .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(){
  		$("#allusersearch").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);
   			}
  		};			

	});
</script>
@endpush