@extends('templates.template')
@push('page-title')
<h2>Aulas</h2><br>
<p>Todas as Aulas vinculadas a esse plano!</p>
@endpush
@section('content')
<div class="row">
	<div class="col-md-3">
		<a href="{{route('planodeaulas.index', $planodeaula->instrutorDisciplinaTurma_id)}}" class="tile-box tile-box-shortcut btn-info">
			<span class="bs-badge badge-absolute">
				Planos de Aulas
			</span>
			<div class="tile-header">Voltar </div>
			<div class="tile-content-wrapper">
				<i class="glyphicon glyphicon-inbox glyph-icon"></i>
			</div>
		</a>
	</div>
</div>
<hr/>
	<h3>{{$instrutorDisciplinaTurma->disciplina['descricao']}} - 
		{{$instrutorDisciplinaTurma->turma['descricao']}}
		<!-- {{$instrutorDisciplinaTurma->instrutor['nome']}} -->
	</h3>
<hr/>
@if($role == 'professor')
@else

@endif
<div class="row">
<div class="collapse" id="collapseExample">
  <div class="card card-body">
  	<div class="col-md-12">
    {!! Form::open(['route' => 'aulas.store']) !!}
    {!! Form::hidden('id',$instrutorDisciplinaTurma->id) !!}
    {!! Form::hidden('planodeaula_id',$planodeaula->id) !!}
    <div class="input_fields_wrap">
        <div class="row ">
        
        <div class="col-md-8 form-group">
        <label>Tema</label>
        {!! Form::text('tema[]', null, ['class'=>'form-control']) !!}
        </div>
        <div class="col-md-2 form-group">
        <label>Data</label>
        {!! Form::text('data[]', null, ['class'=>'form-control data']) !!}
        </div>
        <div class="col-md-2 form-group">
        <label>Horário</label>
        {!! Form::select('horario_id[]', $horarios,null, ['class'=>'form-control']) !!}
        </div>
        
        
        </div>
    </div>
    
    <div class="col-md-12 " style="text-align: right;">
			<a style="margin-top: 20px; font-size: 30px; color: green; margin-right: -18px; margin-bottom: 20px; " class="add_field_button glyphicon glyphicon-plus-sign"></a>
			
	</div>
{!! Form::submit('Salvar', ['class'=>'btn btn-success']) !!}
		<hr>
        {!! Form::close() !!}
    </div>
  </div>
</div>
</div>
</hr>


<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
	<thead>
		<tr>
			<th>Aula Nº</th>
			<th>Código</th>
			<th>Data</th>
			<th>Aula Prevista</th>
			<th>Aula Ministrada</th>
			<th>Horário</th>
		</tr>
	</thead>
	<tbody>
		@for($i=1; $i <= count($aulas); $i++)
			@foreach($aulas as $key)
		<tr>
			<td width="5%">{{$i++}}</td>
			<td width="5%">{{$key->id}}</td>
			<td>{{date('d/m/Y', strtotime($key->data))}}</td>
			<td >{{$key->conteudo_previsto}}</td>

			<td >{{$key->conteudo_ministrado}}</td>

			<td width="5%">@if(empty($key->horario->horario_inicial)) @else{{$key->horario->horario_inicial}}  às {{$key->horario->horario_final}} @endif</td>

			@endforeach
		@endfor
		</tr>
		
	</tbody>
</table>

	
@stop
@push('scripts')
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
<script type="text/javascript">

	$('.check').checkboxpicker({
	  html: true,
	  offLabel: '<span class="glyphicon glyphicon-remove"> AUSENTE',
	  onLabel: '<span class="glyphicon glyphicon-ok"> PRESENTE'
	});

	$('.opAusente').hide();

	$(':checkbox').checkboxpicker().on('change', function() {
	             
	    if($(this).prop('checked') === false){
	         $('.opAusente').show()
	    	 $('#campoPresente').val('false')

	    }else{
	    	 $('.opAusente').hide()
	    	 $('#campoPresente').val('true')

	    }
	 });

	// $('').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"><hr><div class="col-md-8 form-group"><label>Tema</label><input type="text" name="tema[]" class="form-control"></div><div class="col-md-2 form-group"><label>Data</label><input id="data" type="text" name="data[]" class="form-control data"></div><div class="col-md-2 form-group"><label>Horário</label>{!! Form::select('horario_id[]', $horarios,null, ['class'=>'form-control']) !!}</div><a style=" color: red; font-size: 30px; margin-top:0px;" href="#" class="remove_field  glyphicon glyphicon-remove-circle"></a></div>' ); //add input box
	    }
	    $('.data').datetimepicker({
      format: 'DD/MM/YYYY'
    });
     $('#data').datetimepicker({
      format: 'DD/MM/YYYY'
    });
	    //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 type="text/javascript">
	$(document).ready(function() {
		$('#searchListar').dataTable();
		$('#searchListarMatricula').dataTable();
	});
</script>
<script type="text/javascript">
  $(function() {
    $('.select2').selectpicker();
    $('.data').datetimepicker({
      format: 'DD/MM/YYYY'
    });
     $('#data').datetimepicker({
      format: 'DD/MM/YYYY'
    });
    // função para valores quebradoes
    $('.valor').mask('0.000,00', {reverse: true}).val();
      $('.valor').is(function(){
        $(this).mask('000.000,00', {reverse: true}).val();
      });
          $('.desconto').css('display', 'none');
     // $('#tipoMatricula').change(function(event) {
     //  var tipoMatricula =  $(this).val();
     //    if(tipoMatricula == 1 || tipoMatricula == 3){
     //      $('.desconto').css('display', 'table');
     //    }else{
     //      $('.desconto').css('display', 'none');
     //    }
     // });


     //pegar id e levar para formulário para gerar frequencia do prof

		$(".btnFrequ").click(function(){
			var id =$(this).prop('id');
			// alert(id)
			$("#campoId").val(id)

		});

  });
</script>


@endpush