@extends('templates.template')

@push('page-title')
<h2>Painel de Matrículas</h2>
<p>Gerencie todas as suas informações</p>
@endpush

@section('scripts')
	{!! HTML::script('/bower_components/select2/dist/js/select2.min.js') !!}
	{!! HTML::style('/bower_components/select2/dist/css/select2.min.css') !!}
  {!! HTML::script('/bower_components/bootbox.js/bootbox.js') !!}


  <script type="text/javascript">
    $(document).ready(function(){
      $(':checkbox').checkboxpicker()

      $('.valor').mask('0.000,00', {reverse: true}).val();
      $('.valor').is(function(){
        $(this).mask('000.000,00', {reverse: true}).val();
      });

      $('.gerarParcelas').click(function(){

        var __URL__ = "{{ App::make('_.url') }}";
        var valor = $('#valor').val();
        var valor_prestacao = $('#valor_prestacao').val();
        var data_vencimento = $('#dia').val();
        var mes_inicio = $('#mes_inicio').val();
        var mes_final = $('#mes_final').val();
        var tempo_inicio = $('#tempo_inicio').val();
        var tempo_final = $('#tempo_final').val();
        var turma_id = $('#turma option:selected').val();
        var aluno_id = $('#aluno option:selected').val();
        

        let prematricula = ($(':checkbox').prop('checked') === true) ? 1 : 0

        if((aluno_id == 'empty') || (turma_id == 'empty') || (valor == "") || (valor_prestacao == "") || (data_vencimento == "") || (mes_inicio == "empty") || (mes_final ==  "empty")){
          bootbox.alert('Algum campo não está devidamente preenchido!');
        } else {

        var dia = (String(data_vencimento).length === 1) ? '0' + parseInt(data_vencimento) : data_vencimento;

        // capturando a quantidade de matricula
        var qtyMen = $('#select2-num_prestacoes-container').text();
        var _html = '<form action="/matriculas/matricular" method="GET" id="form">';
        _html += "<h1 class='page-header'>Parcelas</h1>";
        _html += "<div class='row'>";
        _html +=    "<div class='col-md-2'>";
        _html +=        "Núm. Parcela";
        _html +=    "</div>";
        _html +=    "<div class='col-md-2'>";
        _html +=        "Referência";
        _html +=    "</div>";
        _html +=    "<div class='col-md-2'>";
        _html +=        "Valor";
        _html +=    "</div>";
        _html += "</div>";

        _html += "<div id='list'>";
        var contMes = parseInt(mes_inicio);
        for(var i = 0; i < (mes_final - mes_inicio) + 1; i++ ){
          var mes = (contMes < 9) ? '0' + (parseInt(contMes) + 1) : parseInt(contMes) + 1;
          var ano = {{ App::make('_.ano')->descricao }};
          var data_completa = {{ App::make('_.ano')->descricao }} + '-' + mes + '-' + dia;

          var ultimoDia = new Date(ano, (mes), 0);

          var valor_prestacao_atual = (i == 0) ? valor : valor_prestacao;

          if(dia == 30 || dia == 31){
            data_completa = moment(ultimoDia).format('L');
          }else{
            if(mes == '02' && moment(new Date(ano, 2, 0), "D").format("DD") > 29 ){
            data_completa = {{ App::make('_.ano')->descricao }} + '-' + mes + '-' + 28;
            }
          }

          _html += "<div class='row'>";
          _html +=     "<div class='col-md-2'>";
          _html +=        "<div class='form-group'>";
          _html +=            "<input class='form-control' type='text' name='numero' value='"+ (i+1) +"'>";
          _html +=        "</div>";
          _html +=     "</div>";
          _html +=     "<div class='col-md-2'>";
          _html +=        "<div class='form-group'>";
          _html +=            "<input class='form-control data' type='text' name='referencia' value='"+ data_completa +"'>";
          _html +=        "</div>";
          _html +=     "</div>";
          _html +=     "<div class='col-md-2'>";
          _html +=          "<div class='form-group'>";
          _html +=            "<input class='form-control valor' type='text' name='valor' value='"+ valor_prestacao_atual +"'>";
          _html +=          "</div>";
          _html +=    "</div>";
          _html += "</div>";
          contMes += 1;
        }
        _html += "</div>";

        _html +=     "<div class='row'>";
        _html +=        "<div class='col-md-2'>";
        _html +=            "<div class='form-group'>";
        _html +=                "<input class='btn btn-primary btn-lg submit' type='submit' value='Vincular Aluno (Matricular Aluno)'>";
        _html +=            "</div>";
        _html +=        "</div>";
        _html +=    "</div>";
        _html +=  "</form>";
        $('.parcelas').html(_html);
        $('.data').is(function(){
          $txt = $(this).val().split('-');
          $(this).val($txt[2] + '/' + $txt[1] + '/' + $txt[0]);
        });

        $('#form').submit(function(event){
          event.preventDefault();

          $('.submit').attr('disabled', 'disabled').val('Carregando os dados...')

          var turma_id = $('#turma option:selected').val();
          var aluno_id = $('#aluno option:selected').val();
          var valor = $('#valor').val();
          var porcentagem = $('[name=porcentagem]').val();
          var lista_material = $('.lista_material').val();
          var dados = $(this).serializeArray();
          var action = $(this).attr('action');
          var desconto = $('input[name="desconto"]').val();
          var desconto_2 = $('input[name="desconto_2"]').val();
          var desconto_3 = $('input[name="desconto_3"]').val();
          var dia_desconto_1 = $('input[name="dia_desconto_1"]').val();
          var dia_desconto_2 = $('input[name="dia_desconto_2"]').val();
          var dia_desconto_3 = $('input[name="dia_desconto_3"]').val();
          var indicacao = $('#indicacao option:selected').val();
          var indicacao_id = $('#indicacao_id option:selected').val();
          var material = $('#material option:selected').val();
          var material_qtd_parcela = $('#material_qtd_parcela').val();
          var material_valor_parcela = $('#material_valor_parcela').val();
          var material_valor_avista = $('#material_valor_avista').val();
          let prematricula = ($(':checkbox').prop('checked') === true) ? 1 : 0

          var list = $('#list');
          var vtNm = [];
          var vtDt = [];
          var vtVl = [];
          for(var i = 0 ; i < list.children().length; i++){
            var numero = list.children('div:eq(' + i + ')').children('div:eq(0)').children('div:eq(0)').find('input').val();
            var data = list.children('div:eq(' + i + ')').children('div:eq(1)').children('div:eq(0)').find('input').val();
            var valor = list.children('div:eq(' + i + ')').children('div:eq(2)').children('div:eq(0)').find('input').val();
            vtNm.push(numero);
            vtDt.push(data);
            vtVl.push(valor);
          }

          var request = $.ajax({
              url: __URL__ + action,
              data: {vtNm, vtDt, vtVl, 'turma_id': turma_id,  'aluno_id': aluno_id, 'porcentagem': porcentagem, 'valor': valor, 'situacao': 1, 'tempo_inicio': tempo_inicio, 'tempo_final': tempo_final,'lista_material': lista_material, 'desconto': desconto,'desconto_2': desconto_2, 'desconto_3': desconto_3, 'dia_desconto_1': dia_desconto_1, 'dia_desconto_2': dia_desconto_2, 'dia_desconto_3': dia_desconto_3, 'prematricula': prematricula, 'indicacao': indicacao,'indicacao_id': indicacao_id, 'material': material,'material_qtd_parcela': material_qtd_parcela,'material_valor_parcela': material_valor_parcela, 'material_valor_avista': material_valor_avista, '_token': '{{ csrf_token() }}' },
              method: "POST",
              dataType: "JSON"
          });
          request.done(function( msg ) {
              if(msg._success){
                bootbox.alert(msg._message, function(){
                  var novaURL = '/matriculas';
                  $(window.document.location).attr('href',novaURL);
                });
              }  else  {
                $('.submit').attr('disabled', false).val('Vincular Aluno (Matricular Aluno)')
                bootbox.alert(msg._message);
              }
              console.log(msg)
          });
          request.fail(function( jqXHR, textStatus ) {
              bootbox.alert( "Request failed: " + textStatus + '<br/>' + jqXHR.readyState);
              console.log(jqXHR.readyState)
          });
        });
        }
      });

      $(document).on('change', '#mes_final', function(){
        var mesAtual = $(this).val();
        var mesAnterior = $('#mes_inicio option:selected').val();
        if(mesAtual < mesAnterior){
          bootbox.alert("Mês Final deve ser maior que o mês início!", function() {
          });
        }
      });

    });
  </script>
@endsection

@section('content')
  {!! Form::open(['route' => 'matriculas.store']) !!}
  <div class="row">
      <div class="col-md-4">
    		<div class="form-group">
    			{!! Form::label('Aluno')!!}
    			{!! Form::select('aluno_id', $alunos, '', ['id' => 'aluno', 'class' => 'form-control']) !!}
    		</div>
    	</div>
      <div class="col-md-3">
        <div class="form-group">
          {!! Form::label('Turma')!!}
          {!! Form::select('turma_id', $turmas, '', ['id' => 'turma', 'class' => 'form-control']) !!}
        </div>
      </div>
      {{-- <div class="col-md-2">
        <div class="form-group">
          {!! Form::label('Alguém Indicou?')!!}
          {!! Form::select('indicacao', ['NÃO', 'SIM'],  '', ['class' => 'form-control indicacao', 'id'=>'indicacao']) !!}
        </div>
      </div>
      <div class="col-md-3 indicacaodescricao">
        <div class="form-group">
          {!! Form::label('Quem?')!!}
          {!! Form::select('indicacao_id', $alunosMatriculados, '', [ 'class' => 'form-control alergicodescricaotext', 'id'=> 'indicacao_id']) !!}
        </div>
      </div>
      --}}
  </div>
  {{--
  <div class="row">
    <div class="col-md-4">
      <div class="form-group">
        {!! Form::label('Material Didático') !!}
        {!! Form::select('material', ['A VISTA', 'PARCELADO'],  '', ['id' => 'material', 'class' => 'form-control material']) !!}
      </div>
    </div>
    <div class="materialavista">
      <div class="col-md-4 ">
        <div class="form-group">
          {!! Form::label('Valor do Material a Vista')!!}
          {!! Form::text('material_valor_avista', null, ['id' => 'material_valor_avista', 'class' => 'form-control valor']) !!}
        </div>
      </div>
    </div>
    <div class="materialparcelado">
    <div class="col-md-2 ">
        <div class="form-group">
          {!! Form::label('Quantas Vezes?')!!}
          {!! Form::text('material_qtd_parcela', null, ['id' => 'material_qtd_parcela', 'class' => 'form-control']) !!}
        </div>
      </div>
      <div class="col-md-4 ">
        <div class="form-group">
          {!! Form::label('Valor da Parcela do Material')!!}
          {!! Form::text('material_valor_parcela', null, ['id' => 'material_valor_parcela', 'class' => 'form-control valor']) !!}
        </div>
      </div>
    </div>
  </div>
  --}}
  <div class="row">
    <!-- <div class="col-md-2">
        <div class="form-group">
        {!! Form::label('R$ matrícula Desc')!!}
        {!! Form::text('valor_matricula_desconto', null, ['id' => 'valor_matricula_desconto', 'class' => 'form-control valor_matricula_desconto']) !!}
      </div>
    </div> -->
    <div class="col-md-2">
        <div class="form-group">
        {!! Form::label('R$ matrícula')!!}
        {!! Form::text('valor', null, ['id' => 'valor', 'class' => 'form-control valor']) !!}
      </div>
    </div>
    <div class="col-md-2">
      <div class="form-group">
        {!! Form::label('R$ mensal')!!}
        {!! Form::text('valor_prestacao', null, ['id' => 'valor_prestacao', 'class' => 'form-control valor']) !!}
      </div>
    </div>
    <div class="col-md-2">
        {!! Form::label('Desconto')!!}
      <div class="form-group">
        {!! Form::text('desconto', null, ['class' => 'form-control valor']) !!}
      </div>
    </div>
    {{-- <div class="col-md-2">
        {!! Form::label('Pré-matrícula')!!}
      <div class="form-group">
        {!! Form::checkbox('prematricula', 1, 1, ['id' => 'prematricula', "data-group-cls"=>"btn-group-sm"]) !!}        
      </div>
    </div> --}}
  </div>
  <div class="row">
    
    {{-- <div class="col-md-2">
        {!! Form::label('Dia 1')!!}
      <div class="form-group">
        {!! Form::text('dia_desconto_1', null, ['class' => 'form-control']) !!}
      </div>
    </div> --}}
    {{-- <div class="col-md-2">
        {!! Form::label('Desconto 2')!!}
      <div class="form-group">
        {!! Form::text('desconto_2', 'null', ['class' => 'form-control valor']) !!}
      </div>
    </div> --}}
    {{-- <div class="col-md-2">
        {!! Form::label('Dia 2')!!}
      <div class="form-group">
        {!! Form::text('dia_desconto_2', null, ['class' => 'form-control']) !!}
      </div>
    </div> --}}
    {{-- <div class="col-md-2">
        {!! Form::label('Desconto 3')!!}
      <div class="form-group">
        {!! Form::text('desconto_3', 'null', ['class' => 'form-control valor']) !!}
      </div>
    </div> --}}
    {{-- <div class="col-md-2">
        {!! Form::label('Dia 3')!!}
      <div class="form-group">
        {!! Form::text('dia_desconto_3', null, ['class' => 'form-control']) !!}
      </div>
    </div> --}}

  </div>
  <div class="row">
      <div class="col-md-2">
    		<div class="form-group">
          {{-- */$vencimento=[05 => 'Dia 05', 10 => 'Dia 10', 20 => 'Dia 20', 30 => 'Dia 30'];/* --}}
    			{!! Form::label('vencimento','Vencimento')!!}
    			{!! Form::select('dia', $vencimento, null, ['id' => 'dia', 'class' => 'form-control dia']) !!}
    		</div>
    	</div>
      <div class="col-md-2">
        <div class="form-group">
          {!! Form::label('Mês Inicio')!!}
          {!! Form::select('mes_inicio', $meses, null, ['id' => 'mes_inicio', 'class' => 'form-control']) !!}
        </div>
      </div>
      <div class="col-md-2">
        <div class="form-group">
          {!! Form::label('Mês Final')!!}
          {!! Form::select('mes_final', $meses, null, ['id' => 'mes_final', 'class' => 'form-control']) !!}
        </div>
      </div>
      
      {{-- <div class="col-md-2">
          {!! Form::label('Desconto')!!}
        <div class="form-group">
          <input class="lista_material" type="checkbox" data-toggle="toggle" data-width="100" data-height="5">
        </div>
      </div> --}}
  </div>
  <div class="form-inline">
    {{-- {!! Form::submit('Matricular', ['class' => 'btn btn-default']) !!} --}}
    {!! Form::button('Gerar Parcelas', ['class' => 'btn btn-warning gerarParcelas']) !!}
  </div>
    {!! Form::close() !!}

    <div class="parcelas">
    </div>

@endsection
@push('scripts')
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js') !!}
{!! HTML::script('bower_components/bootstrap-checkbox/dist/js/i18n/pt.min.js') !!}
{!! Html::script('bower_components/bootstrap-toggle/js/bootstrap2-toggle.min.js') !!}
<script type="text/javascript">
    $('select').select2({
      DropDownAdapter: "DropdownSearch"
    });

    $(document).ready(function(){
    // campo indicacao
      function indicacao(i){
        if(i == 1){
          $('.indicacaodescricao').show();
        } else {
          $('.indicacaodescricao').hide();
          $('.indicacaodescricaotext').val('');
        }
      }
      $('.indicacao').is(function(data){
        indicacao($(this).val());
      });
      $('.indicacao').change(function(){
        indicacao($(this).val());
      });

      // campo material_valor_parcela
      function material(i){
        
        if(i == 1){
          $('.materialparcelado').show();
          $('.materialavista').hide();
        }else{
           $('.materialparcelado').hide();
          $('.materialavista').show();
        }
      }
      $('.material').is(function(data){
        material($(this).val());
      });
      $('.material').change(function(){
        material($(this).val());
      });



      // porcentagem
      $('[name=porcentagem]').focusout(function(event) {
        let p = $(this).val().replace(',', ".");
        let valor_parcela = $('[name=valor_prestacao]').val().replace(',', ".");
        let r = 0;
        r = (p / 100)* valor_parcela;
        $('[name=desconto]').val(r.toFixed(2).replace('.', ","));
      });
      $('[name=tempo_inicio], [name=tempo_final]').datetimepicker({
        format: 'LT'
      });
      $('#prematricula').prop('checked', false)
    })

    // valores
      $('#turma').change(function(event) {
        var url = '{{ App::make('_.url') }}/turmas/pesquisa-valor/'+$(this).val();
        $.get(url, function(data) {
            $('[name=valor]').val(data.valor_matricula);
            $('[name=valor_prestacao]').val(data.valor_parcela);
            $('[name=valor_matricula_desconto]').val(data.valor_matricula_desconto);
        });
      });

    $('.lista_material').change(function() {
      var dado = 0
      if($(this).prop('checked') == true)
        dado = 1
      $(this).val(dado)
    })

    $(document).on('change', 'select[name="aluno_id"]', function(){
      let aluno_id = $(this).val()
      $.ajax({
        url: "/matriculas/exercicioAnteriores/" + aluno_id,
      })
      .done(function( data ) {
        bootbox.dialog({
          title: "Acompanhamento de exercício anteriores",
          onEscape: true,
          size: 'large', 
          message: data
        })
        let countParcelas = $('input[name="countParcelas"]').val()
        // if(countParcelas <= 0){
        //   $('.gerarParcelas').attr('disabled', false)
        // } else {
        //    $('.gerarParcelas').attr('disabled', true)
        // }
      });
    })
  </script>
@endpush
@push('styles')
  {!! Html::style('bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css')!!}
  <style type="text/css">
    .gerarParcelas {
      /*display: none;*/
    }
  </style>
@endpush