@extends('front.layoutwithout')

@section('title')
    {{ $data['student']->user->name }} {{ $data['student']->user->last_name }}
@endsection

@section('sub-title')
    {{ $data['student']->enrollment }}
@endsection

@section('return')
    <a href="{{ route('students.index') }}" class="return-button"><i class="fas fa-arrow-left"></i> Regresar</a>
@endsection

@section('button-save')
    <button id="save" class="btn btn-md pull-right disable" style="top: -4em;position: relative;" disabled>Guardar</button>
@endsection

@section('content')

    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link {{ \Session::get('currentTab', '1') == '1' ? 'active' : '' }}" id="1-tab" data-toggle="tab"
                href="#1" role="tab" aria-controls="1">
                Datos Academicos
            </a>
        </li>
        {{-- <li class="nav-item">
            <a class="nav-link" id="2-tab" data-toggle="tab" href="#2" role="tab" aria-controls="2">
                Datos Personales
            </a>
        </li> --}}

        @if (!$data['student']->is_bis)
            <li class="nav-item">
                <a class="nav-link {{ \Session::get('currentTab') == '3' ? 'active' : '' }}" id="3-tab" data-toggle="tab"
                    href="#3" role="tab" aria-controls="3">
                    Historial Académico
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ \Session::get('currentTab') == '4' ? 'active' : '' }}" id="4-tab" data-toggle="tab"
                    href="#4" role="tab" aria-controls="4">
                    Calif. Parciales
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ \Session::get('currentTab') == '5' ? 'active' : '' }}" id="5-tab" data-toggle="tab"
                    href="#5" role="tab" aria-controls="5">
                    Calif. Ordinarias
                </a>
            </li>
        @endif
        @if ($data['student']->is_bis)
            <li class="nav-item {{ \Session::get('currentTab') == '6' ? 'active' : '' }}">
                <a class="nav-link" id="6-tab" data-toggle="tab" href="#6" role="tab" aria-controls="6">
                    Calif. Ordinarias BIS</a>
            </li>
        @endif

    </ul>
    <div class="tab-content" id="myTabContent">


        @include("front.student.menu.tab1")
        {{-- @include("front.student.menu.tab2") --}}
        @include("front.student.menu.tab3")

        @include("front.student.menu.tab4")
        @include("front.student.menu.tab5")
        @include("front.student.menu.bis")

    </div>

    <!--Send form reports-->
    <form action="{{ route('students.update', $data['student']->id) }}" target="_blank" method="post" id="post-ordinary">
        @csrf
        <input type="hidden" name="_method" value="PUT">
        <input type="hidden" name="id" value="{{ $data['student']->id }}">
        <input type="hidden" name="type" value="ordinary">
    </form>

    <form action="{{ route('students.update', $data['student']->id) }}" target="_blank" method="post" id="post-history">
        @csrf
        <input type="hidden" name="_method" value="PUT">
        <input type="hidden" name="id" value="{{ $data['student']->id }}">
        <input type="hidden" name="type" value="record">
        <input type="hidden" name="signature" value="{{ $data['academic_positions'][0] }}" id="signature-history">
        <input type="hidden" name="table" id="table-history-form">
    </form>

@endsection

@push('js')
    <script>
        $(document).ready(function() {

            $('#table-history-form').val($('#table-history').html());

            //Refill signature input for history
            $('#signature-click-history').on('click', function() {
                $('#signature-history').val($(this).val());
            });

            var register = $('#register_status');

            if (register.val() == 'Baja') {
                $('#typo').show();
                $('#change_date').show();
                $('select[name="typo"]').attr('name', 'typo');
            }

            if (register.val() == 'Equivalencia' || register.val() == 'Revalidación') {
                $('#folio').show();
                $('#no_oficio').show();
                $('#change_date').show();
                $('select[name="typo"]').removeAttr('name');
            }

            $('#register_status').on('change', function() {
                var val = $(this).val();
                var folio = $('#folio');
                var no_oficio = $('#no_oficio');
                var change_date = $('#change_date');
                var typo = $('#typo');

                if (val == 'Equivalencia' || val == 'Revalidación') {
                    folio.show();
                    no_oficio.show();
                    change_date.show();
                    $('select[name="typo"]').removeAttr('name');
                } else {
                    folio.hide();
                    no_oficio.hide();
                    change_date.hide();
                    $('select[name="typo"]').attr('name', 'typo');
                }

                if (val == 'Baja') {
                    typo.show();
                    $('#typo').find('select').attr('name', 'typo');
                } else {
                    typo.hide();
                }
            });

            //Send report ordinary
            $('.ordinary-type').on('click', function() {
                $('#post-ordinary').submit();
            });

            $('#history-type').on('click', function() {
                $('#post-history').submit();
            });

            //Send form to POST
            $('#save').on('click', function(e) {
                e.preventDefault();
                $('#form').submit();
            });

            //Detect click and change select
            $('input').on('keyup', function() {
                var save = $('#save');
                save.removeClass('disabled');
                save.addClass('btn-green');
                save.removeAttr('disabled');
            });

            $('select').on('change', function() {
                var save = $('#save');
                save.removeClass('disabled');
                save.addClass('btn-green');
                save.removeAttr('disabled');
            });

            $('input').on('change', function() {
                var save = $('#save');
                save.removeClass('disabled');
                save.addClass('btn-green');
                save.removeAttr('disabled');
            });
        });


        var nationality = $('#nationalities').val();
        if (nationality == '144') {
            $('#estate').prop('disabled', false);
        }

        //Materias y parcial
        $('#materia-partials').on('change', function() {
            $('#partials').slideDown();
            $("#text_partial1").val($('#materia-partials option:selected').attr('partial1'));
            $("#text_partial2").val($('#materia-partials option:selected').attr('partial2'));
            $("#text_partial3").val($('#materia-partials option:selected').attr('partial3'));
            $("#text_partial4").val($('#materia-partials option:selected').attr('partial4'));
        });

        $('#materia-partials_bis').on('change', function() {
            $('#partials_bis').slideDown();
            $("#ordinary_bis").val($('#materia-partials_bis option:selected').attr('ordinary'));
            $("#hours_bis").val($('#materia-partials_bis option:selected').attr('hours'));
            $("#start_bis").val($('#materia-partials_bis option:selected').attr('start'));
            $("#end_bis").val($('#materia-partials_bis option:selected').attr('end'));
            $("#student_subject").val($('#materia-partials_bis option:selected').attr('student_subject'));
        });

        $('#select-ordinary').on('change', function(e) {
            e.preventDefault();

            var id = $(this).val();
            var code = $('option:selected', this).data('code');
            $('.ordinary').slideUp();
            var ordinary = $('#ordinary' + '-' + id).slideDown();

            $('#ordinary' + '-' + id).slideDown();

            //Creamos la ruta
            // var form = $('form#' + id);
            // form.attr('action', id);

            //Obtener valores
            $('#key-ordinary').val(code);
            $('html,body').animate({
                scrollDown: 0
            }, 'slow');
        });

        //Si se detectan cambios
        $('#nationalities').on('change', function() {
            var id = $(this).val();
            if (id == '144') {
                $('#estate').prop('disabled', false);
            } else {
                $('#estate').prop('disabled', true);
                $('#estate').val('null');
            }
        });

        $('.tr-quarter').each(function() {
            var total = 15;
            var index = $(this).children('td').length;

            var resta = total - index;

            for (var i = 0; i < resta; i++) {
                $(this).append('<td>', '</td>');
            }
        });


        function enviarForm() {
            id = $('#materia-partials option:selected').attr('grade');
            route = "{{ route('student_subjects.index') }}";
            $('#calUpdate').attr('action', route + "/" + id);
            $('#calUpdate').submit();
        }
    </script>
@endpush