<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">
          <span id="back-to-catalog" data-toggle="modal" data-target=".modal-wizard-warning">{{ mt._('model.backtocatalog') }}</span>
        </div>
        <div class="col-6 tool-button text-right">
          <span id="new-configuration" data-toggle="modal" data-target=".modal-wizard-warning">{{ mt._('model.newconfiguration') }}</span>
        </div>
      </div>
    </div>

    <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>
        {% if fabricsPresence %}
        <div class="col p-0"><span class="stepper step-fabric selected">{{ mt._('_common.tissues') }}</span></div>
        {% endif %}
        {% if colorsPresence %}
          {% set class = fabricsPresence ? 'disabled' : 'selected' %}
        <div class="col p-0"><span class="stepper step-color {{ class }}">{{ mt._('_common.colors') }}</span></div>
        {% endif %}
        {% if variantsPresence %}
          {% if not fabricsPresence and not colorsPresence %}
            {% set class = 'selected' %}
          {% else %}
            {% set class = fabricsPresence or colorsPresence ? 'disabled' : 'selected' %}
          {% endif %}
        <div class="col p-0"><span class="stepper step-variant {{ class }}">{{ mt._('_common.variations') }}</span></div>
        {% endif %}
        <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>
