@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::model($data, ['route' => ['planoaulas.update', $data->id]]) !!}

    @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){
                
                if(value.id == {{ $data->disciplina_id}}){
                    $('[name=disciplina_id]').append($('<option/>').val(value.id).text(value.descricao))
                } else {
                    $('[name=disciplina_id]').append($('<option/>').val(value.id).text(value.descricao))
                }

            })
        })
    }

    function selectionaDisciplina(){
        $('[name=disciplina_id] option[value={{$data->disciplina_id}}]').attr('selected','selected');
    }
</script>
@endsection