<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="#" />
    <title>RestAPI - Infosys (InfoWS v3)</title>

    <!-- Bootstrap core CSS -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">

    <!-- Bootstrap core JavaScript -->
    <script src="/static/js/jquery-3.5.1.slim.min.js"></script>
    <script src="/static/js/popper.min.js"></script>
    <script src="/static/js/bootstrap.bundle.min.js"></script>

</head>

<body style="padding-top: 10px;">
    {% include 'header/header.html' %}

    <div class="row" style="padding-top: 60px;margin: auto;">
        <form class="form-inline ml-2 mr-2">
            <div class="input-group-prepend mb-2 mb-sm-0">
                <span class="input-group-text">Date:</span>
            </div>
            <input type="date" name="date" class="form-control mb-2 mr-sm-2 mb-sm-0" id="date" value="{{date}}"
                date-format="yyyy-mm-dd">

            <button type="submit" class="btn btn-primary ml-2 mr-2">Load</button>
        </form>
    </div>
    <div class="dropdown-divider m-1"></div>
    <div class="row m-1">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th scope="col">Date</th>
                        <th scope="col">Time</th>
                        <th scope="col">Remote IP</th>
                        <th scope="col">Error message</th>
                    </tr>
                </thead>
                <tbody>
                    {% for row in log %}
                    <tr>
                        {% for cell in row %}
                        <td>{{cell}}</td>
                        {% endfor %}
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            <!-- <div style="margin: auto;width: 99%; height:99%;border:4px solid yellowgreen;padding:1%;overflow:auto;white-space: nowrap;">
            {{log}}
        </div> -->
        </div>
    </div>
</body>

</html>