<div ng-controller="Wizdom365CurrentMenuWebsitesOverviewController as overview" class="lt-module-page">

    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title">
            <h1>{{'Websites' | translate}}</h1>
        </div>
        <div class="lt-module-page-top__actions">
            <button class="btn btn-primary" ng-click="overview.addEditWebsite()">{{'Add website' | translate}}</button>
        </div>
    </div>

    <div class="panel panel-default lt-module-page__content-panel">
        
        <ul class="list-group lt-list" ng-show="overview.websiteList">

            <li class="list-group-item lt-list__item lt-flextable__table">
                <div class="lt-flextable__row lt-flextable__row-heading">{{'Website' | translate}}</div>
                <div class="lt-flextable__row lt-flextable__row-heading"></div>
                <div class="lt-flextable__row lt-flextable__row-heading"></div>
            </li>

            <li class="list-group-item lt-list__item lt-flextable__table" ng-repeat="website in overview.websiteList track by $index">
                <div class="lt-list-item__title lt-list-item__title lt-flextable__row">{{website.Url}}</div>
                <div class="lt-flextable__row"></div>
                <div class="lt-list-item__actions lt-flextable__row">
                    <span class="streamline icon-pencil-1" aria-hidden="true" ng-click="overview.addEditWebsite(website)" title="{{'Edit' | translate}}"></span>
                    <span class="streamline icon-bin-1" ng-click="overview.remove(website)" aria-hidden="true" title="{{'Remove' | translate}}"></span>
                </div>
            </li>
        </ul>
    </div>

</div>