<div class="provioning-content-accelerator" ng-controller="Wizdom365SampleImagesProvisioningController">
    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title mr-auto">
            <h1>{{'Sample Images' | translate}}</h1>
        </div>
        <div class="lt-module-page-top__actions" ng-hide="provisioning == true">
            <button type="submit" class="pull-right btn btn-primary"
                    ng-disabled="provisioning == true"
                    ng-click="deploySampleImages()">
                {{(provisioning ? 'Provisioning' : 'Deploy sample images') | translate}}
            </button>
        </div>
    </div>

    <form name="formProvisioning">
        <div class="panel panel-default lt-module-page__content-panel">
            <h4>
                {{'Wizdom Sample Images Provisioning' | translate}}
            </h4>
            <p current-sitecollection format-string="{{'Selected SharePoint content and structure will be provisioned to the ' | translate}}{0} site collection"></p>
            <p>
                {{'Image Library' | translate}}: <a ng-href="{{spWebUrl}}/SiteCollectionImages"> {{spWebUrl}}/SiteCollectionImages </a>
            </p>
            <div ng-show="provisioning == true" class="show-hide-slide">
                <div class="ms-dlgLoadingTextDiv ms-alignCenter">
                    <br />
                    <span style="vertical-align: super; padding-right: 10px;">
                        <img ng-src="{{spWebUrl}}/_layouts/15/images/gears_anv4.gif?rev=23">
                    </span>
                    <span>{{'Working on it' | translate}}...</span>
                    <br />
                    <br />
                    <div class="progress">
                        <div class="progress-bar progress-bar-success" role="progressbar" ng-style="{width:progress + '%'}">
                            <span style="color: black">{{progress}}%</span>
                        </div>
                    </div>
                    <div class="Progress-Message" ng-bind-html="progressMessage"></div>
                </div>
            </div>
        </div>
    </form>
</div>