@extends('layouts/main')
@section('breadcrumbs')
	{!! Breadcrumbs::render('trainings', 'users', $training) !!}
@endsection
@section('content')
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-md-12">
	      <div class="ibox float-e-margins">
	      	<div class="ibox-title">
	      		<h5>Usuarios vinculados</h5>
	      		<div class="ibox-tools">
              <a class="collapse-link">
                  <i class="fa fa-chevron-up"></i>
              </a>
              <a class="close-link">
                  <i class="fa fa-times"></i>
              </a>
          	</div>
	      	</div>
	      	<div class="ibox-content">
            <table class="table table-striped table-hover" id="table_linked">
              <thead>
              	<tr>
                	<th></th>
                	<th>Email</th>
                	<th>Nombre</th>
                	<th>Tipo de subscripción</th>
                	<th>Ubicacion</th>
              	</tr>
              </thead>
              <tbody>
              	@if ($linked->count()==0)
              		<tr>
              			<th colspan="6" class="text-center">Aun no hay usuarios vinculados a este entrenamiento</th>
              		</tr>
              	@else
              	{!! Form::open(["route" => ['trainings.linked', $training->id], "id" => "form-linked" ]) !!}
              	@foreach($linked->paginate(40,['*'], 'page_linked') as $usr)
              	<tr>
              		<th><input type="checkbox" value="{{$usr->id}}" name="linked[]"></td>
              		<th>{{$usr->email}}</th>
              		<th>{{$usr->fullname()}}</th>
              		<th>{{$usr->tipo}}</th>
              		<th>{{$usr->ubicacione}}</th>
              	</tr>
              	@endforeach
              	{!! Form::close() !!}
              	@endif
              </tbody>
              <tfoot>
              	<tr>
              	<td colspan="3">{!! $linked->paginate(40, ['*'], 'page_linked')->render() !!}</td>
              	<td colspan="3" class="text-right">
              		<button type="button" class="btn btn-danger" id="btn-linked">Desvincular usuarios <i class="fa fa-angle-double-down"></i></button>
              	</td>  
              	</tr> 
              </tfoot>	
            </table> 	
	      	</div>
	    	</div>
	    </div>	
	    <div class="col-md-12">
	    	<div class="ibox float-e-margins">
	      	<div class="ibox-title">
	      		<h5>Usuarios no vinculados</h5>
	      		<div class="ibox-tools">
              <a class="collapse-link">
                  <i class="fa fa-chevron-up"></i>
              </a>
              <a class="close-link">
                  <i class="fa fa-times"></i>
              </a>
          	</div>
	      	</div>
	      	<div class="ibox-content">
            <table class="table table-striped table-hover" id="table_no_linked">
              <thead>
              	<tr>
              		<th></th>
              		<th>Email</th>
              		<th>Nombre</th>
              		<th>Tipo de subscripción</th>
              		<th>Ubicacion</th>
              	</tr>
              </thead>
              <tbody>
              	@if ($no_linked->count()==0)
              		<tr>
              			<th colspan="6" class="text-center">Aun no hay usuarios vinculados a este entrenamiento</th>
              		</tr>                		
              	@else
              		{!! Form::open(["route" => ['trainings.linked', $training->id], "id" => "form-nolinked" ]) !!}
                	@foreach($no_linked->paginate(40,['*'], 'page_nolinked') as $usr)
                	<tr>
                		<th><input type="checkbox" value="{{$usr->id}}" name="no_linked[]"></th>
                		<th>{{$usr->email}}</th>
                		<th>{{$usr->fullname()}}</th>
                		<th>{{$usr->tipo}}</th>
                		<th>{{$usr->ubicacion}}</th>
                	</tr>
                	@endforeach
                	{!! Form::close() !!}
              	@endif
              </tbody>
              <tfoot>
              	<tr>
              	<td colspan="3">{!! $no_linked->paginate(40, ['*'], 'page_nolinked')->render() !!}</td>
              	<td colspan="3" class="text-right">
              		<button type="button" class="btn btn-primary"  id="btn-nolinked">Vincular usuarios <i class="fa fa-angle-double-up"></i></button>
              	</td>  
              	</tr> 
              </tfoot>	
            </table>  	
	      	</div>
	      </div>
	    </div>  		
		</div>
	</div>
@endsection
@section('scripts')
	<script type="text/javascript">
		$(document).ready(function(){
			$("#btn-nolinked").click(function(){
				$("#form-nolinked").submit();
			});
			$("#btn-linked").click(function(){
				$("#form-linked").submit();
			});
		});		
	</script>
@endsection