
<ecm-header [isFixedHeader]=true> </ecm-header>

<span *ngIf="subcategories">
 <ecm-breadcrumbs [pageName]="'SUB_CATEGORY'"></ecm-breadcrumbs>
</span>

<div class="loading" *ngIf="!subcategories">
 <div class="ecm-progress-bar">
  <div class="ecm-progress-title"> Loading </div>
  <md-progress-spinner
        class="ecm-spinner"
        [color]="'primary'"
        [mode]="'indeterminate'"
        [value]="50">
  </md-progress-spinner>
 </div> 
</div>
		
<div *ngIf="subcategories" style="min-height: calc(100% - 120px);">
	<section class="subcategories-section">
		<div class="row row-subcategory">
			<div class="ecm-section-info">
				<span *ngIf="category" class="ecm-section-info-title">{{category?.shDescr}}</span>
				<span *ngIf="category" class="ecm-section-info-subhead">{{category?.descr}}</span>
			</div>
			<div class="small-12 medium-6 large-4 column end " *ngFor="let _subcategory of subcategories">
				<ecm-card (storeData)="storeSubCategory(_subcategory)" [subcategory]="_subcategory"></ecm-card>
			</div>
		</div>
	</section>
</div>

<ecm-footer></ecm-footer>

