@if ((templateService.isSmallScreen$ | async) === false) { @if (sidenavCollapsed === false) { @for (serviceGroup of serviceGroups; track serviceGroup) { {{ serviceGroup.title }} } }
}
@for (serviceGroup of serviceGroups; track serviceGroup) {
{{ serviceGroup.title }}
{{ serviceGroup.subtitle }}
@if ( (templateService.isSmallScreen$ | async) === false && serviceGroup.images.length > 0 ) {
@for ( serviceImage of serviceGroup.images; track serviceImage ) {
@if ( templateService.isDarkMode && serviceImage.darkModeImage ) { } @else { }
}
} @if (serviceGroup.applicationsUsedIn.length > 0) {

{{ serviceGroup.applicationUsedInLabel ?? 'Applications Used In' }}

@for (app of serviceGroup.applicationsUsedIn; track app) { {{ app.display }} }
} @if (serviceGroup.services$ | async; as services) { @if (services.length > 0) {

Service Information

@for (service of services; track service) { {{ service.label }} }
} }
}