{% extends '@App/base.html.twig' %}
{% block title %}
    Security Questions
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                <p>
                    For security purposes, please set up a security question for your account.
                    Should you lose your password, we will use this to verify your identity during
                    the recovery process.
                </p>
                {{ form_start(security_question_form) }}
                <div class="row">
                    <div class="col-xs-12 col-sm-6">
                        <div class="form-group">
                            {{ form_label(security_question_form.securityQuestion) }}
                            {{ form_widget(security_question_form.securityQuestion) }}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <div class="form-group">
                            {{ form_label(security_question_form.securityAnswer) }}
                            {{ form_widget(security_question_form.securityAnswer) }}
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    {{ form_widget(security_question_form.submit) }}
                </div>
                {{ form_end(security_question_form) }}
            </div>
        </div>
    </div>
{% endblock %}