<div *ngIf="(wishListItems | async)?.length == 0" style="min-height: calc(100% - 120px);">
	<ecm-header [isFixedHeader]=true> </ecm-header>
	<ecm-breadcrumbs [pageName]="'WISHLIST'"></ecm-breadcrumbs>
	<div class="row">
	<div class="medium-12 large-12 columns"  style="text-align: center; margin-top: 120px;">
	<img class="empty-cart-img" src="/ecm/assets/images/svg/Empty Cart.svg">
	<span class="empty-cart-title">Empty Wishlist</span> <span
		class="border-line"></span> <span class="empty-cart-msg">Looks
		like you haven't made your choice yet...</span>
	</div>	
	</div>
	<ecm-footer></ecm-footer>
</div>
<div *ngIf="(wishListItems | async)?.length > 0" style="min-height: calc(100% - 120px);">
	<ecm-header [isFixedHeader]=true> </ecm-header>
	<ecm-breadcrumbs [pageName]="'WISHLIST'"></ecm-breadcrumbs>
	<div class="row details-of-Cart">
	     <div class="small-12 medium-12 large-12 column ecmdetailsItems">
	     <md-card class="cartItemsDetails">
			<div class="ecm-headings">
				<span class="my-cart-title">My Wishlist ( {{(wishListItems | async)?.length}} )</span>
			</div>
			<div class="small-12 medium-6 large-3 column listItems" *ngFor="let _item of wishListItems | async">
			<div class="item-card" (click)="isInCart(_item.itemCode) ? goToCart() : addToCart(_item) ">
				 <span class="item-card-action" >
				 		<i class="material-icons">shopping_cart</i>
						{{ (_item.itemCode.indexOf('L2D014') == 0 ) ? (isInCart(_item.itemCode) ? 'Go To Cart' : 'Add to Cart') : 'Enroll Now'}}
				 </span>
			</div>
			<ecm-card (storeData)="storeItem(_item)" [itemData]="_item" [extraParam]="extra_param" (removeFromWishlist)="confirmDialog(_item);" ></ecm-card>
			</div> 
		</md-card>	
		</div>
	</div>
</div>









