<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
?>
<div class="nav-bar-outer-actions">
    <div class="outer-actions-inner-wrap">
        <div class="btn-wrap btn-wrap-triangle-right btn-wrap-next">
            <button
                type="button"
                class="btn btn-prime"
                ng-click="nextState()"
                ng-disabled="needReCheck || checkingInProgress() || hasErrors"
                >Next</button>
        </div>
        <div class="btn-wrap btn-wrap-triangle-left btn-wrap-prev">
            <button
                type="button"
                class="btn"
                ng-click="goToStart()"
                >Back</button>
        </div>
        <div class="btn-wrap btn-wrap-try-again"
             ng-show="$state.is('root.readiness-check-' + $state.current.type + '.progress')">
            <button
                type="button"
                class="btn btn-secondary"
                ng-click="$state.forceReload()"
                ng-disabled="checkingInProgress()"
                >Try Again</button>
        </div>
    </div>
</div>

<h2 class="page-sub-title">{{$state.current.header}}</h2>
<div ng-show="$state.is('root.readiness-check-' + $state.current.type)"
     ng-init="actionFrom='<?= $this->actionFrom ?>'" class="accent-box">
    <p>Let's check your environment for the correct PHP version, PHP extensions, file permissions and compatibility.</p>
    <button
        class="btn btn-large btn-prime"
        ng-click="$state.go('.progress')"
        type="button"
        >Start Readiness Check</button>
</div>

<div ui-view></div>
