WizardNavigation.dotcontrol

@viewModel Web.Controls.WizardNavigation.WizardNavigationViewModel, Web
@baseType Web.Controls.WizardNavigation.WizardNavigation, Web

<div class="container mt-3" IncludeInPage="{value: WizardNavigationVisible}">
    <div class="row">
        <div class="col-md-2">
            <bs:Button ButtonTagName="button" Click="{controlCommand:  PreviousCommand()}" Enabled="{value: PreviousButtonEnabled}" IncludeInPage="{value: PreviousButtonVisible}" Type="Light">
                Previous
            </bs:Button>
        </div>
        <div class="col-md-8">
            Step {{value: Step}} out of {{value: Total}}.
            <bs:ProgressBar Color="Info" VisualStyle="AnimatedStriped" Value="{value: Percentage}" />
            {{value: Percentage.ToString("#.##")}}% Complete
        </div>
        <div class="col-md-2">
            <bs:Button ButtonTagName="button" Click="{controlCommand: NextCommand()}" Enabled="{value: NextButtonEnabled}" IncludeInPage="{value: NextButtonVisible}" IsSubmitButton="true" Type="Primary">
                Next
            </bs:Button>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="offset-md-5 col-md-4">
            <h4 class="lead">{{value: Title}}</h4>
        </div>
    </div>
</div>