{% extends "base.html" %}

{% block content %}

    
    <table class="table table-resizable" id="table_resize" contenteditable="true">
        <thead>
            <tr>
				<th class="resizable-column">ID</th>
				<th class="resizable-column">Item Name</th>
				<th class="resizable-column">Customer ID</th>
				<th class="resizable-column">Customer Name</th>
				<th class="resizable-column">Start Date</th>
            </tr>
        </thead>
        <tbody>
            {% for result in results %}
                <tr>
                    <td>{{ result.id }}</td>
                    <td>{{ result.item_name }}</td>
                    <td>{{ result.cust_id }}</td>
                    <td>{{ result.cust_name }}</td>
                    <td>{{ result.start_date }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    <nav aria-label="Page navigation">
        <ul class="pagination">
            <!-- Pagination content -->
        </ul>
    </nav>
{% endblock %}
