{% extends get_theme_base_template() %}

{% block base_title %}Register{% endblock %}

{% block base_content %}
    {{ parent() }}
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-6">
                <h2 class="text-center mb-4">Register</h2>

                {{ form_start(registrationForm, {'attr': {'class': 'form-horizontal'}}) }}
                {{ form_errors(registrationForm) }}
                <div class="mb-3">
                    {{ form_label(registrationForm.username, null, {'label_attr': {'class': 'form-label'}}) }}
                    {{ form_widget(registrationForm.username, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(registrationForm.username) }}
                </div>
                <div class="mb-3">
                    {{ form_label(registrationForm.email, null, {'label_attr': {'class': 'form-label'}}) }}
                    {{ form_widget(registrationForm.email, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(registrationForm.email) }}
                </div>
                {% if registrationForm.saasPlan.vars.data|default('')|trim != '' %}
                <div class="alert alert-info small mb-3">
                    {{ 'storefront.register.saas_plan_selected'|trans({'%plan%': registrationForm.saasPlan.vars.data}) }}
                </div>
                {% endif %}
                {{ form_widget(registrationForm.saasPlan) }}
                {{ form_widget(registrationForm.saasCommit) }}
                {{ form_widget(registrationForm.saasAdmins) }}
                {{ form_widget(registrationForm.saasStorage) }}
                {{ form_widget(registrationForm.saasDomain) }}
                {{ form_widget(registrationForm.saasSsl) }}
                <div class="mb-3">
                    {{ form_label(registrationForm.plainPassword, 'Password', {'label_attr': {'class': 'form-label'}}) }}
                    {{ form_widget(registrationForm.plainPassword, {'attr': {'class': 'form-control'}}) }}
                    {{ form_errors(registrationForm.plainPassword) }}
                </div>
                <div class="mb-3 form-check">
                    {{ form_widget(registrationForm.agreeTerms, {'attr': {'class': 'form-check-input'}}) }}
                    {{ form_label(registrationForm.agreeTerms, null, {'label_attr': {'class': 'form-check-label'}}) }}
                    {{ form_errors(registrationForm.agreeTerms) }}
                </div>
                {% include '@TerraFlowCMS/partials/friendly_captcha_widget.html.twig' with { captcha_context: 'register' } %}
                <button type="submit" class="btn btn-primary w-100">Register</button>
                {{ form_end(registrationForm) }}

                {% include '@TerraFlowCMS/partials/oauth_login_buttons.html.twig' %}
            </div>
        </div>
    </div>
{% endblock %}