<!DOCTYPE html>
<html lang="cs" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="0.5; url=/Verifier" />
    <link rel="stylesheet" th:href="@{/css/css.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/css/attributes.css}" type="text/css">
    <title>RKVAC | Verifier</title>
    <meta name="viewport" content="width=device-width">
    <meta name='description' content='Authentication app'>
    <meta name='keywords' content='rkvac, smart-card authentication'>
    <meta name='author' content='Bronislav Strava'>
    <meta name='robots' content='all'>
    <!-- <meta http-equiv='X-UA-Compatible' content='IE=edge'> -->
    <link href='img/favicon.png' rel='shortcut icon' type='image/png'>
<style>
#hideAll {
   position: fixed;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   background-color: white;
   z-index: 99;
 }
</style>
</head>
<body>
<div style="display: none" id="hideAll">&nbsp;</div>
<script type="text/javascript">
   document.getElementById("hideAll").style.display = "block";
 </script>
<header> <!-- Hlavička -->
    <div class="container">
        <div id="branding">
            <h1><span class="highlight">RKVAC</span> Authentication</h1>
        </div>
        <nav>
            <ul>
                <li><a href="home">Home</a></li>
                <li class="current"><a href="Verifier">Verifier</a></li>
                <li><a href="/admin/list">ADMIN</a></li>


            </ul>
        </nav>
    </div>
</header>


<div class="container">

    <section id="plan" style="border: none">
        <h2 style="border: none">Insert Card</h2>

        <div class="container" style="margin: auto;width: 100%;">
            <div class="box" id="hide">
                <img src="./img/insert_card.jpg">
                <h3 >Attribute Verification</h3>
                <p>Status: Active </p>
            </div>
            <div class="box">
                <img src="./img/insert_card.jpg">
                <h3 >Attribute Verification</h3>
                <p th:text="${inCycles}"></p>
                <div th:each="att : ${attributes}">
                    <p2  th:utext="${att}"></p2>
                </div>
            </div>
<!--
            <a href="verify-ecard">
                <div class="box">
                    <img src="./img/insert_card.jpg">
                    <h3>Employee card</h3>
                    <p>Employee status: student </p>
                </div>
            </a>

            <a href="verify-ticket">
                <div class="box">
                    <img src="img/ticket.jpg">
                    <h3>Ticket</h3>
                    <p>Type of ticket: ticket </p>
                </div>
            </a>

            <a href="verify-eid">
                <div class="box">
                    <img src="./img/eid.jpg">
                    <h3>EID</h3>
                    <p>Nationality: CZ </p>

                </div>
            </a>
-->
        </div>
    </section>


</div>


<footer style="flex: 1; ">
    <p>&copy; RKVAC BUT 2020</p>

</footer>
<script>
window.onload = function()
{ document.getElementById("hideAll").style.display = "none"; }
</script>
</body>
</html>