{% 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">Yeni Hesap Oluşturun</h1>
            </div>
        </div>
        {% include 'components/alert_messages.html' %}
        <form action="" method="post">

            {{ form.csrf_token}}
            
            {{ formfield(form.full_name,  placeholder="Adınızı ve Soyadınızı Giriniz (Zorunlu)") }}
            {{ formfield(form.email,  placeholder="E-mail Adresinizi Giriniz (Zorunlu)") }}
            {{ formfield(form.phone,  placeholder="Telefon Numaranızı Giriniz (İsteğe bağlı)") }}
            {{ formfield(form.password,  placeholder="Parolanızı Giriniz (Zorunlu)") }}
            {{ formfield(form.password_confirm,  placeholder="Parolanızı Tekrar Giriniz (Zorunlu)") }}
            <div class="form-group mt-3">
                <input type="submit" class="btn btn-sm btn-primary w-100" id="submit" name="submit" value = "Kayıt Ol" >
            </div>
            <div class="mt-2">
                <small>Zaten bir hesabınız var mı? <a href="{{ url_for('user.login') }}">Giriş Yapın</a></small>
            </div>
        </form>
    </div>
{% endblock user_content %}