Learn by Directing AI
All materials

appointments.html

htmlappointments.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Appointments - Reseau Sante du Nord</title>
    <link rel="stylesheet" href="/static/style.css">
</head>
<body>
    <nav class="top-nav">
        <span class="nav-brand">Reseau Sante du Nord</span>
        <div class="nav-links">
            <a href="/patients">Patients</a>
            <a href="/appointments" class="active">Appointments</a>
            <span class="nav-user">{{ user_name }}</span>
            <a href="/logout">Sign Out</a>
        </div>
    </nav>
    <div class="content">
        <h2>Appointments</h2>
        <table class="data-table">
            <thead>
                <tr><th>Date</th><th>Time</th><th>Patient</th><th>Clinic</th><th>Doctor</th><th>Notes</th></tr>
            </thead>
            <tbody>
                {% for apt in appointments %}
                <tr>
                    <td>{{ apt[4] }}</td>
                    <td>{{ apt[5] }}</td>
                    <td>{{ apt[7] }} {{ apt[8] }}</td>
                    <td>{{ apt[9] }}</td>
                    <td>{{ apt[3] }}</td>
                    <td>{{ apt[6] }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</body>
</html>