<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title"><i class="fa fa-comments"></i> {{ heading_title }}</h3>
  </div>
  
  <div class="panel-body">
    {% if reviews %}
      <div class="table-responsive">
        <table class="table table-bordered table-hover">
          <thead>
            <tr>
              <th>{{ column_product }}</th>
              <th>{{ column_author }}</th>
              <th>{{ column_rating }}</th>
              <th>{{ column_status }}</th>
              <th>{{ column_date_added }}</th>
            </tr>
          </thead>
          <tbody>
            {% for review in reviews %}
              <tr>
                <td>{{ review.product }}</td>
                <td>{{ review.author }}</td>
                <td>{{ review.rating }}</td>
                <td>{{ review.status }}</td>
                <td>{{ review.date_added }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    {% else %}
      <p>{{ text_no_results }}</p>
    {% endif %}
  </div>
  <div class="panel-footer text-right">
    <a href="{{ review_link }}" class="btn btn-primary">
      <i class="fa fa-eye"></i> {{ button_view_all }}
    </a>
  </div>

</div>