@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")
    <div class="d-flex">

        <div class="card card-custom col-md-4 mx-2 bg-secondary">
            <div class="card-body">
                @can("Ajuste asignaturas")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.asignaturas') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-book fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Asignaturas</b></h5>
                                        <p class="card-text text-dark">Crear y editar asignaturas</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste cursos lectivos")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.cursos_lectivos') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-calendar fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Cursos lectivos</b></h5>
                                        <p class="card-text text-dark">Crear y editar cursos lectivos para cada año</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste grupos")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.grupos') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-grid-2 fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Grupos</b></h5>
                                        <p class="card-text text-dark">Crear y editar listado de grupos</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste modulos")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.modulos') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-paper-clip fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Módulos</b></h5>
                                        <p class="card-text text-dark">Crear y editar listado de módulos</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste plan estudios")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.plan_estudios') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-clipboard fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Plan de estudios</b></h5>
                                        <p class="card-text text-dark">Crear y editar la maya por semestre</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
            </div>
        </div>

        <div class="card card-custom col-md-4 mx-2 bg-secondary">
            <div class="card-body">
                @can("Ajuste grados")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.grados') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-add-item fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Grados</b></h5>
                                        <p class="card-text text-dark">Crear y editar listado de grados</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste parametros")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.parametros') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-home-2 fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Parámetros</b></h5>
                                        <p class="card-text text-dark">Ajustes generales del sistema</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste periodos")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.periodos') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-calendar-8 fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Periodos</b></h5>
                                        <p class="card-text text-dark">Crear y editar periodos por curso lectivo</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste profesores")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.profesores') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-user-square fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Profesores</b></h5>
                                        <p class="card-text text-dark">Crear y editar listado de docentes</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste rutas")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.rutas') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-route fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Rutas</b></h5>
                                        <p class="card-text text-dark">Crear y editar rutas de transporte</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
            </div>
        </div>

        <div class="card card-custom col-md-4 mx-2 bg-secondary">
            <div class="card-body">
                @can("Ajuste satelites")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.satelites') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-home-1 fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Satélites</b></h5>
                                        <p class="card-text text-dark">Crear y editar listado de satélites o sedes</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste roles")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.roles') }}">
                            <div class="row g-4 bg-light rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-shield fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Roles</b></h5>
                                        <p class="card-text text-dark">Crear y editar roles y permisos</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                @can("Ajuste usuarios")
                    <div class="row mt-5">
                        <a href="{{ route('admin::ajustes.usuarios') }}">
                            <div class="row g-4 bg-light  rounded-3">
                                <div class="col-md-1 d-flex align-items-center px-10">
                                    <div class="icon-container justify-content-center text-center">
                                        <i class="ki-solid ki-security-user fs-2x text-primary"></i>
                                    </div>
                                </div>
                                <div class="col-md-10 pt-0 mt-0">
                                    <div class="card-body">
                                        <h5 class="card-title text-dark"><b>Usuarios</b></h5>
                                        <p class="card-text text-dark">Crear y editar usuarios administrativos</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
            </div>
        </div>
    </div>
@endsection

@section("scripts")

@endsection