{% extends 'layout.html' %}
{% from 'macros/_formfield_macro.html' import formfield  %}

{% block user_content %}

    <div class="rounded shadow login-register-form p-3">
        <div class="d-flex align-items-center justify-content-center mb-3 gap-3">
            <div>
                <img src="{{ url_for('static', filename='images/site-logo.png') }}" alt="logo" class="site-logo-login">
            </div>
            <div>
                <h1 class="text-center">Lütfen Giriş Yapınız</h1>
            </div>
        </div>
        {% include 'components/alert_messages.html' %}
        <form action="" method="post">

            {{ form.csrf_token}}
            
            {{ formfield(form.email,  placeholder="E-mail Adresinizi Giriniz") }}
            {{ formfield(form.password,  placeholder="Parolanızı Giriniz") }}
            
            <div class="form-group mt-3">
                {{ form.remember(class="form-check-input") }}
                {{ form.remember.label(class="ml-3") }}
            </div>
            <div class="d-flex justify-content-start align-items-center gap-3 mt-3">
                <div class="form-group w-50">
                    <input type="submit" class="btn btn-sm btn-primary w-100" id="submit" name="submit" value="Giriş Yap">
                </div>
                <div class="w-50">

                    <a href="{{ url_for('user.forgot_password') }}" class="btn btn-sm btn-outline-secondary w-100">Parolamı Unuttum</a>
                </div>
            </div>
            <div class="mt-2 ">
                <small>Henüz bir hesabınız yok mu? <a href="{{ url_for('user.register') }}" class="da-link">Yeni Kullanıcı Oluşturun</a>.</small>
            </div>
        </form>
    </div>


{% endblock user_content %}