{% extends 'base.html' %}


{% block content %}
<header>
  <div class="jumbotron jumbotron-fluid">
      <div class="container">
        <h1 class="display-4">Appointments</h1>
        <p class="lead">Showing all appointments in database.</p>
      </div>
    </div>
  <hr class="my-4">
</header>

<body>
  <div class="card" style="width: 100%;">
    <h5 class="card-header">Appointments</h5>
    <div class="card-body">
      <h6 class="card-subtitle mb-2 text-muted">Click IDs to see appointment details</h6>
      {{ data["table"]|safe }}
    </div>
  </div>
</body>
{% endblock %}