{% extends 'account/auth_layout.html.twig' %}

{% block title %}Register — Rater{% endblock %}

{% block form %}
    <h1 class="text-2xl font-bold mb-6">Create an account</h1>

    {{ form_start(form, {attr: {class: 'flex flex-col gap-4'}}) }}

        <fieldset class="fieldset">
            <legend class="fieldset-legend">Email</legend>
            {{ form_widget(form.email, {attr: {class: 'input w-full', placeholder: 'you@example.com', autocomplete: 'email'}}) }}
            {{ form_errors(form.email) }}
        </fieldset>

        <fieldset class="fieldset">
            <legend class="fieldset-legend">Password</legend>
            {{ form_widget(form.password, {attr: {class: 'input w-full', placeholder: '••••••••', autocomplete: 'new-password'}}) }}
            {{ form_errors(form.password) }}
        </fieldset>

        <fieldset class="fieldset">
            <legend class="fieldset-legend">Confirm password</legend>
            {{ form_widget(form.password_again, {attr: {class: 'input w-full', placeholder: '••••••••', autocomplete: 'new-password'}}) }}
            {{ form_errors(form.password_again) }}
        </fieldset>

        {{ form_widget(form._token) }}

        {{ form_widget(form.register, {attr: {class: 'btn btn-primary w-full mt-2'}}) }}

    {{ form_end(form) }}

    <p class="text-sm text-center mt-6 text-base-content/60">
        Already have an account?
        <a href="{{ path('app_login') }}" class="link link-primary">Log in</a>
    </p>
{% endblock %}