<div class="items-container">
    <div class="navigation">
        <div class="route">
            <div class="back"><mat-icon>home</mat-icon>Inicio</div>
            <mat-icon>chevron_right</mat-icon>
            <div class="actual"><mat-icon>{{ icon }}</mat-icon>{{ module }}</div>
        </div>
    </div>
    <div class="submodules" *ngIf="hasSubmodules">
        <span class="label">Submódulos</span>
        <div class="options-container">
            <div class="menu-option" *ngFor="let item of submodules" (click)="updateAvailableFunctions(item)">
                <mat-icon>{{ item.ICONOSUBMODULO }}</mat-icon>
                <p>{{ item.NOMBRESUBMODULO }}</p>
            </div>
        </div>
    </div>
    <div class="menus" *ngIf="hasMenus">
        <span class="label">Funciones</span>
        <div class="options-container">
            <div class="menu-option" *ngFor="let item of menus" (click)="navigate(item.IDFUNCION, item, false)">
                <mat-icon>{{ item.ICONOFUNCION }}</mat-icon>
                <p>{{ item.NOMBREFUNCION }}</p>
            </div>
        </div>
    </div>
</div>
