view.html

{% extends "base_generic.html" %}
{% block view %}
<table class="table table-striped">
    <thead class="thead-dark">
        <tr>
            <th>Date</th>
            <th>Time</th>
            <th>Client name</th>
            <th>Car model</th>
            <th>VIN</th>
            <th>Registration number</th>
            <th>Service campaign</th>
            <th>Phone number</th>
        </tr>
    </thead>
    <tbody>
        {% for appointment in appointments %}
        <tr>
            <td>{{ appointment.date }}</td>
            <td>{{ appointment.time }}</td>
            <td>{{ appointment.clientName }}</td>
            <td>{{ appointment.carType }}</td>
            <td>{{ appointment.VIN }}</td>
            <td>{{ appointment.registrationNumber }}</td>
            <td>{{ appointment.serviceAction }}</td>
            <td>{{ appointment.phoneNumber }}</td>
            <td>
                <a href="/edit/{{ appointment.id }}"><span class="glyphicon glyphicon-pencil">Edit</span></a>
                <a href="/delete/{{ appointment.id }}">Delete</a>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
<br>
<br>
<a href="show" class="btn btn-primary">Add New Record</a>
{% endblock %}