{% if period is defined %}
    <input type="hidden" id="period" value="{{ period }}">
{% endif %}
{% if state is defined %}
    <input type="hidden" id="state" value="{{ state }}">
{% endif %}
<div class="adm-table-wrap"><div class="table-responsive">
    <table class="table table-striped table-bordered" id="loginTable">
        <thead>
        <tr>
            <th>Id</th>
            <th>Username</th>
            <th>Passwort</th>
            <th>Erfolgreich</th>
            <th>Login Datum</th>
            <th>IP-Adresse</th>
            <th>Geo</th>
        </tr>
        </thead>
    </table>
</div></div>

<div class="modal fade adm-login-geo-modal" id="admLoginGeoModal" tabindex="-1" aria-labelledby="admLoginGeoModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="admLoginGeoModalLabel">Geo-Daten</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="admLoginGeoModalBody">
                Lade …
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schließen</button>
            </div>
        </div>
    </div>
</div>