@extends('templates.template')
@push('page-title')
<h2>Editar Aula</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">

{!!Form::model($aula,['route'=>['aulas.update',$aula->id],'method'=>'put'])!!}

@if($role != 'professor')

  <div class="col-md-12 form-group">
    <label>Data</label>
    {!! Form::text('data', date('d/m/Y', strtotime($aula->data)), ['class'=>'form-control data', "id"=>"datetimepicker5"]) !!}
  </div>

 <!-- <div class="col-md-6 form-group">
        {!! Form::label('Horário') !!}
        {!! Form::select('horario_id', $horarios, null,  ['class'=>'form-control'])!!}
  </div> -->

  <div class="col-md-6 form-group">
        {!! Form::label('Aula Prevista') !!}
        {!! Form::textarea('conteudo_previsto', null, ['class'=>'form-control'])!!}
  </div>

  <div class="col-md-6 form-group">
        {!! Form::label('Aula Ministrada') !!}
        {!! Form::textarea('conteudo_ministrado', null, ['class'=>'form-control'])!!}
  </div>

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

</div>

@else

  @if($aula->planodeaula['situacao'] == 1)
  <div class="col-md-6 form-group">
        {!! Form::label('Aula Prevista') !!}
        {!! Form::text('conteudo_previsto', null, ['class'=>'form-control', 'disabled'])!!}
  </div>
  @else
   <div class="col-md-6 form-group">
        {!! Form::label('Aula Prevista') !!}
        {!! Form::text('conteudo_previsto', null, ['class'=>'form-control'])!!}
  </div>
  @endif
  <div class="col-md-6 form-group">
        {!! Form::label('Aula Ministrada') !!}
        {!! Form::text('conteudo_ministrado', null, ['class'=>'form-control'])!!}
  </div>

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




  
</div>
@endif


</hr>

@stop
@push('scripts')
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
<script type="text/javascript">
  $(document).ready(function() {
    $('#searchListar').dataTable();
    $('#searchListarMatricula').dataTable();

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

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

    });

  });
</script>

@endpush

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.min.js"></script>
<script src="bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js"></script>
<script type="text/javascript">
  var mask = function (val) {
    val = val.split(":");
    return (parseInt(val[0]) > 19)? "HZ:M0" : "H0:M0";
}

pattern = {
    onKeyPress: function(val, e, field, options) {
        field.mask(mask.apply({}, arguments), options);
    },
    translation: {
        'H': { pattern: /[0-2]/, optional: false },
        'Z': { pattern: /[0-3]/, optional: false },
        'M': { pattern: /[0-5]/, optional: false }
    },
    placeholder: 'hh:mm'
};

$(document).ready(function () {
  $("#QuantidadeHoras1").mask(mask, pattern);
  $("#QuantidadeHoras2").mask(mask, pattern);
  $("#QuantidadeHoras3").mask(mask, pattern);
  $("#QuantidadeHoras4").mask(mask, pattern);
});


</script>

 <script type="text/javascript">
  $(function() {
    $('.select2').selectpicker();
    $('.data').datetimepicker({
      format: 'DD/MM/YYYY'
    });
    // função para valores quebradoes
    $('.valor').mask('0.000,00', {reverse: true}).val();
      $('.valor').is(function(){
        $(this).mask('000.000,00', {reverse: true}).val();
      });
          $('.desconto').css('display', 'none');
     // $('#tipoMatricula').change(function(event) {
     //  var tipoMatricula =  $(this).val();
     //    if(tipoMatricula == 1 || tipoMatricula == 3){
     //      $('.desconto').css('display', 'table');
     //    }else{
     //      $('.desconto').css('display', 'none');
     //    }
     // });

  });
</script>
<script type="text/javascript">
  $(function() {
    $(".btnDocumento").click(function(){
      var id =$(this).prop('id');
      // alert(id)
      $("#campoId").val(id)

    });

    $(".btnAlteracao").click(function(){
      var id =$(this).prop('id');
      var value =$(this).data('dado')
      
          
      $("#campoIdAlteracao").val(id)      
    });

    $("#ausente").click(function(){
      // var id =$(this).prop('id');
      alert("oi")
      // $("#campoIdAlteracaoP").val(id)      
      // $("#campoIdAlteracaoA").val(id)      
    });
        
  });
</script>

@section('scripts')
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
<script>
$('.check').checkboxpicker({
  html: true,
  offLabel: '<span class="glyphicon glyphicon-remove"> AUSENTE',
  onLabel: '<span class="glyphicon glyphicon-ok"> PRESENTE'
});

$('.opAusente').hide();

$(':checkbox').checkboxpicker().on('change', function() {
             
    if($(this).prop('checked') === false){
         $('.opAusente').show()
       $('#campoPresente').val('false')

    }else{
       $('.opAusente').hide()
       $('#campoPresente').val('true')

    }
 });
</script>
@endsection