{% extends "GeoffreyApp/base.html" %}

{% block header %}
    Shops
{% endblock %}

{% block content %}
    <table id="geoffrey_table" class="table table-hover link-table">
        <thead class="bg-dark">
        <tr>
            <th>Shop Name</th>
            <th>Location</th>
            <th>Owner</th>
        </tr>
        </thead>
        <tbody>
        {% for shop in shop_list %}
            <tr>
                <td>{{ shop.name }} </td>
                <td>{{ shop.location }}</td>
                <td>{{ shop.owner }}  </td>
            </tr>
        {% endfor %}

        </tbody>
    </table>
    <script>
        $(document).ready(function () {
            $('#geoffrey_table').DataTable();
        });
    </script>
{% endblock %}