{% extends "base.html" %}

{% block title %}SSH Certificate Management - Logs{% endblock %}

{% block header %}Logs and Command History{% endblock %}

{% block content %}
        <div class="logs-filters-container">
            <label class="logs-filters-item">Commands only:
                <select>
                    <option>No</option>
                    <option>Yes</option>
                </select>
            </label>
            <label class="logs-filters-item logs-filters-datepicker">Date Range:
                <input type="date" placeholder="From">
                <input type="date" placeholder="To">
            </label>
            <label class="logs-filters-item">Keywords:
                <input type="text" placeholder="Search...">
            </label>
            <fieldset class="logs-filters-fieldset">
                <legend class="logs-filters-legend">Severity:</legend>
                <label>
                    <input type="checkbox" value="INFO" checked>
                    INFO
                </label>
                <label>
                    <input type="checkbox" value="WARN" checked>
                    WARN
                </label>
                <label>
                    <input type="checkbox" value="DEBUG" checked>
                    DEBUG
                </label>
                <label>
                    <input type="checkbox" value="ERROR" checked>
                    ERROR
                </label>
            </fieldset>
        </div>
        <button class="small-button">Apply</button>
        <table>
            <thead>
            <tr>
                <th>EntryID</th>
                <th>Timestamp</th>
                <th>Severity</th>
                <th>TraceID</th>
                <th>Message</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>00002</td>
                <td>2023-08-17 10:15</td>
                <td>INFO</td>
                <td>abc123</td>
                <td>
                    Generating new cert<br>
                    $ step ca certificate ...<br>
                    <a href="#">Click to see command output...</a>
                </td>
            </tr>
            <tr>
                <td>00003</td>
                <td>2023-08-17 10:14</td>
                <td>WARN</td>
                <td>def456</td>
                <td>Cert not exists</td>
            </tr>
            <tr>
                <td>00004</td>
                <td>2023-08-17 10:13</td>
                <td>DEBUG</td>
                <td>def456</td>
                <td>Request revoke</td>
            </tr>
            <tr>
                <td>00005</td>
                <td>2023-08-17 10:12</td>
                <td>ERROR</td>
                <td>ghi789</td>
                <td>Permission denied</td>
            </tr>
            </tbody>
        </table>
    </div>
{% endblock %}

{% block bottom_button %}
    <button class="main-bottom-button">Load More</button>
{% endblock %}