<div class="table-responsive"> <table class="table table-bordered table-hover"> <thead> <tr> <td class="text-end">{{ column_order_id }}</td> <td class="text-start">{{ column_status }}</td> <td class="text-end">{{ column_total }}</td> <td class="text-start">{{ column_date_added }}</td> </tr> </thead> <tbody> {% if orders %} {% for order in orders %} <tr> <td class="text-end"><a href="{{ order.view }}" target="_blank">{{ order.order_id }}</a></td> <td class="text-start">{{ order.status }}</td> <td class="text-end">{{ order.total }}</td> <td class="text-start">{{ order.date_added }}</td> </tr> {% endfor %} {% else %} <tr> <td class="text-center" colspan="4">{{ text_no_results }}</td> </tr> {% endif %} </tbody> </table> </div> <div class="row"> <div class="col-sm-6 text-start">{{ pagination }}</div> <div class="col-sm-6 text-end">{{ results }}</div> </div>