@extends('templates.template')

@push('page-title')
<h2>Novo Plano de Aula</h2>
<p>Preencha as Informações e Faça a frequência dos Alunos.</p>
@endpush

@section('content')
    
<div class="row">
    <div class="col-md-3">
        <a href="{{route('planodeaulas.all', $instDiscTurm)}}" 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 class="col-md-3">
        <a href="{{route('feriado.index')}}" class="tile-box tile-box-shortcut btn-warning">
            <span class="bs-badge badge-absolute">
                Dias Não Letivos
            </span>
            <div class="tile-header">Dias Não Letivos</div>
            <div class="tile-content-wrapper">
                <i class="fa fa-book glyph-icon"></i>
            </div>
        </a>
    </div>
</div>

<hr>

<div class="row">
{!! Form::open(['route' => 'aulas.adicionar.avancado.store']) !!}
{!! Form::hidden('id', $instDiscTurm) !!}
  <div class="col-md-3">
    {!! 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 class="col-md-3">
    {!! Form::label('A partir de') !!}
    {!! Form::text('data_inicial', null, ['class'=>'form-control data'])!!}
  </div>
  <div class="col-md-3">
    {!! Form::label('Até o dia') !!}
    {!! Form::text('data_final', null, ['class'=>'form-control data'])!!}
  </div>
  <div class="col-md-3">
    {!! Form::label('Quantidade de Aulas') !!}
    {!! Form::select('qtd_aulas', ['1'=>'1', '2'=>'2', '3'=>'3', '4'=>'4'],null, ['class'=>'form-control'])!!}
  </div>
</div>
<!-- <div class="row">
    <div class="col-md-12" id="form1">
        {!! Form::label('Horário') !!}
        {!! Form::text('teste', null) !!}
    </div>
</div> -->

   <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                {!! Form::submit('Salvar', ['class' => 'btn btn-success'])!!}
            </div>
        </div>
    </div>
{!! Form::close() !!}

@endsection

@section('scripts')
<script type="text/javascript">
    // $('').select2();
    $("#select").select2();
</script>
<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'
    });




    })

    // $(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>

<style type="text/css">
  .material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
</style>
@endsection