<div id="list-mode" class="container-fluid">
{% set pages = (counters["tot_models"] - (counters["tot_models"] % 50)) / 50 %}
{% if counters["tot_models"] % 50 > 0 %}{% set pages = pages + 1 %}{% endif %}

{% set num_articles = 0 %}
{% set show_not_availables = not common['isOrder'] or common['order_info'].tpordc != 0 or common['shownotavailable'] == 1 %}
{% for model in tipolo %}
  {% for article in model.anaart %}
    {% if model.tppers == "PT" %}
      {% for color in article['colors'] %}
        {% if show_not_availables or color['is_available'] > 0 %}
          {% set num_articles = num_articles + 1 %}
        {% endif %}
      {% endfor %}
    {% else %}
      {% if show_not_availables or article.qtdisp > 0 %}
        {% set num_articles = num_articles + 1 %}
      {% endif %}
    {% endif %}
  {% endfor %}
{% endfor %}

  <div class="row ml-0 mr-0">
    <div class="col-12 list-counter" id="list-counter">
      {{ mt._('_common.viewing') }} {{ tipolo|length }} {{ tipolo|length == 1 ? mt._('_common.model') : mt._('_common.models') }} / {{ num_articles }} {{ num_articles == 1 ? mt._('_common.article') : mt._('_common.articles') }}
    </div>
  </div>

{# Set first level col span #}
{% set left_col_span = 2 %}
{% if not common['isOrder'] or common['order_info'].tpordc != 0 %}
  {% set left_col_span = 3 %}
{% endif %}
{% if common['imageOnCatalogList'] == 1 %}
  {% set left_col_span = 0 %}
{% endif %}

{% set right_col_span = 12 - left_col_span %}

{# Set second level right col span #}
{% set var_col_span = 4 %}
{% set prc_col_span = 3 %}
{% if common['isOrder'] %}
  {% if common['order_info'].tpordc != 0 %}
    {% set var_col_span = var_col_span + 1 %}
    {% set prc_col_span = prc_col_span + 1 %}
  {% endif %}
{% else %}
  {% set var_col_span = var_col_span + 3 %}
  {% set prc_col_span = prc_col_span + 2 %}
{% endif %}
{% if common['showCatalogPrice'] == 0 %}
  {% set var_col_span = var_col_span + prc_col_span %}
{% endif %}

  <!-- Header -->
  <div class="row model-list-row header-model-list-row d-none d-md-block">
    {% if common['imageOnCatalogList'] == 0 %}
    <div class="col-{{ left_col_span }} float-left text-center">{{ mt._('_common.model') }}</div>
    {% endif %}
    <div class="col-{{ right_col_span }} float-left">
      <div class="row">
        <div class="col-{{ var_col_span }}">
          {{ tipolo|length > 0 and tipolo[0].tppers == 'PT'
          ? mt._('_common.variant') ~ ' / ' ~ mt._('_common.color')
          : mt._('_common.article') }}
        </div>
        <div class="col-{{ prc_col_span }} text-center">{{ mt._('_common.price') }}</div>
        {% if common['isOrder'] and common['order_info'].tpordc == 0 %}
        <div class="col-2 text-center">{{ mt._('_common.availability') }}</div>
        {% endif %}
      </div>
    </div>
  </div>

{% for model in tipolo %}
  <div class="row model-list-row" data-href="{{ model.cdartn }}">

    {% if common['imageOnCatalogList'] == 0 %}
    <!-- First level: image column -->
    <div class="col-4 col-md-{{ left_col_span }} little-space-img">
      {{ elements.getModelImgOrDefault(model.flimag, model.dsartn, ['data-enlargable': 'true', 'style': 'cursor:zoom-in']) }}
    </div>
    <div class="d-block d-md-none col-8 mt-20x">
      {% if (not common['hasWizard']) or (common['isOrder'] and common['order_info'].tpordc == 0) %}
        {% set detailUrl = url('model/' ~ model.cdartn) %}
      {% else %}
        {% set detailUrl = url('model/wizard/' ~ model.cdartn) %}
      {% endif %}
      <a href="{{ detailUrl }}" >
        <span class="font-weight-bold">{{ model.cdartn }}</span><br/>{{ model.dsartn }}
      </a>
    </div>
    {% endif %}

    <!-- First level: info column -->
    <div class="col-12 col-md-{{ right_col_span }}">

      <!-- Second level: model description row -->
      <div class="row d-none d-md-block">
        <div class="col-5">
          {% if (not common['hasWizard']) or (common['isOrder'] and common['order_info'].tpordc == 0) %}
            {% set detailUrl = url('model/' ~ model.cdartn) %}
          {% else %}
            {% set detailUrl = url('model/wizard/' ~ model.cdartn) %}
          {% endif %}
          <a href="{{ detailUrl }}">
            <span class="font-weight-bold">{{ model.cdartn }}</span><br/>{{ model.dsartn }}
          </a>
          {% if model.tags is defined and model.tags|length > 0 %}
          <br/>
          <span style="font-size:10px;font-style:italic">
            {% for modelTag in model.tags %}
              {{ modelTag.valore }}&nbsp;&nbsp;
            {% endfor %}
          </span>
          {% endif %}
        </div>
      </div>

  {% set only_one = false %}
  {% for article in model['anaart'] %}
    {% if common['showCatalogPrice'] == 1 %}
      {% set withDiscount = false %}
      {% set currentPrice = article.prezzo != 0 ? article.prezzo : model.catalogPrice %}
      {% if currentPrice < 0 %}
        {% set currentPrice = mt._('quantity.priceforsize.short') %}
      {% elseif currentPrice == 0 %}
        {% set currentPrice = '-' %}
      {% else %}
        {% set real_price = currentPrice %}
        {% set cust_disc = model['cust_disc'] > 0 ? model['cust_disc'] : 0 %}
        {% set cust_disc = article['cust_disc'] > 0 ? article['cust_disc'] : cust_disc %}
        {% set disc_price = real_price * (1 - cust_disc / 100) %}
        {% set withDiscount = disc_price != real_price %}
        {% set currentPrice = disc_price|currency ~ ' ' ~ common['currency'] %}
      {% endif %}
    {% endif %}

    {% if model.tppers == 'PT' %}
      {% for color in article['colors'] %}
        {% if not common['isOrder'] or common['order_info'].tpordc != 0 or
           (common['shownotavailable'] == 1 or color['is_available'] > 0) %}

      <div class="row article-list-row" id="row-arti-{{ urlencode(article.cdarti) }}"
        data-cdarti="{{ article.cdarti }}"
        data-cdcolo="{{ color['cdcolo'] }}"
        data-cdtagl="{{ model.cdtagl }}"
        data-tglini="{{ model.tglini }}"
        data-tglfin="{{ model.tglfin }}"
        data-tppers="{{ model.tppers }}">

        <!-- Col Image + Description -->
        <div class="col-6 col-md-{{ var_col_span }}">
          <div class="row d-block d-md-none">
            <div class="col-12 font-weight-bold">{{ article.cdpers }} {{ color['cdcolo'] }}</div>
          </div>
          <div class="row">
            <div class="col-4 col-md-3 h-100 little-space-img small-img">{{ elements.getModelImgOrDefault(article.flimag, article.dsarti, ['data-enlargable': 'true', 'style': 'cursor:zoom-in']) }}</div>
            <div class="col-4 col-md-3 h-100 little-space-img small-img">{{ elements.getModelImgOrDefault(color['flimag'], color['dscolo'], ['data-enlargable': 'true', 'style': 'cursor:zoom-in']) }}</div>
            <div class="d-none d-md-block col-6 font-weight-bold">{{ article.cdpers }} {{ color['cdcolo'] }}</div>
          </div>
        </div>

        {% if common['showCatalogPrice'] == 1 %}
        <!-- Col Price Desktop -->
        <div class="d-none d-md-block col-{{ prc_col_span }}">
          {{ withDiscount
            ? "<div class='info-list-box-discounted'><span class='discounted'>" ~ real_price|currency ~ " " ~ common['currency'] ~ "</span> " ~ currentPrice ~ "</div>"
            : "<div class='info-list-box'>" ~ currentPrice ~ "</div>" }}
        </div>
        {% endif %}

        {% if common['isOrder'] and common['order_info'].tpordc == 0 %}
        <!-- Col Availability Desktop -->
        <div class="d-none d-md-block col-2">
          {% if color['is_available'] > 0 %}
          <div class="info-list-box">{{ color['is_available'] }}</div>
          {% else %}
          <div class="availability-model-box text-center">{{ mt._('_common.notavailable') }}</div>
          {% endif %}
        </div>
        {% endif %}

        <!-- Col Buy button -->
        <div class="col-6 col-md-3">
          <div class="row">
        {% if common['showCatalogPrice'] == 1 %}
            <div class="d-block d-md-none col-8 font-weight-bold float-left text-right">
              {{ withDiscount
                ? "<span class='discounted'>" ~ real_price|currency ~ " " ~ common['currency'] ~ "</span> " ~ currentPrice
                : currentPrice }}
            </div>
        {% endif %}
        {% if common['isOrder'] and (common['order_info'].tpordc != 0 or color['is_available'] > 0) %}
            <div class="d-block d-md-none col-4 font-weight-bold float-left text-right">
              {{ color['is_available'] > 0 ? color['is_available'] : mt._('_common.notavailable') }}
            </div>
            <div class="col-10 buy-list-box {{ common['showCatalogPrice'] == 0 ? 'offset-8' : '' }}">{{ mt._('_common.buy') }}</div>
        {% endif %}
          </div>
        </div>

      </div>
        {% endif %}
      {% endfor %}

    {% else %}

      {% if show_not_availables or article.qtdisp > 0 %}
      <!-- Second level: article row -->
      <div class="row article-list-row" id="row-arti-{{ urlencode(article.cdarti) }}"
        data-cdarti="{{ article.cdarti }}"
        data-cdcolo="{{ article.cdcolo }}"
        data-cdtagl="{{ model.cdtagl }}"
        data-tglini="{{ model.tglini }}"
        data-tglfin="{{ model.tglfin }}"
        data-tppers="{{ model.tppers }}">

        <!-- Col Image + Description -->
        <div class="col-6 col-md-{{ var_col_span }}">
          <div class="row d-block d-md-none">
            <div class="col-12 font-weight-bold">
              {{ common['articleListType'] == 0 ? article.cdcolo ~ ' ' ~ article.dscolo : article.cdarti ~ ' ' ~ article.dsarti }}
            </div>
          </div>
          <div class="row">
            <div class="col-3 h-100">{{ elements.getModelImgOrDefault(article.flimag, article.dsarti, ['data-enlargable': 'true', 'style': 'cursor:zoom-in']) }}</div>
            <div class="d-none d-md-block {{ common['imageOnCatalogList'] == 0 ? 'col-12' : 'col-9' }}">
              {{ common['articleListType'] == 0
                ? '<span class="font-weight-bold">' ~ article.cdcolo ~ '</span><br/>' ~ article.dscolo
                : '<span class="font-weight-bold">' ~ article.cdarti ~ '</span><br/>' ~ article.dsarti }}
            </div>
          </div>
        </div>

        {% if common['showCatalogPrice'] == 1 %}
        <!-- Col Price Desktop -->
        <div class="d-none d-md-block col-{{ prc_col_span }}">
          {{ withDiscount
            ? "<div class='info-list-box-discounted'><span class='discounted'>" ~ real_price|currency ~ " " ~ common['currency'] ~ "</span> " ~ currentPrice ~ "</div>"
            : "<div class='info-list-box'>" ~ currentPrice ~ "</div>" }}
        </div>
        {% endif %}

        {% if common['isOrder'] and common['order_info'].tpordc == 0 %}
        <!-- Col Availability Desktop -->
        <div class="d-none d-md-block col-2">
          {% if article.qtdisp > 0 %}
          <div class="info-list-box">{{ article.qtdisp }}</div>
          {% else %}
          <div class="availability-model-box text-center">{{ mt._('_common.notavailable') }}</div>
          {% endif %}
        </div>
        {% endif %}

        <!-- Col Buy button -->
        <div class="col-6 col-md-3">
          <div class="row">
        {% if common['showCatalogPrice'] == 1 %}
            <div class="d-block d-md-none col-8 font-weight-bold float-left text-right">
              {{ withDiscount
                ? "<span class='discounted'>" ~ real_price|currency ~ " " ~ common['currency'] ~ "</span> " ~ currentPrice
                : currentPrice }}
            </div>
        {% endif %}
        {% if common['isOrder'] and (common['order_info'].tpordc != 0 or article.qtdisp > 0) %}
            <div class="d-block d-md-none col-4 font-weight-bold float-left text-right">
              {{ article.qtdisp > 0 ? article.qtdisp : mt._('_common.notavailable') }}
            </div>
            <div class="col-10 buy-list-box {{ common['showCatalogPrice'] == 0 ? 'offset-8' : '' }}">{{ mt._('_common.buy') }}</div>
        {% endif %}
          </div>
        </div>
      </div>
      {% endif %}
    {% endif %}

  {% endfor %}

    </div>
  </div>
{% endfor %}
</div>

{% if counters["tot_models"] > 0 %}
<div class="text-center">
  <div class="row m-0">
    <div class="col-12 mb-15x" id="list-counter">
      {{ counters["tot_models"] }} {{ counters["tot_models"] == 1 ? mt._('_common.model') : mt._('_common.models') }}
    </div>
  </div>
  <div class="pagination pt-0 mt-0 mb-40x">
    {{ counters['page'] > 1 ? '<a href="' ~ url('catalog/list') ~ '&page=' ~ (counters['page'] - 1) ~ '">&laquo;</a>' : '<span>&laquo;</span>' }}
    {% for i in 1..pages %}
    <a href="{{ url('catalog/list') }}&page={{ i }}" {% if i == counters['page'] %}class="active"{% endif %}>{{ i }}</a>
    {% endfor %}
    {{ counters['page'] < pages ? '<a href="' ~ url('catalog/list') ~ '&page=' ~ (counters['page'] + 1) ~ '">&raquo;</a>' : '<span>&raquo;</span>' }}
  </div>
</div>
{% endif %}
