<header>
    <section class="control-panel__top-row">
        <div>
            <form class="control-panel__run-options" name="controlPanelOptions" novalidate
                ng-submit="controlPanel.runProtractor()">
                <tractor-select
                    label="Environment"
                    model="controlPanel">
                </tractor-select>
                <tractor-select
                    label="tag"
                    model="controlPanel">
                </tractor-select>
                <tractor-submit
                    action="Run protractor">
                </tractor-submit>
            </form>
        </div>
        <span class="control-panel__server-status"
              ng-class="{ 'control-panel__server-status--running': controlPanel.isServerRunning() }"
              ng-attr-title="{{ 'Tractor server is ' + (controlPanel.isServerRunning() ? 'running.' : 'not running.') }}">
        </span>
    </section>

    <nav>
        <ul>
            <li ui-sref-active="active">
                <a ui-sref=".components({ file: null })">Components</a>
            </li>
            <li ui-sref-active="active">
                <a ui-sref=".features({ file: null })">Features</a>
            </li>
            <li ui-sref-active="active">
                <a ui-sref=".step-definitions({ file: null })">Step Definitions</a>
            </li>
            <li ui-sref-active="active">
                <a ui-sref=".mock-data({ file: null })">Mock Data</a>
            </li>
        </ul>
    </nav>
</header>

<main ui-view></main>

<tractor-notifier></tractor-notifier>
