<div class="col-12 col-lg-6">
	<div class="row model-info model-wizard articles-container-box" style="border:0;height:49px">
		<div class="variants-container col-9" id="article-previews">
	  {% for fabric in model.fabrics %}
			{% set comm_description = str_replace('"', '&quot;', fabric.descom) %}
			{% set tecn_description = str_replace('"', '&quot;', fabric.destec) %}
			<div class="preview-fabric-box" data-cdarti="{{ fabric.cdarti }}" data-descomm="{{ comm_description }}" data-destecn="{{ tecn_description }}">
		  	{{ elements.getModelImgOrDefault(fabric.flimag_arti, fabric.dsarti, ['title': (fabric.dsarti != '' ? fabric.dsarti : fabric.cdarti), 'style': 'margin:0' ]) }}
			</div>
	  {% endfor %}
	  </div>
    <div class="variants-container col-9" id="color-previews" style="display:none">
	  {% for color in model.colors %}
			<div class="preview-color-box" data-cdarti="{{ color['cdarti'] }}" data-cdcolo="{{ color['cdcolo'] }}">
		  	{{ elements.getModelImgOrDefault(color['flimag'], color['dscolo'], ['title': (color['dscolo'] != '' ? color['dscolo'] : color['cdcolo']), 'style': 'margin:0' ]) }}
			</div>
	  {% endfor %}
	  </div>
    <div class="col-3 model-details show-model-label" id="show-model" style="display:none">{{ mt._('_common.see.model') }}</div>
  </div>
  <div class="row model-info model-wizard pt-0" style="min-height: 98px;border-bottom:0">
    <div class="col-12 model-description font-weight-bold">{{ model.cdartn }} - {{ model.dsartn }}</div>
    <div class="col-{{ fl360d == '' ? '9' : '6' }} model-single-info" style="overflow-y:auto;height:70px">
    {% if model.descom == "" and (modinf == null or modinf.vestib == '') %}
      {{ mt._('_common.notes.no') }}
    {% else %}
      {% if model.descom != "" %}{{ model.descom }}<br/>{% endif %}
      {% if modinf != null and modinf.vestib != '' %}{{ mt._('_common.fit') ~ ': ' ~ modinf.vestib }}{% endif %}
    {% endif %}
    </div>
    {% if fl360d != '' %}
    <div class="col-3 model-details text-right"><a href="{{ url('model/img360/' ~ model.cdartn) }}">{{ mt._('_common.discover.360') }}</a></div>
    {% endif %}
    <div class="col-3 model-details text-right" data-toggle='modal' data-target='.modal-product-details'>{{ mt._('_common.product.details') }}</div>
  </div>
</div>
