<%- include("../partials/header.ejs") %>
<%- include("../partials/nav.ejs") %>
<%- include("../partials/isDefaultCSS/button.ejs") %>
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": "<%= baseURL %><%= linkPrefix %>"
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Login",
                "item": "<%= baseURL %><%= linkPrefix %>/login"
            }
        ]
    }
</script>
<section class="hero is-black">
    <div class="hero-body">
        <br />
        <div class="container has-text-centered">
            <h1 class="title">
                <span class="icon is-medium iconalign">
                    <i aria-hidden="true" class="fad fa-sign-in-alt has-text-default fa-1x"></i>
                </span>
                <br />
                <span><%= title %></span>
            </h1>
            <h2 class="subtitle"><%= subtitle %></h2>
        </div>
    </div>
    </section>
    <div class="container">
        <div class="section">
            <a id="continueButton" onclick="doLogin();" class="button is-default is-large is-fullwidth">
                <span class="icon">
                    <i aria-hidden="true" class="fad fa-arrow-circle-right fa-1x"></i>
                </span>
                <span>
                    <%= __("common.login.continue") %>
                </span>
            </a>
            <p style="padding-top: 15px; padding-bottom: 10px" class="has-text-default"><%= __("common.login.notice") %>&nbsp;
                <label class="checkbox">
                    <input id="joinGuild" type="checkbox">
                    <%= __("common.login.join") %>
                </label>
            </p>
        </div>
    </div>
    <script>
        function doLogin() {
            document.getElementById("continueButton").classList.add("is-loading");
            if (document.getElementById("joinGuild").checked) {
                window.location = "/auth/login/joinGuild";
            } else {
                window.location = "/auth/login/continue";
            }
        }
    </script>
<%- include("../partials/footer.ejs") %>