{{ header }} 
{% include 'fastor/template/new_elements/wrapper_top.twig' %}

{% if products %}
<table class="table table-bordered">
  <thead>
    <tr>
      <td colspan="{{ products|length + 1 }}"><strong>{{ text_product }}</strong></td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ text_name }}</td>
      {% for product in products %}
      <td><a href="{{ product.href }}"><strong>{{ product.name }}</strong></a></td>
      {% endfor %} </tr>
    <tr>
      <td>{{ text_image }}</td>
      {% for product in products %}
      <td class="text-center">{% if product.thumb %} <img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-thumbnail" /> {% endif %}</td>
      {% endfor %} </tr>
    <tr>
      <td>{{ text_price }}</td>
      {% for product in products %}
      <td>{% if product.price %}
        {% if not product.special %}
        {{ product.price }}
        {% else %} <strike>{{ product.price }}</strike> {{ product.special }}
        {% endif %}
        {% endif %}</td>
      {% endfor %} </tr>
    <tr>
      <td>{{ text_model }}</td>
      {% for product in products %}
      <td>{{ product.model }}</td>
      {% endfor %} </tr>
    <tr>
      <td>{{ text_manufacturer }}</td>
      {% for product in products %}
      <td>{{ product.manufacturer }}</td>
      {% endfor %} </tr>
    <tr>
      <td>{{ text_availability }}</td>
      {% for product in products %}
      <td>{{ product.availability }}</td>
      {% endfor %} </tr>
  {% if review_status %}
  <tr>
    <td>{{ text_rating }}</td>
    {% for product in products %}
    <td class="rating"> {% for i in 1..5 %}
      {% if product.rating < i %} <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> {% else %} <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span> {% endif %}
      {% endfor %} <br />
      {{ product.reviews }}</td>
    {% endfor %} </tr>
  {% endif %}
  <tr>
    <td>{{ text_summary }}</td>
    {% for product in products %}
    <td class="description">{{ product.description }}</td>
    {% endfor %} </tr>
  <tr>
    <td>{{ text_weight }}</td>
    {% for product in products %}
    <td>{{ product.weight }}</td>
    {% endfor %} </tr>
  <tr>
    <td>{{ text_dimension }}</td>
    {% for product in products %}
    <td>{{ product.length }} x {{ product.width }} x {{ product.height }}</td>
    {% endfor %} </tr>
    </tbody>
  
  {% for attribute_group in attribute_groups %}
  <thead>
    <tr>
      <td colspan="{{ products|length + 1 }}"><strong>{{ attribute_group.name }}</strong></td>
    </tr>
  </thead>
  {% for key, attribute in attribute_group.attribute %}
  <tbody>
    <tr>
      <td>{{ attribute.name }}</td>
      {% for product in products %}
      {% if product.attribute[key] %}
      <td> {{ product.attribute[key] }}</td>
      {% else %}
      <td></td>
      {% endif %}
      {% endfor %}
    </tr>
  </tbody>
  {% endfor %}
  {% endfor %}
  <tr>
    <td></td>
    {% for product in products %}
    <td><input type="button" value="{{ button_cart }}" class="btn btn-primary btn-block" onclick="cart.add('{{ product.product_id }}', '{{ product.minimum }}');" />
      <a href="{{ product.remove }}" class="btn btn-danger btn-block">{{ button_remove }}</a></td>
    {% endfor %} </tr>
</table>
{% else %}
<p>{{ text_empty }}</p>
<div class="buttons">
  <div class="pull-right"><a href="{{ continue }}" class="btn btn-default">{{ button_continue }}</a></div>
</div>
{% endif %}
  
{% include 'fastor/template/new_elements/wrapper_bottom.twig' %}
{{ footer }}