<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-12 col-lg-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 class="col-12 col-lg-6 text-right">
          <div class="menu-icon menu-icon-search" style="border-bottom:1px black solid;font-size:12px">
            <input type="text" class="search-product" id="search-article-wizard" placeholder="{{ mt._('_common.filter.feature') }}"/>
            {{ image("img/assets/search.png", "style": "width:15px", "alt": mt._('_common.filter.feature'), "title": mt._('_common.filter.feature')) }}
          </div>
        </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>
