@extends('templates.template')
@push('page-title')
<h2>Planos de Aulas</h2><br>
<p>Todos os Planos de Aula dessa Relação, Adicione, Visualize, Atualize e Exclua planos de aulas. </p>
@endpush
@section('content')

<div class="row">

	<div class="col-md-3">
		<a href="{{ route('gestaodeaulas.index') }}" class="tile-box tile-box-shortcut btn-info">
			<span class="bs-badge badge-absolute">
				Gestão 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 class="col-md-3">
		<a href="{{ route('planodeaulas.create', $instrutorDisciplinaTurma->id) }}" class="tile-box tile-box-shortcut btn-info">
			<span class="bs-badge badge-absolute">
				Planos de Aulas
			</span>
			<div class="tile-header">Novo</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/>

<div class="row">
<div class="collapse" id="collapseExample">
  <div class="card card-body">
  	<div class="col-md-12">
    {!! Form::open(['route' => 'planodeaulas.store']) !!}
    {!! Form::hidden('id',$id) !!}
    <div class="input_fields_wrap">
        <div class="row ">
        
        <div class="col-md-8 form-group">
        <label>Descrição</label>
        {!! Form::text('tema[]', null, ['class'=>'form-control']) !!}
        </div>
       
        <div class="col-md-2 form-group">
        <label>Horário</label>
        {!! Form::select('horario_inicial[]', $horarios,null, ['class'=>'form-control']) !!}
        </div>
        {!! Form::input('hidden', $id) !!}
        
        
        </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>Descrição</th>
			<th>Ações</th>
		</tr>
	</thead>
	<tbody>
		
			@foreach($planosdeaulas as $key)
		<tr>
			<td>{{$key->descricao}}</td>
			<td width="25%" >
                    <div class = "btn-group">
                           <button type = "button" class = "btn btn-default dropdown-toggle btn-xs" data-toggle = "dropdown">
                              Ações
                              <span class = "caret"></span>
                           </button>

                            <ul class = "dropdown-menu" role = "menu">
                                  @if($role == 'professor' && $key->situacao >1)
                                    <li></li>
                                  @else
                                    <li>
                                      <a href="{{route('planodeaulas.editar', $key->id)}}" ><i class="glyphicon glyphicon-pencil"></i> Editar</a>
                                    </li>
                                  @endif
                                    @if($role != 'professor')
                                    
                                    <!-- <li>
                                    	<a href='#' data-toggle="modal" id="{{$key->id}}" data-target="#exampleModal" title="Criar Aulas" class="btnDiario"><i class="glyphicon glyphicon-plus"></i> Criar Aulas</a>
                                    </li> -->

                                    <!-- <li>
                                      <a href='#' data-toggle="modal" id="{{$key->id}}" data-target="#exampleModalRegistrarAulas" title="Criar Aulas" class="btnDiario"><i class="glyphicon glyphicon-plus"></i> Criar Aulas</a>
                                    </li> -->
                                    @endif
                                    <li>
                                    <!-- 	<a href="{{route('planodeaulas.listaraulas', $key->id)}}"   data-target="#exampleModal" title="Diário de Classe" class="btnDiario"><i class="glyphicon glyphicon-list-alt"></i> Listar Aulas</a>
                                    </li> -->

                                    @if($key->situacao == 1)

                                    <li>
                                      <a href="{{route('planodeaulas.liberarAulasPrevistas', $key->id)}}"   data-target="#exampleModal" title="Encerrar Aulas Previstas" class="btnDiario"><i class="glyphicon glyphicon-ok-circle"></i> Liberar Aulas Previstas</a>
                                    </li>

                                    @else

                                    @if($role != 'professor')
                                    {{-- <li>
                                      <a href="{{route('planodeaulas.encerrarAulasPrevistas', $key->id)}}"   data-target="#exampleModal" title="Encerrar Aulas Previstas" class="btnDiario"><i class="glyphicon glyphicon-ban-circle"></i> Encerrar Aulas Previstas</a>
                                    </li> --}}
                                    @endif

                                    @endif
                                    
                                    @if($role != 'professor')
                                      <li>
                                        <a data-toggle="modal" id="{{$key->id}}" data-target="#modalDeletar" title="Excluir" class="btnExcluir"><span><i  class="glyphicon glyphicon-remove-circle"></i></span>
                                         Excluir Plano</a>
                                      </li>
                                    @endif
                                    <li>
                                      <a href="{{route('planodeaulas.relatorioPlano', $key->id)}}" title="Relatório"><span><i  class="glyphicon glyphicon-open-file"></i></span>
                                        Relatório</a>
                                    </li>
                           </ul>

                    </div>
    		</td>
            
			@endforeach
		
		</tr>
		
	</tbody>
</table>



<!-- Modal de Registrar Aulas *NOVO -->
<div class="modal fade" id="exampleModalRegistrarAulas" tabindex="-1" role="dialog" aria-labelledby="exampleModalRegistrarAulasLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content" style="width: 600px;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalRegistrarAulasLabel">Registrar Aulas</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
        {!! Form::open(['route' => 'aulas.registrarAulas']) !!}

        {!! Form::hidden('planodeaula_id',null, ['id'=>'campoId']) !!}
        {!! Form::hidden('instrutorDisciplinaTurma_id', $instrutorDisciplinaTurma->id) !!}
        
           <div class="col-md-12">
             {!! Form::label('Selecione um Mês') !!}
             {!! Form::select('mes',['01'=>'Janeiro', '02'=>'Fevereiro', '03'=>'Março', '04'=>'Abril', '05'=>'Maio', '06'=>'Junho', '07'=>'Julho', '08'=>'Agosto', '09'=>'Setembro', '10'=>'Outubro', '11'=>'Novembro', '12'=>'Dezembro'],null, ['class'=>'form-control']) !!}
           </div>

        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        {!! Form::submit('Salvar', ['class'=>'btn btn-primary']) !!}
      </div>
       {!! Form::close() !!}
    </div>
  </div>
</div>



<!-- Modal de Criar Aulas -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content" style="width: 600px;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Criar Aulas</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      	<div class="row">
        {!! Form::open(['route' => 'planodeaulas.criaraulas']) !!}
    	{!! Form::hidden('planodeaula_id',null, ['id'=>'campoId']) !!}
    	{!! Form::hidden('instrutorDisciplinaTurma_id', $instrutorDisciplinaTurma->id) !!}
    	
		    {!! Form::hidden('qtd_aulas', 1)!!}
   
    	<div class="col-md-6">
    		{!! Form::label('Horário') !!}
		    {!! Form::select('horario_id', $horarios,null,  ['class'=>'form-control'])!!}
    	</div>
    	<div class="col-md-6">
    		{!! Form::label('Dia da Semana') !!}
		    {!! Form::select('diaDaSemana', ['Monday'=>'Segunda-Feira', 'Tuesday'=>'Terça-Feira', 'Wednesday'=>'Quarta-Feira', 'Thursday'=>'Quinta-Feira', 'Friday'=>'Sexta-Feira', 'Saturday'=>'Sábado'], null, ['class'=>'form-control', 'id'=>'select']) !!}
    	</div>
    	</div>
    	<div class="row">
    	<div class="col-md-6">
    		{!! Form::label('De') !!}
		    {!! Form::text('data_inicial', null, ['class'=>'form-control data'])!!}
    	</div>
		 
		  <div class="col-md-6">
		  	{!! Form::label('Até') !!}
		    {!! Form::text('data_final', null, ['class'=>'form-control data'])!!}
		  </div>
    	</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        {!! Form::submit('Salvar', ['class'=>'btn btn-primary']) !!}
      </div>
       {!! Form::close() !!}
    </div>
  </div>
</div>


<!-- Modal de Exclusão -->
  <div class="modal fade" id="modalDeletar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        
        <div class="modal-body">
          {!! Form::open(['route' => 'planodeaulas.delete']) !!}
        {!! Form::hidden('id',null, ['id'=>'campoIdExcluir']) !!}
        <div class="" style="text-align: center;">
          <span style="font-size: 30px; margin-bottom: 10px; color: red;" class="glyphicon glyphicon-trash"></span>
          <h3 >Tem Certeza que deseja excluir esse item?</h3>
          <p>Ao excluir serão excluidas todas as aulas vinculadas a esse plano!</p>
        </div>
        </div>
        <div class=" text-center" style="margin-bottom: 20px;">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Não</button>
          {!! Form::submit('Sim', ['class'=>'btn btn-success']) !!}
        </div>
         {!! Form::close() !!}
      </div>
    </div>
  </div>


	
@stop
@push('scripts')
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}


<script type="text/javascript">
	$(document).ready(function() {

		 $('[name=tempo_inicio], [name=tempo_final]').datetimepicker({
            format: 'LTS'
        })
        $('[name=data]').datetimepicker({
            format: 'DD/MM/YYYY'
        })
        if($('[name=turma_id]').length > 0) {
            atualizaDisciplina()
        }

		$('.data').datetimepicker({
		      format: 'DD/MM/YYYY'
		    });

	//pegar id e levar para formulário para gerar diario

		$(".btnDiario").click(function(){
			var id =$(this).prop('id');
			console.log(id)
			$("#campoId").val(id)

		});

    $(document).on('click', '.btnExcluir', function(event){
        event.preventDefault();
        var id = $(this).attr('id');
          console.log(id)
          $("#campoIdExcluir").val(id)
      });

	});
</script>


@endpush