{% extends "base.html" %}
{% set active_page = "history" %}
{% block title %}History{% endblock %}

{% block content %}
    <div class="card shadow">
        <div class="card-header py-3">
            <p class="text-primary m-0 font-weight-bold">Session History</p>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>Date</th>
                        <th>Animal ID</th>
                        <th>Behaviour</th>
                        <th>Session Data</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>03/01/2020</td>
                        <td>sub-mouse1034</td>
                        <td>Single Target</td>
                        <td>
                            <button class="btn btn-primary btn-block" type="button">Download</button>
                        </td>
                    </tr>
                    <tr>
                        <td>04/01/2020</td>
                        <td>sub-mouse1044</td>
                        <td>Single Target</td>
                        <td>
                            <button class="btn btn-primary btn-block" type="button">Download</button>
                        </td>
                    </tr>
                    <tr>
                        <td>04/01/2020</td>
                        <td>sub-mouse1034</td>
                        <td>Single Target</td>
                        <td>
                            <button class="btn btn-primary btn-block" type="button">Download</button>
                        </td>
                    </tr>
                    <tr>
                        <td>05/01/2020</td>
                        <td>sub-mouse1034</td>
                        <td>Visual Discrimination</td>
                        <td>
                            <button class="btn btn-primary btn-block" type="button">Download</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}