import { Component } from '@angular/core';
import { RdComponent } from '../../../base/rdComponent';
import { AppComponent } from '../../../app.component';
import { AppTrandy } from '../../../app.trandy';

/**
 * Trandy-Class  -  m-container m-container--responsive m-container--xxl m-container--full-height
 * Default-Class -  m-grid__item	m-footer
 */

@Component({
	selector: "rd-frame-footer",
	template: `
		<footer [class]="footerClass" appunwraptag [hidden]="app?.instance?.isPageNotFound">
			<div class="m-container m-container--fluid m-container--full-height m-page__container" style="margin-top: -1vh">
				<div class="m-stack m-stack--flex-tablet-and-mobile m-stack--ver m-stack--desktop">
					<div class="m-stack__item m-stack__item--left m-stack__item--middle m-stack__item--last">
						<span class="m-footer__copyright">
							<img style="height:50px;width:90px" src="assets/common/yerliuretim.png" alt="logo" class="logo-default" />
						</span>
						<span class="m-footer__copyright">
							<a href="http://www.nar.com.tr" target="_blank">
								<img style="height:16px" src="assets/common/arilLogo.png" alt="logo" class="logo-default" />
							</a>
							2018 &copy; Mulberry Framework
						</span>							
					</div>
					<div class="m-stack__item m-stack__item--right m-stack__item--middle m-stack__item--first">
						<ul class="m-footer__nav m-nav m-nav--inline m--pull-right">
							<ng-container *ngFor="let item of items">
								<rd-dynamic-component-loader [rd-page-type]="item"></rd-dynamic-component-loader>
							</ng-container>
						</ul>
					</div>
				</div>
			</div>
		</footer>
    `
})
export class Footer extends RdComponent {
	app = AppComponent;

	footerClass = "m-grid__item	m-footer";
	items = [];

	constructor() {
		super();
		this.items = AppComponent.client.getFooterItems();

		if (this.app.instance instanceof AppTrandy) {
			this.footerClass = "m-container m-container--responsive m-container--xxl m-container--full-height";
		}
	}
}