<div class="cireview-column-wrap">
  <div class="cireview-grid cireviews">
    <div class="row flex">
    {% for review in reviews %}
    <div class="col-sm-4 col-md-4 col-xs-12 xl-30 sm-100 xs-100 all-rating-wrap">
      <div class="inrating-wrap clearfix">
        <div class="cireview-product-thumb">
          <a href="{{ review.href }}">
            <img src="{{ review.product.thumb }}" alt="{{ review.product.name }}" class="img-responsive" />
          </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 %}
          {% 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>
        {% endif %}
    
    </div>
    </div>
    </div>
    {% endfor %}
    </div> 
  </div>
  <script type="text/javascript">
    if ($.fn.magnificPopup) {
      $('.cireviewattach_images').each(function() {
        $(this).magnificPopup({
          type:'image',
          delegate: 'a',
          gallery: {
            enabled:true
          }
        });
      });
    }
  </script>
</div>