@extends("admin.layout.layout")

@section("styles")
    @php
        $titulo = "Menu";
        $modulo = "Ajustes";
        $vista = "Menu de ajustes";
    @endphp
    <title>{{ getenv("APP_NAME") }} | {{ $titulo }}</title>
@endsection

@section("contenido")
    @php
        $ajustes = collect([
            ['permiso' => 'Ajuste asignaturas', 'ruta' => route('admin::ajustes.asignaturas'), 'icono' => 'ki-book', 'titulo' => 'Asignaturas', 'descripcion' => 'Crear y editar asignaturas'],
            ['permiso' => 'Ajuste cursos lectivos', 'ruta' => route('admin::ajustes.cursos_lectivos'), 'icono' => 'ki-calendar', 'titulo' => 'Cursos lectivos', 'descripcion' => 'Crear y editar cursos lectivos para cada año'],
            ['permiso' => 'Ajuste grupos', 'ruta' => route('admin::ajustes.grupos'), 'icono' => 'ki-grid-2', 'titulo' => 'Grupos', 'descripcion' => 'Crear y editar listado de grupos'],
            ['permiso' => 'Ajuste modulos', 'ruta' => route('admin::ajustes.modulos'), 'icono' => 'ki-paper-clip', 'titulo' => 'Módulos', 'descripcion' => 'Crear y editar listado de módulos'],
            ['permiso' => 'Ajuste plan estudios', 'ruta' => route('admin::ajustes.plan_estudios'), 'icono' => 'ki-clipboard', 'titulo' => 'Plan de estudios', 'descripcion' => 'Crear y editar la maya por semestre'],
            ['permiso' => 'Ajuste grados', 'ruta' => route('admin::ajustes.grados'), 'icono' => 'ki-add-item', 'titulo' => 'Grados', 'descripcion' => 'Crear y editar listado de grados'],
            ['permiso' => 'Ajuste parametros', 'ruta' => route('admin::ajustes.parametros'), 'icono' => 'ki-home-2', 'titulo' => 'Parámetros', 'descripcion' => 'Ajustes generales del sistema'],
            ['permiso' => 'Ajuste periodos', 'ruta' => route('admin::ajustes.periodos'), 'icono' => 'ki-calendar-8', 'titulo' => 'Periodos', 'descripcion' => 'Crear y editar periodos por curso lectivo'],
            ['permiso' => 'Ajuste profesores', 'ruta' => route('admin::ajustes.profesores'), 'icono' => 'ki-user-square', 'titulo' => 'Profesores', 'descripcion' => 'Crear y editar listado de docentes'],
            ['permiso' => 'Ajuste rutas', 'ruta' => route('admin::ajustes.rutas'), 'icono' => 'ki-route', 'titulo' => 'Rutas', 'descripcion' => 'Crear y editar rutas de transporte'],
            ['permiso' => 'Ajuste satelites', 'ruta' => route('admin::ajustes.satelites'), 'icono' => 'ki-home-1', 'titulo' => 'Satélites', 'descripcion' => 'Crear y editar listado de satélites o sedes'],
            ['permiso' => 'Ajuste roles', 'ruta' => route('admin::ajustes.roles'), 'icono' => 'ki-shield', 'titulo' => 'Roles', 'descripcion' => 'Crear y editar roles y permisos'],
            ['permiso' => 'Ajuste usuarios', 'ruta' => route('admin::ajustes.usuarios'), 'icono' => 'ki-security-user', 'titulo' => 'Usuarios', 'descripcion' => 'Crear y editar usuarios administrativos'],
            ['permiso' => 'Ajuste asignaturas', 'ruta' => route('admin::ajustes.componentesAsignatura'), 'icono' => 'ki-percentage', 'titulo' => 'Componentes por asignatura', 'descripcion' => 'Crear y editar componentes por asignatura y nivel'],
        ])->sortBy('titulo')->values();
    @endphp

    @php
        // Filtrar ajustes visibles según permisos
        $ajustesVisibles = collect($ajustes)->filter(function ($ajuste) {
            return auth()->user()->can($ajuste['permiso']);
        })->values();

        // Dividir en 3 columnas balanceadas
        $columnas = $ajustesVisibles->chunk(ceil($ajustesVisibles->count() / 3));
    @endphp

    <div class="row">
        @foreach($columnas as $columna)
            <div class="col-md-4 mb-4">
                <div class="card card-custom bg-secondary">
                    <div class="card-body d-grid gap-4">
                        @foreach($columna as $ajuste)
                            <a href="{{ $ajuste['ruta'] }}" class="text-decoration-none">
                                <div class="row g-2 bg-light rounded-3 p-4 mb-2">
                                    <div class="col-md-1 d-flex align-items-center pr-10">
                                        <div class="icon-container justify-content-center text-center">
                                            <i class="ki-solid {{ $ajuste['icono'] }} fs-2x text-primary"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-10 pt-0 mt-0">
                                        <h5 class="card-title text-dark mb-1"><b>{{ $ajuste['titulo'] }}</b></h5>
                                        <p class="card-text text-dark">{{ $ajuste['descripcion'] }}</p>
                                    </div>
                                </div>
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
    </div>

@endsection

@section("scripts")
@endsection