{% const panel = ctx.panels[ctx.currentPage] %}
<div class="{{ ctx.className }} mb-60">
  <div class="d-flex flex-column flex-md-row-reverse flex-md-auto flex-justify-between">
    <div class="col-md-2">
      {% if (!panel.properties.hideSidebar || panel.properties.hideSidebar !== "true") { %}
        {{ ctx.wizardHeader }}
      {% } %}
    </div>
    <div class="col-md-4">
      <div class="mb-3">
        {% if (panel) { %}
          <h1 class="d1 mb-60 mr-n2 mt-0">
            {{ ctx.t([`${panel.key}.title`, panel.title]) }}
          </h1>
        {% } %}
        <div class="components" ref="{{ ctx.wizardKey }}">
          {{ ctx.components }}
        </div>
      </div>
      {{ ctx.wizardNav }}
    </div>
  </div>
</div>