{% extends "base.html" %}
{% block title %}Quotes{% endblock %}
{% block content %}
<h1 class="mb-3">Quotes</h1>
{% if quotes %}
<table class="table table-bordered table-striped">
    <thead>
        <tr>
            <th class="text-center">#</th>
            <th>Quote</th>
            <th>Added By</th>
            <th>Date Added</th>
        </tr>
    </thead>
    <tbody>
        {% for quote in quotes %}
        <tr>
            <td class="text-center">{{ quote.id }}</td>
            <td>{{ quote.text }}</td>
            <td>{{ quote.added_by }}</td>
            <td>{{ quote.date }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p>No quotes have been added yet.</p>
{% endif %}
{% endblock %}