<div class="col-12 col-lg-6">
  <div class="row wizard-selector-box">
    <div class="col-12">
      <div class="row wizard-tools">
        <div class="col-6 tool-button">
          {% set catalogUrl = 'catalog/collection' ~ (ctg_vt != "all" ? "/" ~ ctg_br : "") ~ (ctg_vt == "linmod" ? "/" ~ ctg_ln : "") %}
          <span id="back-to-catalog"><a href="{{ url(catalogUrl) }}">{{ mt._('model.backtocatalog') }}</a></span>
        </div>
      </div>
    </div>
  </div>

  <div class="row wizard-selector-box">
    <div class="col-12">
      <div class="row wizard-stepper text-center">
        <div class="col p-0"><span class="btn btn-generic w-100 mx-0 disabled" id="previous-step">{{ mt._('_common.back') }}</span></div>
        <div class="col p-0"><span class="stepper step-color selected">{{ mt._('_common.variations') }}</span></div>
        <div class="col p-0"><span class="stepper step-feature disabled">{{ mt._('_common.features') }}</span></div>
        <div class="col p-0"><span class="stepper step-size disabled">{{ mt._('_common.sizes.qty') }}</span></div>
        <div class="col p-0"><span class="btn btn-main w-100 mx-0 disabled" id="next-step">{{ mt._('_common.forward') }}</span></div>
        <div class='col-12 success-box' style='padding:10px 0;display:none'>
          <div id='go-to-cart'>
            {{ mt._('quantity.insert.success', ["cart": "<a href='" ~ url('cart/index') ~ "' style='color:#606060'>" ~ mt._('_common.cart') ~ "</a>"]) }}
          </div>
        </div>
        <div class='col-12 unsuccess-box' style='padding:10px 0;display:none'>
          <div>{{ mt._('quantity.insert.unsuccess') }}</div>
        </div>
      </div>
    </div>
  </div>
</div>
