<div ng-controller="PowerpanelAccelerateController as vm" class="lt-module-page">

    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title">
            <h1>Accelerate your Everywhere</h1>
        </div>
        <div class="lt-module-page-top__actions">
            
        </div>
    </div>
    
    <div class="panel panel-default lt-module-page__content-panel">
        <div class="panel-heading">
            Use our default tabs to quickstart the use of Everywhere and get your intranet up and running in minutes. These default tabs include:
        </div>
        

        <div ng-if="!vm.pageIsReady" class="alert alert-info" role="alert">Loading Everywhere configuration...</div>
        <div ng-if="vm.isCheckedToSomeoneElse()" class="alert alert-warning" role="alert">Everywhere is checked out to someone else.</div>
        <div ng-if="vm.isAlreadyInstalled" class="alert alert-warning" role="alert">We already accelerated your Everywhere. Enjoy!</div>
        <div ng-if="vm.accelerateInProgress" class="alert alert-info">Hang on while we accelerate your Everywhere...</div>

        <ul class="list-group" ng-if="vm.pageIsReady">
            <li ng-repeat="panel in vm.panelAccelerators" class="list-group-item"><span ng-class="panel.Icon"></span>{{panel.PanelName}}</li>
        </ul>

        <button ng-if="vm.pageIsReady" class="btn btn-primary" ng-disabled="vm.isCheckedToSomeoneElse() || vm.isAlreadyInstalled || vm.accelerateInProgress" ng-click="vm.accelerate()">Install</button>
        
        
    </div>

</div>