{% extends "base.html" %}

{% block content %}

<div class="col">
    <div class="card">
        <div class="container">
            <ul class="nav nav-pills mb-3 nav-tabs" id="pills-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="block-hash-tab" data-toggle="tab" href="#block-hash" role="tab" aria-controls="block-hash" aria-selected="true">Block Hash</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="file-hash-tab" data-toggle="tab" href="#file-hash" role="tab" aria-controls="file-hash" aria-selected="false">File Hash</a>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="block-hash" role="tabpanel" aria-labelledby="block-hash-tab">   
                    <table class="table">
                        <thead class="thead-colour">
                            <tr>
                            <th>Date Time</th>
                            <th>Hash</th>
                            </tr>
                        </thead>
                        <tr>
                            <td>(Date Time)</td>
                            <td>(Hash)</td>
                        </tr>
                    </table>
                </div>
                <div class="tab-pane fade" id="file-hash" role="tabpanel" aria-labelledby="file-hash-tab">
                    <table class="table">
                        <thead class="thead-colour">
                            <tr>
                            <th>Date Time</th>
                            <th>Hash</th>
                            </tr>
                        </thead>
                        <tr>
                            <td>(Date Time)</td>
                            <td>(Hash)</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}