@php
    $VerEditor = auth()->user()->can('Calificaciones - Visor') || auth()->user()->can('Calificaciones - Editor');
@endphp
@if ($VerEditor)
    @extends('layouts.app')
    @section('contenido')
    @section('tituloModulo')
        {{ 'CALIFICACIÓN DEL ALUMNO: ' . strtoupper($alumno->name) }}
    @endsection
    <div class="card">
        <div class="card-body">
            @role('Profesor|Administrador|Super Administrador')
                <a href={{ route('alumnos.calificaciones.curso', ['curso' => $idCurso, 'grupo' => $idGrupo]) }}
                    class="btn btn-primary mt-2"><i class="fa-solid fa-circle-arrow-left"></i> Regresar</a>
            @endrole
            <div class="datatable-wrapper datatable-loading no-footer sortable searchable fixed-columns">
                <h5 class="card-title">{{ 'GRUPO: (' . strtoupper($grupo) . ') CURSO: (' . strtoupper($curso) . ')' }}
                </h5>
                <div class="datatable-container">
                    <table class="table datatable datatable-table">
                        <thead>
                            <tr class="text">
                                <th data-sortable="true" scope="col">MÓDULO</th>
                                <th data-sortable="true" scope="col">CALIFICACIÓN</th>
                                <th data-sortable="true" scope="col">COMENTARIOS</th>
                                @role('Administrador|Profesor|Super Administrador')
                                    <th data-sortable="true" scope="col">ACCIÓN</th>
                                @endrole
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($calificaciones as $calificacion)
                                <tr>
                                    <td data-title="MÓDULO">{{ $calificacion->modulo_cali }}</td>
                                    <td data-title="CALIFICACIÓN">
                                        @if ($calificacion->calificacion_cali == 0)
                                            <span class="badge bg-warning">Sin Calificación</span>
                                        @else
                                            @if ($calificacion->calificacion_cali < 6)
                                                <span
                                                    class="badge bg-danger">{{ number_format($calificacion->calificacion_cali, 2) }}</span>
                                            @elseif($calificacion->calificacion_cali >= 6)
                                                <span
                                                    class="badge bg-success">{{ number_format($calificacion->calificacion_cali, 2) }}</span>
                                            @endif
                                        @endif
                                    </td>
                                    <td data-title="COMENTARIOS">{{ $calificacion->comentarios_cali }}</td>
                                    @role('Administrador|Profesor|Super Administrador')
                                        <td data-title="ACCIÓN">
                                            <div class="btn-group">
                                                <button type="button"
                                                    class="btn btn-outline-primary dropdown-toggle btnTabla"
                                                    data-bs-toggle="dropdown" aria-expanded="false">Acción <i
                                                        class="mdi mdi-chevron-down"></i></button>
                                                <div class="dropdown-menu">
                                                    <button type="button"
                                                        class="btn btn-outline-success mt-2 dropdown-item"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#editar{{ $calificacion->codigo_cali }}">
                                                        <i class="bx bxs-edit"></i> Editar calificación
                                                    </button>
                                                </div>
                                            </div>
                                        </td>
                                    @endrole
                                </tr>
                                @role('Administrador|Profesor|Super Administrador')
                                    <div class="modal fade" id="editar{{ $calificacion->codigo_cali }}" tabindex="-1">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title">Editar calificación</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                        aria-label="Close"></button>
                                                </div>
                                                <form
                                                    action="{{ route('alumnos.calificaciones.alumno.actualizar', $calificacion->codigo_cali) }}"
                                                    method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <div class="modal-body">
                                                        <label class="control-label is-required">Calificación</label>
                                                        <input id="input-currency" class="form-control input-mask text-left"
                                                            data-inputmask="'alias': 'numeric', 'groupSeparator': '', 'digits': 2, 'digitsOptional': false, 'prefix': '', 'placeholder': '0'"
                                                            name="calificacion"
                                                            value="{{ $calificacion->calificacion_cali }}" required>
                                                        <label class="control-label">Comentarios (opcional)</label>
                                                        <textarea name="comentarios" class="form-control" id="" cols="30" rows="10">{{ old('comentarios', $calificacion->comentarios_cali) }}</textarea>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="submit" class="btn btn-success"><i
                                                                class="bx bx-save"></i> Actualizar</button>
                                                        <button type="button" class="btn btn-danger"
                                                            data-bs-dismiss="modal"><i class="bx  bxs-x-circle"></i>
                                                            Cerrar</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @endrole
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="datatable-bottom">
                    <nav class="datatable-pagination">
                        <ul class="datatable-pagination-list"></ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
@endsection
@endif