@extends('templates.template')
@push('page-title')
<h2>Planos de Aula</h2>
<p>Gerencie as suas aulas</p>
@endpush
@section('content')
<div class="row">
	<div class="col-md-3">
		<a data-toggle="modal" data-target="#exampleModal" href="#" class="tile-box tile-box-shortcut btn-info">
			<span class="bs-badge badge-absolute">
				Períodos de Planos de Aula
			</span>
			<div class="tile-header">Novo Período</div>
			<div class="tile-content-wrapper " >
				<i class="glyphicon glyphicon-inbox glyph-icon" ></i>
			</div>
		</a>
	</div>
</div>
<hr/>
<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListar" width="100%">
		<thead>
			<tr>
				<td>#</td>
				<td>Períodos</td>
				<td>Ações</td>
			</tr>
		</thead>
		<tbody>
			
		@foreach($periodos as $key)
			<tr>
				<td>{{$key->id}}</td>
				<td>{{$key->descricao}}</td>
				<td class="text-center">
				
                <a href='{{ route("planodeaulasperiodos.editarPeriodo", $key->id) }}' data-toggle="tooltip" data-placement="top" title="Editar" class="btn btn-default btn-xs"><i class="fa fa-edit"></i></a>
				
                
                
			</td>
			</tr>
		@endforeach
		
		</tbody>
	</table>

	<!-- Modal -->
<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">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Períodos de Planos de Aula</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
		{!! Form::open(['route' => 'planodeaulasperiodos.periodos.store']) !!}

        {!! Form::text('descricao', null, ['class'=>'form-control', 'placeholder'=>'Descrição']) !!}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                {!! Form::submit('Salvar', ['class' => 'btn btn-success'])!!}
        {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>

@stop
@push('scripts')
<script type="text/javascript">
	$(document).ready(function() {
		$('#searchListar').dataTable();
	});
</script>
@endpush