<div class="cireview-column-wrap">
<div class="row"> 
{% for review in reviews %}
<div class="col-md-12 col-sm-12 col-xs-12 xl-100 xs-100 sm-100">
<div class="cireview-list cireviews">
<div class="inrating-wrap clearfix">
  <div class="cireview-product-thumb">
    <a href="{{ review.href }}">
    <img src="{{ review.product.thumb }}" alt="{{ review.product.name }}" title="{{ review.product.name }}" class="img-fluid" />
    </a>
  </div>
  <div class="cireview-detail">
  <div class="ciproductname"><a href="{{ review.href }}">{{ review.product.name }}</a></div>
  {% if ratingshow or review.reviewtitle is not empty %}<div class="cistars rating">{% endif %}
    {% if ratingshow %}
      {% if not reviewpagetitletxthide %}{{ text_rating }}{% endif %}
      {{ review.html_rating }}
      {# {% for i in 1..5 %}
      {% if review.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 %} #}
      {% if ratingshowcount %}<span class="ciratingcount"> ({{ review.rating }}) </span>{% endif %}
    {% endif %}
    {% if review.reviewtitle is not empty %}<br/><span class="reviewtitle"><a href="{{ review.href }}">{{ review.reviewtitle }}</a></span>{% endif %}
  {% if ratingshow or review.reviewtitle is not empty %}</div>{% endif %}
  <p>{{ review.text }}</p>
  <div class="cipublished">{% if review.author is not empty %} {% if not reviewpagetitletxthide %}{{ text_author }}{% endif %} {{ review.author }}{% endif %} {% if not reviewpagetitletxthide %}{{ text_date_added }}{% endif %} {{ review.date_added }}</div>
  {% if review.attach_images %}
    <div class="row">
      <div class="col-sm-12 col-xs-12 xl-100 xs-100">
        {% if not reviewpagetitletxthide %}<h3>{{ text_attachments }}</h3>{% endif %}
        <ul class="list list-inline cireviewattach_images" id="cireviewattach_images-{{ review.review_id }}">
          {% for attach_image in review.attach_images %}
            <li id="cireviewattach_image-{{ attach_image.cireview_image_id }}">
            <a href="{{ attach_image.popup }}" title="{{ attach_image.title }}"> <img src="{{ attach_image.thumb }}" alt="{{ attach_image.alt }}" title="{{ attach_image.title }}" /> </a>
            </li>
          {% endfor %}
        </ul>
      </div>
    </div>
  {% endif %}
  </div>
</div>
</div>
</div>
{% endfor %}
</div>
<script type="text/javascript">
  if ($.fn.magnificPopup) {
    $('.cireviewattach_images').each(function() {
      $(this).magnificPopup({
        type:'image',
        delegate: 'a',
        gallery: {
          enabled:true
        }
      });
    });
  }
</script>
</div>