<?php
?>

<!doctype html>
<html lang="ja">

<head>
    <meta charset="utf-8">
    <title>管理画面ログイン</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#fafafa">
    <link rel="stylesheet" href="{PPP:site_url}/system_resource/css/recss.css">
    <link rel="stylesheet" href="{PPP:site_url}/system_resource/css/console.css">
    <link rel="stylesheet" href="{PPP:site_url}/system_resource/css/system_styles.css">
    <link rel="icon" href="./resource/icon.png">

    <style>
        #container {
            display: flex;
            justify-content: center;
            align-items: center;

            width: 100%;
            height: 100vh;
        }

        #login-button {
            display: block;
            margin: 3em auto 0 auto;
        }

        table {
            margin: 0 auto 0 auto;
        }

        tr {
            height: 2.5em;
        }

        #message {
            width: 100%;
            display: block;
            color: #f00;
            font-size: 0.9em;
            text-align: center;
            margin: 2em auto 2em auto;

        }

        label {
            margin-right: 3em;
        }
    </style>
</head>

<body>
    <div id="header">
        <a id="top_link" href="./">
            &lt; TOP</a>
    </div>

    <body>
        <div id="container">
            <div class="login_area">
                <form action="" method="post">
                    <table>
                        <tr>
                            <td><label for="username">ユーザ名</label></td>
                            <td><input type="text" id="username" name="username" class="flat_input" value="{PPP:user}"></td>
                        </tr>
                        <tr>
                            <td><label for="password">パスワード</label></td>
                            <td><input type="password" id="password" name="password" class="flat_input" value="{PPP:password}"></td>
                        </tr>
                    </table>

                    <span id="message">{PPP:message} {PPP:demo_message}</span>
                    <input type="submit" name="submit" value="ログイン" class="button" id="login-button">
                    <input type="hidden" name="redirect_url" value="{PPP:redirect_url}">
                    {PPP:csrf}
                </form>
            </div>
    </body>

</html>