<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" class="h-full bg-white">
    <head>
        <th:block th:insert="~{fragments/header}"></th:block>
    </head>
    <body class="h-full">
        <!--
        <div th:if="${param.error}">
                <div class="alert alert-danger" role="alert" th:text="#{login_error}">
                </div>
            </div>
            <div th:if="${error}">
                <div class="alert alert-danger" role="alert" th:text="#{login_error}">
                </div>
            </div>
            -->
        <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
            <div class="sm:mx-auto sm:w-full sm:max-w-sm">
                <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900" th:text="#{signin}"></h2>
            </div>

            <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
                <form class="space-y-6" th:action="@{/login}" method="POST">
                    <div>
                        <label for="username" class="block text-sm font-medium leading-6 text-gray-900" th:text="#{nname}"></label>
                        <div class="mt-2">
                            <input id="username" name="username" type="text" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                        </div>
                    </div>

                    <div>
                        <label for="password" class="block text-sm font-medium leading-6 text-gray-900" th:text="#{pass}"></label>
                        <div class="mt-2">
                            <input id="password" name="password" type="password" autocomplete="current-password" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                        </div>
                    </div>

                    <div>
                        <button type="submit" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" th:text="#{signin}"></button>
                    </div>
                </form>

                <p class="mt-10 text-center text-sm text-gray-500">
                    Not a member?
                    <a th:href="@{/signup}" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500" th:text="#{signup}"></a>
                </p>

                <p class="mt-10 text-center text-sm text-gray-500">&copy; alterdekim 2023-2024</p>
            </div>
        </div>
        <div th:replace="~{fragments/footer :: div}"></div>
    </body>
</html>