@extends('templates.avaliacoes')
@section('content')

<style type="text/css">
    table {
        font-size: 9px;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 0;
    }
    .form-control {
        padding: 5px;
        height: 20px;
        font-size: 12px;
        margin: 0;
        border: 0;
    }
    input{
        text-align:center;
    }
</style>

<div class="col-xs-12 text-center titulo">
    <h3>LANÇAMENTO ANUAL DE PROVAS E TRABALHOS AVALIATIVOS</h3>
</div>
<div class="row" style="font-weight: bold; margin-bottom: 5px;">
    <div class="col-xs-6">Disciplina: {{ $disciplina->descricao }}</div>
    <div class="col-xs-3">Série: {{ $serie->descricao }}</div>
    <div class="col-xs-3 text-right">Turma: {{ $turma->descricao }}</div>
</div>
{!! Form::open(['route' => 'avaliacao.update'], ['method' => 'post','id'=>'avaliacao_form']) !!}
<table class="table table-bordered">
    <thead>
        <tr>
            <th rowspan="4" class="text-center">Aluno</th>
            <th class="text-center" colspan="3">1º Bismestre</th>
            <th colspan="1" rowspan="4" class="text-center" width="3%">MB-1</th>
            <th class="text-center" colspan="3">2º Bismestre</th>
            <th colspan="1" rowspan="4" class="text-center" width="3%">MB-2</th>
            <th colspan="1" rowspan="4" class="text-center" width="3%">REC</th>
            <th class="text-center" colspan="3">3º Bismestre</th>
            <th colspan="1" rowspan="4" class="text-center" width="3%">MB-3</th>
            <th class="text-center" colspan="3">4º Bismestre</th>
            <th colspan="1" rowspan="4" class="text-center" width="3%">MB-4</th>
            <th colspan="1" rowspan="4" class="text-center" width="3%">REC</th>
            <th colspan="1" rowspan="4" class="text-center" width="3%">Média Bimestral</th>
            <th colspan="1" rowspan="4" class="text-center" width="10%">Nota Final</th>
        </tr>
        <tr>
            <th class="text-center" width="3%" colspan="2">AV1</th>
            <th class="text-center" width="3%" rowspan="2">AV2</th>

            <th class="text-center" width="3%" colspan="2">AV1</th>
            <th class="text-center" width="3%" rowspan="2">AV2</th>

            <th class="text-center" width="3%" colspan="2">AV1</th>
            <th class="text-center" width="3%" rowspan="2">AV2</th>

            <th class="text-center" width="3%" colspan="2">AV1</th>
            <th class="text-center" width="3%" rowspan="2">AV2</th>
        </tr>
            <th class="text-center" width="3%">P</th>
            <th class="text-center" width="3%">PJ</th>

            <th class="text-center" width="3%">P</th>
            <th class="text-center" width="3%">PJ</th>
            
            <th class="text-center" width="3%">P</th>
            <th class="text-center" width="3%">PJ</th>
            
            <th class="text-center" width="3%">P</th>
            <th class="text-center" width="3%">PJ</th>
        <tr>
            
        </tr>
    </thead>
    <tbody>
        @foreach($dados as $key => $aluno)
        <tr class="{!! situacaoCancelados($aluno->situacao) !!}">
            <td style="padding: 4px 0 0 2px;">
                {{ ++$key }}. {{ $aluno->nomecompleto }}
                <input type="hidden" name="aluno_id[]" value="{{ $aluno->aluno_id or '' }}" class="form-control">
                <input type="hidden" name="matricula_id[]" value="{{ $aluno->matricula_id}}" class="form-control">
                <input type="hidden" name="disciplina_id[]" value="{{ $disciplina->id }}" class="form-control">
                <input type="hidden" name="turma_id[]" value="{{ $turma->id }}" class="form-control">
                <input type="hidden" name="serie_id[]" value="{{ $serie->id }}" class="form-control">
                {!! Form::hidden('id[]', (!empty($aluno->id)) ? $aluno->id : '',['class'=>"form-control"]) !!}
            </td>
            {{-- 1º Bimestre--}}
            <td class="text-center">
                {!! Form::text('p1[]', (!empty($aluno->p1)) ? $aluno->p1 : '',['class'=>"form-control p1"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('np1[]', (!empty($aluno->np1)) ? $aluno->np1 : '',['class'=>"form-control np1"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('ta1[]', (!empty($aluno->ta1)) ? $aluno->ta1 : '',['class'=>"form-control ta1 ta"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('media1[]', (!empty($aluno->media1)) ? $aluno->media1 : '',['class'=>"form-control media1"]) !!}
            </td>
            {{-- end --}}
            {{-- 2º Bimestre --}}
            <td class="text-center">
                {!! Form::text('p2[]', (!empty($aluno->p2)) ? $aluno->p2 : '',['class'=>"form-control p2"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('np2[]', (!empty($aluno->np2)) ? $aluno->np2 : '',['class'=>"form-control np2"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('ta2[]', (!empty($aluno->ta2)) ? $aluno->ta2 : '',['class'=>"form-control ta2 ta"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('media2[]', (!empty($aluno->media2)) ? $aluno->media2 : '',['class'=>"form-control media2"]) !!}
            </td>
            {{-- end --}}
             {{-- Recuperação --}}
            <td class="text-center">
                {!! Form::text('recuperacao[]', (!empty($aluno->recuperacao)) ? $aluno->recuperacao : '',['class'=>"form-control recuperacao"]) !!}
            </td>
            {{-- end --}}
            {{-- 3º Bimestre --}}
            <td class="text-center">
                {!! Form::text('p3[]', (!empty($aluno->p3)) ? $aluno->p3 : '',['class'=>"form-control p3"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('np3[]', (!empty($aluno->np3)) ? $aluno->np3 : '',['class'=>"form-control np3"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('ta3[]', (!empty($aluno->ta3)) ? $aluno->ta3 : '',['class'=>"form-control ta3 ta"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('media3[]', (!empty($aluno->media3)) ? $aluno->media3 : '',['class'=>"form-control media3"]) !!}
            </td>
            {{-- end --}}
            {{-- 4º Bimestre --}}
            <td class="text-center">
                {!! Form::text('p4[]', (!empty($aluno->p4)) ? $aluno->p4 : '',['class'=>"form-control p4"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('np4[]', (!empty($aluno->np4)) ? $aluno->np4 : '',['class'=>"form-control np4"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('ta4[]', (!empty($aluno->ta4)) ? $aluno->ta4 : '',['class'=>"form-control ta4 ta"]) !!}
            </td>
            <td class="text-center">
                {!! Form::text('media4[]', (!empty($aluno->media4)) ? $aluno->media4 : '',['class'=>"form-control media4"]) !!}
            </td>
            {{-- end --}}
           
            {{-- Recuperação --}}
            <td class="text-center">
                {!! Form::text('recuperacao2[]', (!empty($aluno->recuperacao2)) ? $aluno->recuperacao2 : '',['class'=>"form-control recuperacao2"]) !!}
            </td>
            {{-- end --}}
            
             {{-- Recuperação --}}
            <td class="text-center">
                {!! Form::text('media_bimestral[]', (!empty($aluno->media_bimestral)) ? $aluno->media_bimestral : '',['class'=>"form-control media_bimestral"]) !!}
            </td>
            {{-- end --}}

            {{-- Nota Final --}}
            <td class="text-center">
                {!! Form::text('nota_final[]', (!empty($aluno->nota_final)) ? $aluno->nota_final : '',['class'=>"form-control nota_final"]) !!}
            </td>
            {{-- end --}}
        </tr>
        @endforeach
    </tbody>
</table>
{!! Form::submit('Atualizar notas', ['class' => 'btn btn-danger click_form']) !!}
{!! Form::close() !!}
<p class="clearfix"></p>
@endsection

@push('scripts')
<script type="text/javascript">
    function _ar(nota){
        var nt = nota.toString().split('.');
        var pc = 0;
        nt[0] = parseInt(nt[0])
        nt[1] = parseInt(nt[1].substring(0,1))
        if(nt[1] < 5 && nt[1] > 0){
            pc = 5;
        } else if(nt[1] < 10 && nt[1] > 5){
            pc = 0;
            nt[0] = nt[0] + 1;
        } else if (nt[1] == 5 ){
            pc = 5;
        }
        return nt[0] + '.' + pc;
    }
    // console.log(_ar(9.9));
    $(document).ready(function(){
         // $('input[type=text]').maskMoney();
         $('table').on('keypress', 'input', function(event) {
          if (event.which == 13) {
            event.preventDefault();
            var generico = $("table").find('input:visible');
            var indice = generico.index(event.target) + 20;
            var seletor = $(generico[indice]).focus();

            if (seletor.length == 0) {
              event.target.focus();
          }
      }
  });
        // $('form').submit(function(event) {
        //     event.preventDefault();
        //     var __URL__ = $(this).attr('action');
        //     // console.log(__URL__);
        //     var __DADOS__ = $(this).serialize();
        //     $.ajax({
        //         url: __URL__,
        //         method: 'POST',
        //         data: __DADOS__,
        //     })
        //     .done(function(e) {
        //         console.log("success");
        //         var url = "{{ App::make('_.url') }}";
        //         window.location.href = url+'/avaliacao/notas/'+e.serie+'/'+e.turma+'/'+e.disciplina;
        //         // console.log(url+'/avaliacao/notas/'+e.serie+'/'+e.turma+'/'+e.disciplina);
        //     })
        //     .fail(function(e, o) {
        //         console.log("error");
        //     })
        //     .always(function() {
        //         console.log("complete");
        //     });
        // });
         $('input').keypress(function(){
            $(this).parent().html();
        });

         $('input').focusout(function(data){
            if($(this).val() == '0'){
                $(this).val('0.0');
            }
        })

         $(document).on('keyup', 'input', function(){
            if($(this).val()>10){
                bootbox.alert('O valor da nota deve ser entre "0.00" e "10.00"!<br/>Caso tenha a necessidade de colocar alguma nota fracionada como "5.5" entre outras, utilize sempre o símbolo (.).');
                $(this).val('0.00')
            }
        })
     });

    // 1º Bimestre
    $(document).on('focus', '.media1', function(){

        var p1 = $(this).parent().parent().children('td:eq(1)').find('input').val();
        var ta1 = $(this).parent().parent().children('td:eq(2)').find('input').val();
        var np1 = $(this).parent().parent().children('td:eq(3)').find('input').val();
        
        var b1 = $(this).parent().parent().children('td:eq(4)').find('input').val();
        var b2 = $(this).parent().parent().children('td:eq(8)').find('input').val();
        var recuperacao = $(this).parent().parent().children('td:eq(9)').find('input').val();

        m = [];
        if (p1 != '' ) {
            m.push(parseFloat(p1));
        }if(ta1 != ''){
            m.push(parseFloat(ta1));
        }if(np1 != ''){
            m.push( parseFloat(np1));
        }
        var somatoria = 0;
        // var total = numeral(pm).format('0.00');
        $.each(m, function(index, el) {
            somatoria +=  parseFloat(el);
        });
        // recuperacao
        b = [];
        if(b1 != ''){
            b.push( parseFloat(b1));
        }if(b2 != ''){
            b.push( parseFloat(b2));
        }if(recuperacao != ''){
            recuperacao = parseFloat(recuperacao);
        }
        var semestre = 0;
         $.each(b, function(index, e) {
            semestre +=  parseFloat(e);
        });
         semestre = semestre/2;
         var media1 = somatoria / 2;
         var total = numeral(media1).format('0.00');
         if((somatoria >= 0 && recuperacao == '') || recuperacao != '' && media1 > recuperacao){
            $(this).val(total);
        }
   });

   // 2º Bimestre
   $(document).on('focus', '.media2', function(){

    var p2 = $(this).parent().parent().children('td:eq(5)').find('input').val();
    var ta2 = $(this).parent().parent().children('td:eq(6)').find('input').val();
    var np2 = $(this).parent().parent().children('td:eq(7)').find('input').val();

    var b1 = $(this).parent().parent().children('td:eq(4)').find('input').val();
    var b2 = $(this).parent().parent().children('td:eq(8)').find('input').val();
    var recuperacao = $(this).parent().parent().children('td:eq(9)').find('input').val();

    m = [];
    if (p2 != '' ) {
        m.push(parseFloat(p2));
    }if(ta2 != ''){
        m.push(parseFloat(ta2));
    }if(np2 != ''){
        m.push( parseFloat(np2));
    }
    var somatoria = 0;
    // var total = numeral(pm).format('0.00');
    $.each(m, function(index, el) {
        somatoria +=  parseFloat(el);
    });
    // recuperacao
    b = [];
    if(b1 != ''){
        b.push( parseFloat(b1));
    }if(b2 != ''){
        b.push( parseFloat(b2));
    }if(recuperacao != ''){
        recuperacao = parseFloat(recuperacao);
    }
    var semestre = 0;
    $.each(b, function(index, e) {
        semestre +=  parseFloat(e);
    });
    semestre = semestre/2;
     
    var media2 = somatoria / 2;
    var total = numeral(media2).format('0.00');
    if((somatoria >= 0 && recuperacao == '') || recuperacao != '' && media2 > recuperacao){
        $(this).val(total);
    }
 });

    // 3º Bimestre
    $(document).on('focus', '.media3', function(){

        var p3 = $(this).parent().parent().children('td:eq(10)').find('input').val();
        var ta3 = $(this).parent().parent().children('td:eq(11)').find('input').val();
        var np3 = $(this).parent().parent().children('td:eq(12)').find('input').val();
        // recuperacao
        var b3 = $(this).parent().parent().children('td:eq(13)').find('input').val();
        var b4 = $(this).parent().parent().children('td:eq(17)').find('input').val();
        var recuperacao = $(this).parent().parent().children('td:eq(18)').find('input').val();


        m = [];
        if (p3 != '' ) {
            m.push(parseFloat(p3));
        }if(ta3 != ''){
            m.push(parseFloat(ta3));
        }if(np3 != ''){
            m.push( parseFloat(np3));
        }

        var somatoria = 0;
        // var total = numeral(pm).format('0.00');
        $.each(m, function(index, el) {
            somatoria +=  parseFloat(el);
        });

        // recuperacao
        b = [];
        if(b3 != ''){
            b.push( parseFloat(b3));
        }if(b4 != ''){
            b.push( parseFloat(b4));
        }if(recuperacao != ''){
            recuperacao = parseFloat(recuperacao);
        }
        var semestre = 0;
        $.each(b, function(index, e) {
            semestre +=  parseFloat(e);
        });
        semestre = semestre/2;
        var media3 = somatoria / 2;
        var total = numeral(media3).format('0.00');
        if((somatoria >= 0 && recuperacao == '') || recuperacao != '' && media3 > recuperacao){
            $(this).val(total);
        }
   });
   // 4º Bimestre
   $(document).on('focus', '.media4', function(){

    var p4 = $(this).parent().parent().children('td:eq(14)').find('input').val();
    var ta4 = $(this).parent().parent().children('td:eq(15)').find('input').val();
    var np4 = $(this).parent().parent().children('td:eq(16)').find('input').val();
    console.log(p4, ta4, np4);
    // recuperacao
    var b3 = $(this).parent().parent().children('td:eq(13)').find('input').val();
    var b4 = $(this).parent().parent().children('td:eq(17)').find('input').val();
    var recuperacao = $(this).parent().parent().children('td:eq(18)').find('input').val();

    m = [];
    if (p4 != '' ) {
        m.push(parseFloat(p4));
    }if(ta4 != ''){
        m.push(parseFloat(ta4));
    }if(np4 != ''){
        m.push( parseFloat(np4));
    }
    var somatoria = 0;
        // var total = numeral(pm).format('0.00');
        $.each(m, function(index, el) {
            somatoria +=  parseFloat(el);
        });

         // recuperacao
        b = [];
        if(b3 != ''){
            b.push( parseFloat(b3));
        }if(b4 != ''){
            b.push( parseFloat(b4));
        }if(recuperacao != ''){
            recuperacao = parseFloat(recuperacao);
        }
        var semestre = 0;
        $.each(b, function(index, e) {
            semestre +=  parseFloat(e);
        });
        semestre = semestre/2;

        var media4 = somatoria / 2;
        var total = numeral(media4).format('0.00');
        if((somatoria >= 0 && recuperacao == '') || recuperacao != '' && media4 > recuperacao){
            $(this).val(total);
        }
   });

    //Primeira Recuperacao
    $(document).on('focusout', '.recuperacao', function(){

        var media1 = $(this).parent().parent().children('td:eq(4)').find('input').val();
        var media2 = $(this).parent().parent().children('td:eq(8)').find('input').val();
        var recuperacao = $(this).val();
        // var media3 = $(this).parent().parent().children('td:eq(12)').find('input').val();
        // var media4 = $(this).parent().parent().children('td:eq(16)').find('input').val();
        m = [];
        if (media1 != '' ) {
            m.push(parseFloat(media1));
        }if(media2 != ''){
            m.push(parseFloat(media2));
        }if(recuperacao != ''){
            recuperacao = parseFloat(recuperacao);
        }
        var somatoria = 0;
        // var total = numeral(pm).format('0.00');
        $.each(m, function(index, el) {
            somatoria +=  parseFloat(el);
        });
        // somatoria = somatoria /2;
        // if( somatoria < 7 && recuperacao > somatoria ){
        //     if(recuperacao > 7){
        //         recuperacao = 7; 
        //     }
        //     $(this).parent().parent().children('td:eq(4)').find('input').val(recuperacao);
        //     $(this).parent().parent().children('td:eq(8)').find('input').val(recuperacao);
        // }
        if(somatoria < 14 && recuperacao >=7){
            if(media1 < recuperacao){
                $(this).parent().parent().children('td:eq(4)').find('input').val(7);
            }
            if(media2 < recuperacao){
                $(this).parent().parent().children('td:eq(8)').find('input').val(7);
            }
        }
       //  if(somatoria > 0){
       //     var media_bimestral = somatoria / m.length;
       // var total = numeral(media_bimestral).format('0.00');
       // }
       // $(this).val(total);
   });

     //Segunda Recuperacao
    $(document).on('focusout', '.recuperacao2', function(){

        var media3 = $(this).parent().parent().children('td:eq(13)').find('input').val();
        var media4 = $(this).parent().parent().children('td:eq(17)').find('input').val();
        var recuperacao = $(this).val();
        // var media3 = $(this).parent().parent().children('td:eq(12)').find('input').val();
        // var media4 = $(this).parent().parent().children('td:eq(16)').find('input').val();
        m = [];
        if (media3 != '' ) {
            m.push(parseFloat(media3));
        }if(media4 != ''){
            m.push(parseFloat(media4));
        }if(recuperacao != ''){
            recuperacao = parseFloat(recuperacao);
        }
        var somatoria = 0;
        // var total = numeral(pm).format('0.00');
        $.each(m, function(index, el) {
            somatoria +=  parseFloat(el);
        });
        // somatoria = somatoria /2;
        // if( somatoria < 7 && recuperacao > somatoria ){
        //     if(recuperacao > 7){
        //         recuperacao = 7;
        //     }
        //     $(this).parent().parent().children('td:eq(13)').find('input').val(recuperacao);
        //     $(this).parent().parent().children('td:eq(17)').find('input').val(recuperacao);
        // }
        if(somatoria < 14 && recuperacao >=7){
            if(media3 < recuperacao){
                $(this).parent().parent().children('td:eq(13)').find('input').val(7);
            }
            if(media4 < recuperacao){
                $(this).parent().parent().children('td:eq(17)').find('input').val(7);
            }
        }
   });

    $(document).on('focus', 'input', function(){
        let _this = $(this).parent().parent()
            _this.css('background', '#FFA');
            _this.css('font-weight', 'bold');
            _this.find('td')
            setTimeout(function(){
                _this.css('font-weight', 'normal');
                _this.css('background', '#FFFFFF');
            }, 10000);
    })

    // Media Bimestral
    $(document).on('focus', '.media_bimestral', function(){

        var media1 = $(this).parent().parent().children('td:eq(4)').find('input').val();
        var media2 = $(this).parent().parent().children('td:eq(8)').find('input').val();
        var media3 = $(this).parent().parent().children('td:eq(13)').find('input').val();
        var media4 = $(this).parent().parent().children('td:eq(17)').find('input').val();
        m = [];
        if (media1 != '' ) {
            m.push(parseFloat(media1));
        }if(media2 != ''){
            m.push(parseFloat(media2));
        }if(media3 != ''){
            m.push( parseFloat(media3));
        }
        if(media4 != ''){
            m.push( parseFloat(media4));
        }
        var somatoria = 0;
        // var total = numeral(pm).format('0.00');
        $.each(m, function(index, el) {
            somatoria +=  parseFloat(el);
        });
        if(somatoria > 0){
           var media_bimestral = somatoria / m.length;
       var total = numeral(media_bimestral).format('0.00');
       }
       $(this).val(total);
   });

    // Nota Final
    /*$(document).on('focus', '.nota_final', function(){

            var b1 = $(this).parent().parent().children('td:eq(4)').find('input').val();
            var b2 = $(this).parent().parent().children('td:eq(8)').find('input').val();
            var m1 = (parseFloat(b1) + parseFloat(b2))/2;
            // recuperação
            if(m1 <= 7){
                let recuperacao = $(this).parent().parent().children('td:eq(9)').find('input').val();
                if(recuperacao > m1 ){
                    var m1 =  recuperacao
                }
                m1 = (m1 == '') ? '0' : m1
            }

            var b3 = $(this).parent().parent().children('td:eq(13)').find('input').val();
            var b4 = $(this).parent().parent().children('td:eq(17)').find('input').val();
            var m2 = (parseFloat(b3) + parseFloat(b4))/2;
            // recuperação
            if(m2 <= 7){
                let recuperacao = $(this).parent().parent().children('td:eq(18)').find('input').val();
                if(recuperacao > m2){
                    var m2 =  recuperacao
                }
                m2 = (m2 == '') ? '0' : m2
            }
            let media_final = (parseFloat(m1) + parseFloat(m2))/2;

            $(this).val(numeral(media_final).format('0.00'));
            
            // if(media_bimestral < 7){
            //     $(this).val(recuperacao);
            // }else{
            // }
    });*/
    // Resultado Final
        $(document).on('focus', '.nota_final', function(){
            var media_bimestral = $(this).parent().parent().children('td:eq(19)').find('input').val();
            var recuperacao = $(this).parent().parent().children('td:eq(18)').find('input').val();
            console.log(recuperacao);
            

            if(media_bimestral < 7 && recuperacao >=7 && recuperacao != ''){
                recuperacao = parseFloat(recuperacao);      
                $(this).val(_ar(numeral(recuperacao).format('0.00')));
                 clearClass([$(this).parent().parent().children('td:eq(18)').find('input')
                ], '#43CD80');
            }else if(media_bimestral >= 7){
                media_bimestral = parseFloat(media_bimestral);
                $(this).val(numeral(media_bimestral).format('0.00'));
           
            clearClass([$(this).parent().parent().children('td:eq(19)').find('input'),
                ], '#43CD80');
            }
        });
    function clearClass(info, color = '#ff9900'){
        $.each(info, function(index, value){
            value.css('background', color);
            value.css('font-weight', 'bold');
            setTimeout(function(){
                value.css('font-weight', 'normal');
                value.css('background', '#FFFFFF');
            }, 5000);
        });
    }
</script>
@endpush