@extends('templates.template')

@push('page-title')
<h2>Painel de Gestão de Plano de Aulas</h2>
<p>Gerencie todas as suas informações</p>
@endpush

@section('content')
	
<div class="row">
    <div class="col-md-3">
        <a href="{{ url(route('planoaulas.index')) }}" class="tile-box tile-box-shortcut btn-warning">
            <span class="bs-badge badge-absolute">
                Planos de Aula
            </span>
            <div class="tile-header">Visualizar Todos</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-book glyph-icon"></i>
            </div>
        </a>
    </div>
 </div>

<hr>

{!! Form::open(['route' => 'planoaulas.store']) !!}

    @include('planoaulas._form')

{!! Form::close() !!}

@endsection

@section('scripts')
<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()
        }
    })

    $(document.body).on('change', '[name=turma_id]', function(){
        atualizaDisciplina()
    })

    function atualizaDisciplina(){
        var turma_id = $('[name=turma_id]').val()
        $('[name=disciplina_id]').find('option').remove()
        var jqxhr = $.get( "{{ App::make('_.url') }}" + '/planoaulas/disciplinasAssociadas/' + turma_id , function(data) {
            $.each(data, function(index, value){
                $('[name=disciplina_id]').append($('<option/>').val(value.id).text(value.descricao))
            })
        })
    }

</script>
@endsection