@if (loading()) {

{{ 'subcategories.loading' | translate }}

} @if (error()) {

{{ error() }}

} @if (!loading() && !error()) {

{{ parentName() }}

@if (nestedSubcategories().length > 0) {
@for (sub of nestedSubcategories(); track trackBySubId($index, sub)) {
@if (sub.img) { } @else {
{{ sub.name.charAt(0) }}
}

{{ sub.name }}

@if (subcategoryChildCount(sub) > 0) { {{ 'subcategories.childrenCount' | translate:{ count: subcategoryChildCount(sub) } }} } @if (subcategoryItemCount(sub) > 0) { {{ 'subcategories.productsCount' | translate:{ count: subcategoryItemCount(sub) } }} }
@if (sub.hasItems && subcategoryChildCount(sub) > 0) { {{ 'subcategories.includesProducts' | translate }} }
}
} @if (subcategories().length > 0) {
@for (cat of subcategories(); track trackByCategoryId($index, cat)) {
@if (cat.icon) { } @else {
{{ categoryName(cat).charAt(0) }}
}

{{ categoryName(cat) }}

@if ((cat.categoriesCount ?? 0) > 0) { {{ 'subcategories.childrenCount' | translate:{ count: cat.categoriesCount ?? 0 } }} } @if ((cat.itemCount ?? 0) > 0) { {{ 'subcategories.productsCount' | translate:{ count: cat.itemCount ?? 0 } }} }
}
} @if (categoryItems().length > 0) {

{{ 'subcategories.itemsInCategory' | translate }}

@for (item of categoryItems(); track trackByItemId($index, item)) {
@if (item.discount > 0) { -{{ item.discount }}% } @if (item.badges && item.badges.length > 0) {
@for (badge of item.badges; track badge) { {{ badge }} }
}

{{ itemName(item) }}

@if (item.discount > 0) { {{ item.price }} {{ item.currency }} {{ getDiscountedPrice(item) | number:'1.0-0' }} {{ item.currency }} } @else { {{ item.price }} {{ item.currency }} }
}
} @if (!hasSubcategories() && categoryItems().length === 0) {

{{ 'subcategories.emptyTitle' | translate }}

{{ 'subcategories.emptyDesc' | translate }}

{{ 'subcategories.goHome' | translate }}
} }