{% extends 'base.html' %}
{% load static %}
{% load recaptcha2 %}

{% block extra_head_content %}
    {% recaptcha_init 'ru' %}
{% endblock extra_head_content %}

{% block content %}
    <div class="col-12">
        <div class="content">
            <div class="reg">
                <form action="{% url "accounts_ext:register" %}" method="post">
                    {% csrf_token %}
                    <div class="row">
                        <div class="col-lg-6 col-12">
                            <div class="content__title title_data">Регистрация</div>
                        </div>
                        <div class="col-lg-5 offset-lg-1 col-12">
                            <div class="content__title title__data">Данные о компании</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-lg-6">
                            {% for field in form %}
                                {% include 'bootstrap/forms/registration.html' %}
                            {% endfor %}
                        </div>
                        <div class="col-lg-5 offset-lg-1 col-12">
                            <div class="row title__data-mob">
                                <div class="col-12">
                                    <div class="content__title">Данные о компании</div>
                                </div>
                            </div>
                            {% if company_form %}
                                {% for field in company_form %}
                                    {% include 'bootstrap/forms/registration.html' %}
                                {% endfor %}
                            {% endif %}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <button class="reg__btn">Зарегистрироваться</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock content %}
{% block extra_post_content %}
    <div class="modal fade" id="agreement" tabindex="-1" role="dialog" aria-labelledby="#agreement">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <h5 class="modal-title" id="exampleModalLongTitle">Условия соглашения</h5>
                </div>
                <div class="modal-body">
                    ...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-danger" data-dismiss="modal">Закрыть</button>
                </div>
            </div>
        </div>
    </div>
{% endblock extra_post_content %}