@extends('layouts.app')

@section('title', 'Notificaciones')

@section('css')
@endsection

@section('content')
    <div class="card mt-2">
        <div class="card-header d-flex justify-content-between">
            <h4>Lista de Notificaciones</h4>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table id="notificaciones" class="table table-striped">
                    <thead>
                        <tr>
                            <th>Tipo</th>
                            <th>Descripción</th>
                            <th>Estado</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function(){
            $('#notificaciones').DataTable({
                responsive: true,
                autoWidth: false,
                processing: true,
                serverSide: true,
                ajax: URLs+'/notificaciones.listado',
                order: [[3, 'asc']],
                columns: [
                    { "data": "tipo"},
                    { "data": "datos", render: function(data, type, row){
                            let datos;
                            try {
                                datos = JSON.parse(data.replace(/&quot;/g, '"'));
                            } catch (e) {
                                console.error('Error parsing JSON:', e);
                                return 'Datos inválidos';
                            }

                            if (row.tipo === 'sin_registro') {
                                return `Colaborador ${datos.colaborador} no está registrado en ningún curso.`;
                            } else if (row.tipo === 'curso_expira') {
                                return `El curso ${datos.course} para ${datos.colaborador} está próximo a vencerse.`;
                            } else if (row.tipo === 'tripulacion_incompleta') {
                                let fecha_vuelo_formateada = datos.fecha_vuelo.split('-').reverse().join('-');
                                return `El vuelo ${datos.numero_vuelo} de la fecha ${fecha_vuelo_formateada} necesita ${datos.faltantes} tripulante(s) más.`;
                            } else if (row.tipo === 'tripulacion_completa') {
                                let fecha_vuelo_formateada = datos.fecha_vuelo.split('-').reverse().join('-');
                                return `El vuelo ${datos.numero_vuelo} de la fecha ${fecha_vuelo_formateada} tiene la tripulación completa.`;
                            } else {
                                return 'Datos desconocidos';
                            }
                        }
                    },
                    { "data": "estado", "orderable": false, "searchable": false }
                ],
                language: {
                    "lengthMenu"  : "Mostrar _MENU_ registros por página",
                    "zeroRecords" : "Nada encontrado - disculpa",
                    "info"        : "Mostrando la página _PAGE_ de _PAGES_",
                    "infoEmpty"   : "No se encuentran registros",
                    "infoFiltered": "(filtrado de _MAX_ registros totales)",
                    "search"      : "Buscar:",
                    "emptyTable"  : "Sin contenido",
                    "paginate"    : {
                        'next': "Siguiente",
                        'previous': "Anterior"
                    }
                }
            });
        });
    </script>
@endsection