@extends('templates.template')
@push('page-title')
<h2>Relacionar Educador, Disciplina e Turma</h2>
<p>Selecione um Educador e adicione o mesmo as suas devidas turmas e disciplinas.</p>
@endpush
@section('content')

<div class="row">
	<div class="col-md-3">
		<a href="{{ url(route('gestaodeaulas.index')) }}" class="tile-box tile-box-shortcut btn-info">
			<span class="bs-badge badge-absolute">
				Voltar
			</span>
			<div class="tile-header">Todos as Relações</div>
			<div class="tile-content-wrapper">
				<i class="glyphicon glyphicon-inbox glyph-icon"></i>
			</div>
		</a>
	</div>
</div>

<hr>


<div class="row">
	
	{!! Form::open(['route'=>'gestaodeaulas.relacionarStore']) !!}
	

	<div class="col-md-12">
		
		<div class="input_fields_wrap">
		<div class="row">
		  <div class="col-md-12">
		  	<label>Educador</label>
		  	<select class="form-control form-group" name="instrutor">
		  		@foreach($instrutor as $key)
		  			<option value="{{$key->id}}" >{{$key->nome}}</option>
		  		@endforeach</select>
		  </div>
		</div>
		  <div class="row">
		  <div class="col-md-6">
		  	<label>Disciplinas</label>
		  	<select class="form-control form-group" name="disciplina[]">
		  		@foreach($disciplinas as $key)
		  			<option value="{{$key->id}}" >{{$key->descricao}}</option>
		  		@endforeach</select>
		  </div>
		  <div class="col-md-4">
		  	<label>Turmas/Serie</label>
		  	<select class="form-control form-group" name="turma[]">
		  		@foreach($turmas as $key)
		  			<option value="{{$key->id}}">{{$key->descricao}}</option>
		  		@endforeach
		  </select>
		  </div>
		  
		  <div class="col-md-2">
			<a style="margin-top: 20px; font-size: 30px; color: green; margin-left: -15px;  " class="add_field_button glyphicon glyphicon-plus-sign"></a>

		</div>
		 </div>
		</div>

		
	</div>
</div>
<div class="row">
	
</div>
<div class="row">

	<div class="col-md-12">
		<div class="form-group">
			{!! Form::submit('Enviar dados', array('class'=>'btn btn-default')) !!}
		</div>
	</div>
	{!! @Form::close() !!}
</div>

@stop

@push('scripts')



<script type="text/javascript">
	// $('').select2();	

	$(document).ready(function() {

	  var max_fields = 10; //maximum input boxes allowed
	  var wrapper = $(".input_fields_wrap"); //Fields wrapper
	  var add_button = $(".add_field_button"); //Add button ID

	  var x = 1; //initlal text box count
	  $(add_button).click(function(e) { //on add input button click
	    e.preventDefault();
	    var length = wrapper.find("input:text").length;

	    if (x < max_fields) { //max input box allowed
	      x++; //text box increment
	      $(wrapper).append('<div class="row"><div class="col-md-6"><select class="form-control form-group" name="disciplina[]">@foreach($disciplinas as $key)<option value="{{$key->id}}">{{$key->descricao}}</option>@endforeach</select></div><div class="col-md-4"><select class="form-control form-group" name="turma[]">@foreach($turmas as $key)<option value="{{$key->id}}">{{$key->descricao}}</option>@endforeach</select></div><a style="margin-top: 30px; color: red; font-size: 30px; margin-top:0px;  " " " href="#" class="remove_field  glyphicon glyphicon-remove-circle"></a></div>' ); //add input box
	    }
	    //Fazendo com que cada uma escreva seu name
	    wrapper.find("input:text").each(function() {
	      
	    });
	  });

	  $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
	    e.preventDefault();
	    $(this).parent('div').remove();
	    x--;
	  })

	});

</script>
<script>
jQuery(function($){
$(".hora").mask("99:99");

});
</script>

@endpush