Untitled

<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Profil użytkownika</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
          integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<body>

<div th:replace="header"/>

<!--<div class="jumbotron jumbotron-fluid">-->
    <!--<div class="container">-->
        <!--<h1 class="display-4">-->
            <!--<td th:text="${employee.getFirstName()}"></td>-->
            <!--<td th:text="${employee.getLastName()}"></td>-->
            <!--<td>-->
                <!--<a href="/api/employee/" th:href="@{/api/employee/__${employee.getEid()}__/delete}">-->
                    <!--<button type="button" class="btn btn-danger">USUŃ PRACOWNIKA</button>-->
                <!--</a>-->
            <!--</td>-->
            <!--<td>-->
                <!--<img src="/api/employee/" th:src="@{/api/employee/__${employee.getEid()}__/qrcode}"-->
                     <!--width="100" height="100">-->
            <!--</td>-->
        <!--</h1>-->
    <!--</div>-->
<!--</div>-->

<!--<div class="container">-->
    <!--<table class="table">-->
        <!--<thead>-->
        <!--<tr>-->
            <!--<th scope="col">id</th>-->
            <!--<th scope="col">Czas wejścia</th>-->
            <!--<th scope="col">Czas wyjścia</th>-->
            <!--<th scope="col">Przepracowane godziny</th>-->
        <!--</tr>-->
        <!--</thead>-->
        <!--<tbody>-->
        <!--<tr th:each="registry:${registries}">-->
            <!--<td th:text="${#dates.format(registry.getStartAt(), 'dd MMM yyyy')}"></td>-->
            <!--<td th:text="${#dates.format(registry.getStartAt(), 'HH:mm:ss')}"></td>-->
            <!--<td th:text="${#dates.format(registry.getEndAt(), 'HH:mm:ss')}"></td>-->
            <!--<td th:text="${registry.differenceHours(registry)}"></td>-->
        <!--</tr>-->
        <!--</tbody>-->
    <!--</table>-->
<!--</div>-->

<!-- Page Content -->
<div class="container" style="margin-top:100px">
    <!-- Marketing Icons Section -->
    <div class="row">
        <div class="col-lg-12 mb-4">
            <div class="card h-100 text-center">
                <h1 class="card-header text-white bg-dark">
                    <td th:text="${employee.getFirstName()}"></td>
                    <td th:text="${employee.getLastName()}"></td>
                    <td>
                        <img src="/api/employee/" th:src="@{/api/employee/__${employee.getEid()}__/qrcode}" width="100" height="100" class="rounded-circle img-thumbnail">
                    </td>
                    <td>
                        <a href="/api/employee/" th:href="@{/api/employee/__${employee.getEid()}__/delete}">
                            <button type="button" class="btn btn-danger">USUŃ PRACOWNIKA</button>
                        </a>
                    </td>
                </h1>
                <div class="card-body">
                    <div class="container">
                        <table class="table">
                            <thead class="thead-light text-white">
                            <tr>
                                <th scope="col">Data</th>
                                <th scope="col">Czas wejścia</th>
                                <th scope="col">Czas wyjścia</th>
                                <th scope="col">Przepracowane godziny</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="registry:${registries}">
                                <td th:text="${#dates.format(registry.getStartAt(), 'dd MMM yyyy')}"></td>
                                <td th:text="${#dates.format(registry.getStartAt(), 'HH:mm:ss')}"></td>
                                <td th:text="${#dates.format(registry.getEndAt(), 'HH:mm:ss')}"></td>
                                <td th:text="${registry.differenceHours(registry)}"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--<div class="card-footer">-->
                    <!--<a href="#" class="btn btn-primary">Learn More</a>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</div>

<<<<<<< HEAD

<!-- /.container -->
=======
<div class="container">
    <table class="table">
        <thead>
        <tr>
            <th scope="col">id</th>
            <th scope="col">Czas wejścia</th>
            <th scope="col">Czas wyjścia</th>
            <th scope="col">Przepracowane godziny</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="registry:${registries}">
            <td th:text="${#dates.format(registry.getStartAt(), 'dd MMM yyyy')}"></td>
            <td th:text="${#dates.format(registry.getStartAt(), 'HH:mm:ss')}"></td>
            <td th:text="${#dates.format(registry.getEndAt(), 'HH:mm:ss')}"></td>
            <td th:text="${registry.differenceHours(registry)} + ':' + ${registry.differenceMinutes(registry)} + 'H'"></td>
        </tr>
        </tbody>
    </table>
</div>
>>>>>>> 6552dc205af8b1049ac527938e1acd8826d43f19

</body>
</html>