@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;
    }
</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.add'], ['method' => 'post']) !!}
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th rowspan="2" class="text-center">Aluno</th>
                    <th colspan="3" class="text-center">Mar</th>
                    <th colspan="3" class="text-center">Abr</th>
                    <th colspan="1" rowspan="2" class="text-center" width="3%">B-1</th>
                    <th colspan="3" class="text-center">Mai</th>
                    <th colspan="3" class="text-center">Jun</th>
                    <th colspan="1" rowspan="2" class="text-center" width="3%">B-2</th>
                    <th colspan="3" class="text-center">Ago</th>
                    <th colspan="3" class="text-center">Set</th>
                    <th colspan="1" rowspan="2" class="text-center" width="3%">B-3</th>
                    <th colspan="3" class="text-center">Out</th>
                    <th colspan="3" class="text-center">Nov</th>
                    <th colspan="1" rowspan="2" class="text-center" width="3%">B-4</th>
                </tr>
                <tr>
                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>

                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>

                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>

                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>

                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>

                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>

                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>

                    <th class="text-center" width="3%">P</th>
                    <th class="text-center" width="3%">TA</th>
                    <th class="text-center" width="3%">PM</th>
                </tr>
            </thead>
            <tbody>
                @foreach($dados as $aluno)
                <tr>
                    <td style="padding: 4px 0 0 2px;">
                        {{ $aluno->nomecompleto }}
                        <input type="hidden" name="matricula_id[]" value="{{ $aluno->matricula_id or '' }}" 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">
                    </td>

                    <td class="text-center">
                        {!! Form::hidden('id[]', (!empty($aluno->id)) ? $aluno->id : '',['class'=>"form-control"]) !!}
                        {!! Form::text('p1[]', (!empty($aluno->p1)) ? $aluno->p1 : '',['class'=>"form-control p1"]) !!}
                    </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('pm1[]', (!empty($aluno->pm1)) ? $aluno->pm1 : '',['class'=>"form-control pm1 pm"]) !!}
                    </td>

                    <td class="text-center">
                        {!! Form::text('p2[]', (!empty($aluno->p2)) ? $aluno->p2 : '',['class'=>"form-control p2"]) !!}
                    </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('pm2[]', (!empty($aluno->pm2)) ? $aluno->pm2 : '',['class'=>"form-control pm2 pm"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('media1[]', (!empty($aluno->media1)) ? $aluno->media1 : '',['class'=>"form-control media1"]) !!}
                    </td>

                    <td class="text-center">
                        {!! Form::text('p3[]', (!empty($aluno->p3)) ? $aluno->p3 : '',['class'=>"form-control p3"]) !!}
                    </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('pm3[]', (!empty($aluno->pm3)) ? $aluno->pm3 : '',['class'=>"form-control pm3 pm"]) !!}
                    </td>

                    <td class="text-center">
                        {!! Form::text('p4[]', (!empty($aluno->p4)) ? $aluno->p4 : '',['class'=>"form-control p4"]) !!}
                    </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('pm4[]', (!empty($aluno->pm4)) ? $aluno->pm4 : '',['class'=>"form-control pm4 pm"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('media2[]', (!empty($aluno->media2)) ? $aluno->media2 : '',['class'=>"form-control media2"]) !!}
                    </td>

                    <td class="text-center">
                        {!! Form::text('p5[]', (!empty($aluno->p5)) ? $aluno->p5 : '',['class'=>"form-control p5"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('ta5[]', (!empty($aluno->ta5)) ? $aluno->ta5 : '',['class'=>"form-control ta5 ta"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('pm5[]', (!empty($aluno->pm5)) ? $aluno->pm5 : '',['class'=>"form-control pm5 pm"]) !!}
                    </td>

                    <td class="text-center">
                        {!! Form::text('p6[]', (!empty($aluno->p6)) ? $aluno->p6 : '',['class'=>"form-control p6"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('ta6[]', (!empty($aluno->ta6)) ? $aluno->ta6 : '',['class'=>"form-control ta6 ta"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('pm6[]', (!empty($aluno->pm6)) ? $aluno->pm6 : '',['class'=>"form-control pm6 pm"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('media3[]', (!empty($aluno->media3)) ? $aluno->media3 : '',['class'=>"form-control media3"]) !!}
                    </td>

                    <td class="text-center">
                        {!! Form::text('p7[]', (!empty($aluno->p7)) ? $aluno->p7 : '',['class'=>"form-control p7"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('ta7[]', (!empty($aluno->ta7)) ? $aluno->ta7 : '',['class'=>"form-control ta7 ta"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('pm7[]', (!empty($aluno->pm7)) ? $aluno->pm7 : '',['class'=>"form-control pm7 pm"]) !!}
                    </td>

                    <td class="text-center">
                        {!! Form::text('p8[]', (!empty($aluno->p8)) ? $aluno->p8 : '',['class'=>"form-control p8"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('ta8[]', (!empty($aluno->ta8)) ? $aluno->ta8 : '',['class'=>"form-control ta8 ta"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('pm8[]', (!empty($aluno->pm8)) ? $aluno->pm8 : '',['class'=>"form-control pm8 pm"]) !!}
                    </td>
                    <td class="text-center">
                        {!! Form::text('media4[]', (!empty($aluno->media4)) ? $aluno->media4 : '',['class'=>"form-control media4"]) !!}
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {!! Form::submit('Atualizar notas', ['class' => 'btn btn-danger']) !!}
        {!! Form::close() !!}
        <p class="clearfix"></p>
@endsection

@section('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(){
        $('table').on('keypress', 'input', function(event) {
          if (event.which == 13) {
            event.preventDefault();
            var generico = $("table").find('input:visible');
            var indice = generico.index(event.target) + 28;
            var seletor = $(generico[indice]).focus();

            if (seletor.length == 0) {
              event.target.focus();
          }
      }
  });
        // $('form').submit(function(event) {
        //     event.preventDefault();
        //     var __URL__ = $(this).attr('action');

        //     var __DADOS__ = $(this).serialize();
        //     $.ajax({
        //         url: __URL__,
        //         method: 'POST',
        //         data: __DADOS__,
        //     })
        //     .done(function(e) {
        //         console.log(__URL__);
        //         var url = "{{ App::make('_.url') }}";
        //         window.location.href = url+'/avaliacao/notas/'+e.serie+'/'+e.turma+'/'+e.disciplina;
        //     })
        //     .fail(function(e, o) {
        //         console.log("error");
        //     })
        //     .always(function() {
        //         console.log("complete");
        //     });
        // });
        $('input').is(function(data){
            if($(this).val() == '0.00'){
                $(this).val('')
            }
        })

        $(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')
            }
        })
    });

    // nota 01
    $(document).on('focus', '.pm1', function(){
        // console.log($(this).parent().parent().children('td:eq(1)').children('input:eq(1)').html());
        var p1 = parseFloat($(this).parent().parent().children('td:eq(1)').find('input:eq(1)').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(2)').find('input').val());
        console.log(ta1)
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            // total = numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(1)').find('input'),
                $(this).parent().parent().children('td:eq(2)').find('input')]
                );
        }
    });
    // nota 02
    $(document).on('focus', '.pm2', function(){
        // console.log($(this).parent().parent().children('td:eq(1)').children('input:eq(1)').html());
        // console.log($(this).parent().parent().children('td:eq(4)').find('input').val());
        var p1 = parseFloat($(this).parent().parent().children('td:eq(4)').find('input').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(5)').find('input').val());
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(4)').find('input'),
                $(this).parent().parent().children('td:eq(5)').find('input')]
                );
        }
    });

    // média do bimestre
    $(document).on('focus', '.media1', function(){
        var pm1 = parseFloat($(this).parent().parent().children('td:eq(3)').find('input').val());
        var pm2 = parseFloat($(this).parent().parent().children('td:eq(6)').find('input').val());
        var m = (pm1 + pm2)/2;

        if(m>0){
            var final = ((numeral(m).format('0.00') >= 6.5) && (numeral(m).format('0.00') < 7) ? 7 : numeral(m).format('0.00'));
            $(this).val(_ar(numeral(final).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(3)').find('input'),
                $(this).parent().parent().children('td:eq(6)').find('input')],
                '#99cc00'
                );
        }
    });




    // nota 01
    $(document).on('focus', '.pm3', function(){
        // console.log($(this).parent().parent().children('td:eq(1)').children('input:eq(1)').html());
        var p1 = parseFloat($(this).parent().parent().children('td:eq(8)').find('input').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(9)').find('input').val());
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(8)').find('input'),
                $(this).parent().parent().children('td:eq(9)').find('input')]
                );
        }
    });
    // nota 02
    $(document).on('focus', '.pm4', function(){
        // console.log($(this).parent().parent().children('td:eq(1)').children('input:eq(1)').html());
        // console.log($(this).parent().parent().children('td:eq(4)').find('input').val());
        var p1 = parseFloat($(this).parent().parent().children('td:eq(11)').find('input').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(12)').find('input').val());
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(11)').find('input'),
                $(this).parent().parent().children('td:eq(12)').find('input')]
                );
        }
    });

    // média do bimestre
    $(document).on('focus', '.media2', function(){
        var pm1 = parseFloat($(this).parent().parent().children('td:eq(10)').find('input').val());
        var pm2 = parseFloat($(this).parent().parent().children('td:eq(13)').find('input').val());
        var m = (pm1 + pm2)/2;

        if(m>0){
            var final = ((numeral(m).format('0.00') >= 6.5) && (numeral(m).format('0.00') < 7) ? 7 : numeral(m).format('0.00'));
            $(this).val(_ar(numeral(final).format('0.00')));
            clearClass(
            [$(this).parent().parent().children('td:eq(10)').find('input'),
            $(this).parent().parent().children('td:eq(13)').find('input')],
            '#99cc00'
            );
        }
        var b1 = $(this).parent().parent().children('td:eq(7)').find('input').val();
        console.log(b1, final);
        if(final >= 7){
            if (b1 < 7) {
                $(this).parent().parent().children('td:eq(7)').find('input').val($(this).val());
                clearClass(
                [$(this).parent().parent().children('td:eq(7)').find('input'),
                $(this).parent().parent().children('td:eq(7)').find('input')],
                '#FF0000'
                );
            }
        }
    });




    // bimestre 03
    $(document).on('focus', '.pm5', function(){
        var p1 = parseFloat($(this).parent().parent().children('td:eq(15)').find('input').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(16)').find('input').val());
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(15)').find('input'),
                $(this).parent().parent().children('td:eq(16)').find('input')]
                );
        }
    });
    // nota 02
    $(document).on('focus', '.pm6', function(){
        var p1 = parseFloat($(this).parent().parent().children('td:eq(18)').find('input').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(19)').find('input').val());
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(18)').find('input'),
                $(this).parent().parent().children('td:eq(19)').find('input')]
                );
        }
    });

    // média do bimestre
    $(document).on('focus', '.media3', function(){
        var pm1 = parseFloat($(this).parent().parent().children('td:eq(17)').find('input').val());
        var pm2 = parseFloat($(this).parent().parent().children('td:eq(20)').find('input').val());
        var m = (pm1 + pm2)/2;

        if(m>0){
            var final = ((numeral(m).format('0.00') >= 6.5) && (numeral(m).format('0.00') < 7) ? 7 : numeral(m).format('0.00'));
            $(this).val(_ar(numeral(final).format('0.00')));
            clearClass(
            [$(this).parent().parent().children('td:eq(17)').find('input'),
            $(this).parent().parent().children('td:eq(20)').find('input')],
            '#99cc00'
            );
        }
        var b2 = $(this).parent().parent().children('td:eq(14)').find('input').val();
        if(final>=7){
            if(b2<7){
                $(this).parent().parent().children('td:eq(14)').find('input').val($(this).val());
                clearClass(
                [$(this).parent().parent().children('td:eq(14)').find('input'),
                $(this).parent().parent().children('td:eq(14)').find('input')],
                '#FF0000'
                );
            }
        }
    });


    // bimestre 04
    // mes 07
    $(document).on('focus', '.pm7', function(){
        var p1 = parseFloat($(this).parent().parent().children('td:eq(22)').find('input').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(23)').find('input').val());
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(22)').find('input'),
                $(this).parent().parent().children('td:eq(23)').find('input')]
                );
        }
    });
    // nota 02
    $(document).on('focus', '.pm8', function(){
        var p1 = parseFloat($(this).parent().parent().children('td:eq(25)').find('input').val());
        var ta1 = parseFloat($(this).parent().parent().children('td:eq(26)').find('input').val());
        if(ta1 > -1){
            var pm = (p1 + ta1)/2;
        } else {
            var pm = p1;
        }
        if(pm>0){
            var total = (pm < p1) ? p1 : numeral(pm).format('0.00');
            $(this).val(_ar(numeral(total).format('0.00')));
            clearClass(
                [$(this).parent().parent().children('td:eq(25)').find('input'),
                $(this).parent().parent().children('td:eq(26)').find('input')]
                );
        }
    });

    // média do bimestre
    $(document).on('focus', '.media4', function(){
        var pm1 = parseFloat($(this).parent().parent().children('td:eq(24)').find('input').val());
        var pm2 = parseFloat($(this).parent().parent().children('td:eq(27)').find('input').val());
        var m = (pm1 + pm2)/2;
        if(m>0){
            var final = ((numeral(m).format('0.00') >= 6.5) && (numeral(m).format('0.00') < 7) ? 7 : numeral(m).format('0.00'));
            $(this).val(_ar(numeral(final).format('0.00')));
            clearClass(
            [$(this).parent().parent().children('td:eq(24)').find('input'),
            $(this).parent().parent().children('td:eq(27)').find('input')],
            '#99cc00'
            );
        }
        var b3 = $(this).parent().parent().children('td:eq(21)').find('input').val();
        if(final >= 7){
            if(b3 < 7){
                $(this).parent().parent().children('td:eq(21)').find('input').val($(this).val());
                clearClass(
                [$(this).parent().parent().children('td:eq(21)').find('input'),
                $(this).parent().parent().children('td:eq(21)').find('input')],
                '#FF0000'
                );
            }
        }
    });

    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>
@endsection