@extends('front.layoutwithout')

@section('title', 'Inscripción y reinscripción')
@section('sub-title')

@section('content')

    {{-- <div class="col-lg-12">
	<div class="tab-content"> --}}
    <div class="tab-content">
        <div class="row">
            <div class="col-lg-2">
                <div class="form-group">
                    <label>Matricula</label>
                    <input type="text" class="form-control" id="enrollment" value="{{ $data['student']->enrollment }}"
                        name="enrollment">
                </div>
            </div>
            <div class="col-lg-8">
                <div class="form-group">
                    <label>Carrera</label>
                    <input type="text" name="career" value="{{ @$data['student']->career->name }}" class="form-control"
                        readonly required>
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group">
                    <label>Cuatrimestre</label>
                    <input type="text" name="semester" value="{{ $data['student']->semester }}" class="form-control"
                        readonly required>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2">
                <div class="form-group">
                    <label>Cycle</label>
                    <input type="text" name="#" value="{{ session('cycle')->name }}" class="form-control" readonly
                        required>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="form-group">
                    <label>Nombre</label>
                    <input type="text" class="form-control"
                        value="{{ @optional($data['student']->user)->name }} {{ @optional($data['student']->user)->last_name }}"
                        readonly required>
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-group">
                    <label>Grupo</label>
                    <input type="text" name="group" value="{{ $data['student']->group }}" class="form-control" readonly
                        required>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2 offset-lg-10">
                <div class="form-group">
                    <label>Total de créditos</label>
                    <input type="text"
                        value="{{ @optional($data['student']->grades)->where('cycle_id', session('cycle')->id)->each(function ($studentSubject, $key) {
        $studentSubject->credits = $studentSubject->subject->credits;
    })->sum('credits') }}"
                        class="form-control" readonly required>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th style="width:3%;">Clave</th>
                            <th>Nombre</th>

                            @if (!$data['student']->is_bis)
                                <th style="width:6%;">Faltas</th>
                                <th style="width:8%">1er Parcial</th>
                                <th style="width:8%">2do Parcial</th>
                                <th style="width:8%;">3er Parcial</th>
                                <th style="width:8%;">4to Parcial</th>
                            @else
                                <th style="width:8%;">Módulo</th>
                            @endif

                            <th style="width:6%;">Calif</th>
                            <th style="width:6%;">Créditos</th>
                            <th style="width:4%;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (@optional($data['student']->grades)->where('cycle_id', session('cycle')->id) as $key => $studentSubject)
                            <tr>
                                <td>{{ $studentSubject->subject->code }}</td>
                                <td>{{ $studentSubject->subject->name }}</td>
                                @if (!$data['student']->is_bis)
                                    <td></td>
                                    <td>{{ $studentSubject->partial_1 }}</td>
                                    <td>{{ $studentSubject->partial_2 }}</td>
                                    <td>{{ $studentSubject->partial_3 }}</td>
                                    <td>{{ $studentSubject->partial_4 }}</td>
                                @else
                                <td>{{ $studentSubject->level }}</td>
                                @endif
                                <td>{{ $studentSubject->grade }}</td>
                                <td>{{ $studentSubject->subject->credits }}</td>
                                <td style="text-align: center;">
                                    <a data-id="{{ $studentSubject->id }}"
                                        data-name="{{ $studentSubject->subject->name }}" class="delete">
                                        <i class="fas fa-trash-alt"></i>
                                    </a>
                                </td>
                                <form id="delete_form_{{ $studentSubject->id }}" style="display: none;"
                                    action="{{ route('student_subjects.destroy', $studentSubject) }}" method="post">
                                    @csrf
                                    <input type="hidden" name="_method" value="DELETE">
                                </form>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-3 col-lg-3">
                <a href="#assig-subject" data-fancybox class="btn btn-outline btn-block">Asignar materias</a>
            </div>
            <!--Modal-->
            <div id="assig-subject" class="modal-default">
                <div class="header">
                    <h3>Asignación de materias</h3>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <p>Seleccione las materias a las que el alumno sera inscrito o reinscrito</p>
                            <form id="form" action="{{ route('student_subjects.store') }}" method="POST">
                                <input type="hidden" name="student_id" value="{{ $data['student']->id }}">
                                @csrf
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Clave</th>
                                            <th>Materia</th>
                                            <th>Ser1</th>
                                            <th>Ser2</th>
                                            <th>Ser3</th>
                                            <th>Ser4</th>
                                            <th>Cred</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($data['subjects'] as $grade => $subjects)
                                            </tr>
                                            <td colspan="8"><strong>Grado: {{ $grade }}</strong></td>
                                            </tr>
                                            @foreach ($subjects as $key => $subject)
                                                <tr>
                                                    <td>{{ $subject->code }}</td>
                                                    <td>{{ $subject->name }}</td>
                                                    <td> {{ optional($subject->seriation1)->code }}</td>
                                                    <td> {{ optional($subject->seriation2)->code }}</td>
                                                    <td> {{ optional($subject->seriation3)->code }}</td>
                                                    <td> {{ optional($subject->seriation4)->code }}</td>
                                                    <td>{{ $subject->credits }}</td>
                                                    <td style="text-align: center;">
                                                        @if ($subject->passed)
                                                            <div class="">
                                                                <a class="success" href="#">
                                                                    <i class="fas fa-check"></i>
                                                                </a>
                                                            </div>
                                                        @elseif ($subject->taking)
                                                            <div class="checkbox checkbox-css">
                                                                <input type="checkbox" class="checkbox" checked="" />
                                                                <label for="{{ $subject->id }}"></label>
                                                            </div>
                                                        @elseif ($subject->seriationCheck)
                                                            <div class="checkbox checkbox-css">
                                                                <input type="hidden" value="0">
                                                                <input type="checkbox" class="checkbox"
                                                                    name="subject_id[]" value="{{ $subject->id }}"
                                                                    id="{{ $subject->id }}" />
                                                                <label for="{{ $subject->id }}"></label>
                                                            </div>
                                                        @else
                                                            <div class="checkbox checkbox-css">
                                                                <input type="checkbox" class="checkbox" disabled />
                                                                <label for="{{ $subject->id }}"></label>
                                                            </div>
                                                        @endif
                                                    </td>
                                            @endforeach
                                        @endforeach
                                    </tbody>
                                </table>
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-3 offset-xl-6">
                                <a class="close-fancy btn btn-outline btn-block">Cancelar</a>
                            </div>
                            <div class="col-xl-3">
                                <button type="submit" id="save" class="btn disable btn-block" disabled>Asignar</button>
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('css')
    <link rel="stylesheet" href="{{ asset('plugins/fancybox/jquery.fancybox.min.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.min.css">
@endpush

@push('js')
    <script src="{{ asset('plugins/fancybox/jquery.fancybox.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.all.min.js"></script>
    {{-- <script src="{{asset('js/inscription.js')}}"></script> --}}
    <script>
        $(document).ready(function() {
            $('#enrollment').on('change', function() {
                window.location.replace("{{ route('student_subjects.index') }}" + "/" + $(this).val());

            });
            //Cerrar fancybox
            $('.close-fancy').on('click', function() {
                $.fancybox.close();
            });

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

            //Send form to POST
            $('.checkbox').click(function() {
                if ($(this).is(':checked')) {
                    var save = $('#save');
                    save.removeClass('disabled');
                    save.addClass('btn-green');
                    save.removeAttr('disabled');
                }
            });

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

            $('.delete').click(function(e) {
                e.preventDefault();
                //Obtenemos id
                var id = $(this).data('id');
                var name = $(this).data('name');

                Swal.fire({
                    title: 'Eliminar Inscripción',
                    text: "Estás seguro que quieres eliminar la" + ' ' + 'Inscripción del alumno ' +
                        name,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#DC0000',
                    cancelButtonColor: 'transparent',
                    confirmButtonText: 'Eliminar'
                }).then((result) => {
                    if (result.value) {
                        $('#delete_form_' + id).submit();
                    }
                });
            });
        });
    </script>
@endpush