import { Component, AfterViewInit, Input, OnInit } from '@angular/core';
import {ApplicationService} from '../../services/application.service';

declare var jQuery: any;

@Component({
    selector: 'site-footer',
    template: `
        <div class="ui inverted vertical footer segment">
        <div class="ui container">
            <div class="ui stackable inverted divided equal height stackable grid" *ngIf="application.appSettings != null">
                <div class="four wide column" *ngFor="let column of application.appSettings.footer.columns">
                    <h4 class="ui inverted header">{{column.heading}}</h4>
                    <div class="ui inverted link list">
                        <a  class="item"  *ngFor="let footerItem of column.footerItems" [routerLink]="footerItem.slug">{{footerItem.name}}</a>
                    </div>
                </div>
            </div>
        </div><br /><br />
        <p style="text-align:center;" *ngIf="application.appSettings != null">{{application.appSettings.footer.copyrightNotice}}</p>
    </div>
    `
})
export class SiteFooterComponent {
    constructor(public application: ApplicationService) { }
}