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

<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'=>'target']) !!}
<table id="lista" class="table table-striped table-bordered nowrap" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th rowspan="4" class="text-center">#</th>
                <th rowspan="4" class="text-center">Aluno</th>
            </tr>
            <tr>
                <th colspan="4" class="text-center">1º Bimestre</th>
                <th colspan="4" class="text-center">2º Bimestre</th>
                <th colspan="4" class="text-center">3º Bimestre</th>
                <th colspan="4" class="text-center">4º Bimestre</th>
            	<th rowspan="3" class="text-center">Média Final</th>

            </tr>
            <tr>
                <th colspan="3" class="text-center">Simulados</th>
                <th rowspan="2" class="text-center">Média</th>
                <th colspan="3" class="text-center">Simulados</th>
                <th rowspan="2" class="text-center">Média</th>
                <th colspan="3" class="text-center">Simulados</th>
                <th rowspan="2" class="text-center">Média</th>
                <th colspan="3" class="text-center">Simulados</th>
                <th rowspan="2" class="text-center">Média</th>
            </tr>
            <tr>
                <th class="text-center">S1</th>
                <th class="text-center">S2</th>
                <th class="text-center">S3</th>

                <th class="text-center">S1</th>
                <th class="text-center">S2</th>
                <th class="text-center">S3</th>

                <th class="text-center">S1</th>
                <th class="text-center">S2</th>
                <th class="text-center">S3</th>

                <th class="text-center">S1</th>
                <th class="text-center">S2</th>
                <th class="text-center">S3</th>
            </tr>
        </thead>
        <tbody>
        	@foreach($dados as $key => $aluno)
            
            <tr class="{!! situacaoCancelados($aluno->situacao) !!}">
                <td>{{ ++$key }}</td>
                <td>
                    {{ $aluno->nomecompleto }}
                </td>
            	{{-- ID: Indíce de cada nota --}}
                {!! Form::hidden('id[]', 			(!empty($aluno->id)) ? $aluno->id : '') !!}
                {{-- ID: Aluno cadastrado --}}
            	{!! Form::hidden('aluno_id[]', 		$aluno->aluno_id) !!}
                {{-- ID: Aluno matrículado --}}
            	{!! Form::hidden('matricula_id[]', 	$aluno->matricula_id) !!}
                {{-- ID: Disciplina associada --}}
            	{!! Form::hidden('disciplina_id[]', $disciplina->id) !!}
                {{-- ID: Turma vínculada --}}
            	{!! Form::hidden('turma_id[]', 		$turma->id) !!}
                {{-- ID: Série relacionada --}}
            	{!! Form::hidden('serie_id[]', 		$serie->id) !!}

                {{-- 1º bimestre --}}
                <td class="text-center">
                    {!! Form::text('s11[]', (!empty($aluno->s11)) ? $aluno->s11 : '',['class'=>"form-control s1", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                    {!! Form::text('s21[]', (!empty($aluno->s21)) ? $aluno->s21 : '',['class'=>"form-control s2", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                        {!! Form::text('s31[]', (!empty($aluno->s31)) ? $aluno->s31 : '',['class'=>"form-control s3-b1", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                	{!! Form::text('media1[]', (!empty($aluno->media1)) ? $aluno->media1 : '',['class'=>"form-control m1", "style" => "width: 60px;"]) !!}
                </td>



                {{-- 2º bimestre --}}
                <td class="text-center">
                    {!! Form::text('s12[]', (!empty($aluno->s12)) ? $aluno->s12 : '',['class'=>"form-control s1", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                    {!! Form::text('s22[]', (!empty($aluno->s22)) ? $aluno->s22 : '',['class'=>"form-control s2", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                    {!! Form::text('s32[]', (!empty($aluno->s32)) ? $aluno->s32 : '',['class'=>"form-control s3-b2", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                	{!! Form::text('media2[]', (!empty($aluno->media2)) ? $aluno->media2 : '',['class'=>"form-control m2", "style" => "width: 60px;"]) !!}
                </td>



                {{-- 3º bimestre --}}
                <td class="text-center">
                    {!! Form::text('s13[]', (!empty($aluno->s13)) ? $aluno->s13 : '',['class'=>"form-control s1", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                    {!! Form::text('s23[]', (!empty($aluno->s23)) ? $aluno->s23 : '',['class'=>"form-control s2", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                    {!! Form::text('s33[]', (!empty($aluno->s33)) ? $aluno->s33 : '',['class'=>"form-control s3-b3", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                	{!! Form::text('media3[]', (!empty($aluno->media3)) ? $aluno->media3 : '',['class'=>"form-control m3", "style" => "width: 60px;"]) !!}
                </td>



                {{-- 4º bimestre --}}
                <td class="text-center">
                    {!! Form::text('s14[]', (!empty($aluno->s14)) ? $aluno->s14 : '',['class'=>"form-control s1", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                    {!! Form::text('s24[]', (!empty($aluno->s24)) ? $aluno->s24 : '',['class'=>"form-control s2", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                    {!! Form::text('s34[]', (!empty($aluno->s34)) ? $aluno->s34 : '',['class'=>"form-control s3-b4", "style" => "width: 60px;"]) !!}
                </td>
                <td class="text-center">
                	{!! Form::text('media4[]', (!empty($aluno->media4)) ? $aluno->media4 : '',['class'=>"form-control m4", "style" => "width: 60px;"]) !!}
                </td>

            	<td class="text-center">MF</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">
		$(document).ready(function() {

            $('table').on('keypress', 'input[type=text]', function(event) {
                if (event.which == 13) {
                    event.preventDefault();
                    var generico = $("table").find('input:visible');
                    var indice = generico.index(event.target) + (generico.length / {{ count($dados) }});
                    var seletor = $(generico[indice]).focus();

                    if (seletor.length == 0) {
                      event.target.focus();
                    }
                }   
            });

		    var table = $('#lista').DataTable( {
		        scrollY:        "300px",
		        scrollX:        true,
		        scrollCollapse: true,
		        paging:         false,
		        fixedColumns:   {
		            leftColumns: 2
		        },
		        select:         true
		    });


            function calcularMediaMensal(input){
                let _this = input
                // capturando os dados dos inputs
                let tdMedia     = _this.closest('td'),
                    input_s1    = tdMedia.prevAll('td:eq(2)').find('input'),
                    input_s2    = tdMedia.prevAll('td:eq(1)').find('input'),
                    input_s3    = tdMedia.prevAll('td:eq(0)').find('input'),
                    input_media = tdMedia.find('input')
                
                // criando um objeto com as notas dos simulados
                // deven ter a seguinte estrutura
                // s1 | s2 | s3 | media
                const simulados = {
                    s1s2: [
                        parseFloat(input_s1.val()),
                        parseFloat(input_s2.val()),
                    ],
                    s3: [
                        parseFloat(input_s3.val())
                    ],
                    valorMedia: 7.0,

                    calcular: function() {
                        // ordernar do menor para maior
                        menorNota = parseFloat(_.orderBy(this.s1s2, [], ['asc'])[0])
                        maiorNota = parseFloat(_.orderBy(this.s1s2, [], ['desc'])[0])

                        // variáveis auxiliares
                        s1 = this.s1s2[0]
                        s2 = this.s1s2[1]
                        s3 = parseFloat(this.s3)

                        if(!isNaN(s3)) {
                        	if((isNaN(s1) === false) && (isNaN(s2) === false)){
	                    		if(s3 >= menorNota){
	                    			return (s3 + maiorNota) / 2
	                    		} else {
		                    		return (s1 + s2) / 2
	                    		}
	                    	} else {
	                			if(isNaN(s1) && isNaN(s2)){
	                    			bootbox.alert('Preencha S1 e S2 correspondentes')
	                    		} else {
	                    			if(isNaN(s1)){
	                    				return (s3 + s2) / 2
	                    			}
	                    			if(isNaN(s2)) {
	                    				return (s3 + s1) / 2
	                    			}
	                    		}
                			}
                    	} else {
                    		if(isNaN(s1) && isNaN(s2)){
                    			bootbox.alert('Preencha S1 e S2 ou S3 correspondentes')
                    		} else {
                    			if((isNaN(s1) === false) && (isNaN(s2) === false))
		                    		return (s1 + s2) / 2
                    		}
                		}
                        
                    }
                }

                _this.val(simulados.calcular())
            }

            $(document).on('blur', '.m1', function(){
                calcularMediaMensal($(this))
            })

            $(document).on('blur', '.m2', function(){
                calcularMediaMensal($(this))
            })

            $(document).on('blur', '.m3', function(){
                calcularMediaMensal($(this))
            })

            $(document).on('blur', '.m4', function(){
                calcularMediaMensal($(this))
            })

		} );
	</script>

@endsection

@section('styles')
	<style type="text/css">
	</style>
@endsection