<?php layout('public', ['title' => lang('login_title')]); ?>

<section class="auth-container">

    <div class="auth-card">
        <h1><?= lang('login_title') ?></h1>
        <p class="auth-sub"><?= lang('login_subtitle') ?></p>

        <?php if (!empty($_SESSION['flash'])): ?>
            <div class="flash-msg"><?= e($_SESSION['flash']); unset($_SESSION['flash']); ?></div>
        <?php endif; ?>

        <form method="POST" action="/login" class="form-ui">

            <div class="form-group">
                <label><i class="fa-solid fa-envelope"></i> <?= lang('form_email') ?></label>
                <input type="email" name="email" required>
            </div>

            <div class="form-group">
                <label><i class="fa-solid fa-lock"></i> <?= lang('form_password') ?></label>
                <input type="password" name="password" required>
            </div>

            <button class="btn-primary btn-large"><?= lang('login_btn') ?></button>

            <p class="auth-alt">
                <?= lang('login_no_account') ?> <a href="/register"><?= lang('register_btn') ?></a>
            </p>

        </form>
    </div>

</section>
