<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 orders %}
      <div class="table-responsive">
        <table class="table table-bordered table-hover mb-0">
          <thead class="table-light">
            <tr>
              <th>{{ column_order_id }}</th>
              <th>{{ column_customer }}</th>
              <th>{{ column_status }}</th>
              <th>{{ column_total }}</th>
              <th>{{ column_date_added }}</th>
              <th>{{ column_action }}</th>
            </tr>
          </thead>
          <tbody>
            {% for order in orders %}
              <tr>
                <td>#{{ order.order_id }}</td>
                <td>{{ order.customer }}</td>
                <td>{{ order.status }}</td>
                <td>{{ order.total }}</td>
                <td>{{ order.date_added }}</td>
                <td>
                  <a href="{{ order.view }}" class="btn btn-sm btn-info">
                    <i class="fa fa-eye"></i> View
                  </a>
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    {% else %}
      <p class="text-muted">{{ text_no_results }}</p>
    {% endif %}
  </div>
</div>