@extends('layouts.dashboard')

@section('title','Gestión Sistema')
    
@section('breadcrumb')
<x-breadcrumb :items="[
        ['name' => 'Inicio', 'url' => route('home')],
        ['name' => 'Gestión Sistema'],
    ]" />
@endsection

@section('content')
<div class="container-fluid optionsMenu mt-4 mx-1 mb-0 p-0">
    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-2">
        <div class="col">
            <x-card color="bg-primary" 
                    titulo="Modulos" 
                    descripcion="Administración" 
                    icono="fa-cube" 
                    ruta="{{ route('modulos.index') }}"
            />
        </div>
        <div class="col">
            <x-card color="bg-danger" 
                    titulo="Sub Modulos" 
                    descripcion="Administración" 
                    icono="fa-stream" 
                    ruta="{{ route('submodulos.index') }}"
            />
        </div>
        <div class="col">
            <x-card color="bg-warning" 
                    titulo="Roles" 
                    descripcion="Administración" 
                    icono="fa-user-tag" 
                    ruta="{{ route('roles.index') }}"
            />
        </div>
    </div>
</div>
@endsection