{% extends 'partials/base.html' %}
{% block content %}
    {% include 'partials/header.html' %}
    <div class="container mainScore">
        <div class="row">
            <div class="col-lg-12">
                <p class="titleScore">Регистрация </p>
            </div>
            <div class="form-regestration">
                <form method="post">{% csrf_token %}
                {{ form.non_field_errors }}
                    <div class="col-lg-12 select-reg polsF1">
                        {% if request.GET.type == 'customer' %}
                            <input type="hidden" name="group_id" value="Заказчики"/>
                        {% elif request.GET.type == 'contractor' %}
                            <input type="hidden" name="group_id" value="Исполнители"/>
                        {% else %}
                            <div class="col-lg-12 select-reg polsF1">
                                <select class="selectpicker3" name="group_id">
                                    <option>Выберете вашу роль </option>
                                    <option value="Исполнители">Исполнитель</option>
                                    <option value="Заказчики">Заказчик</option>
                                </select>
                            </div>
                        {% endif %}
                    </div>
                    <div class="col-lg-12 select-reg">
                        <input type="text" name="{{ form.username.name }}" value="{{ form.username.value }}" class="box-sizing email-reg"
                               placeholder="Nickname">
                        {{ form.username.errors }}
                    </div>
                    <div class="col-lg-12 select-reg ">
                        <input type="text" name="{{ form.email.name }}" class="box-sizing email-reg"
                               value="{{ form.email.value }}" placeholder="Электронная почта">
                        {{ form.email.errors }}
                    </div>
                    <div class="col-lg-12 select-reg">
                        <input type="password" name="{{ form.password1.name }}" class="box-sizing pass-reg"
                               placeholder="Пароль">
                        {{ form.password1.errors }}
                    </div>

                    <div class="col-lg-12 select-reg">
                        <input type="password" name="{{ form.password2.name }}" class="box-sizing pass-reg"
                               placeholder="Пароль">
                        {{ form.password2.errors }}
                    </div>
                    <div class="col-lg-12 select-reg">
                        <button class="reg-sub">Зарегистрироваться</button>
                    </div>
                    <div class="clearfix"></div>

                    <div class="col-lg-12" style="margin-top: 10px;">
                        <div class="col-xs-12 text-center">
                            <div class="btn-group" role="group">

                                <div class="pull-left -social -fb">
                                    <a href="{% url 'social:begin' 'facebook' %}?user_type={% if request.GET.type == 'customer' %}Заказчики{% else %}Исполнители{% endif %}">
                                        <img src="http://nepesh.com/static/img/social/fb.png" alt="fb">
                                    </a>
                                </div>

                                <div class="pull-left -social -tw">
                                    <a href="{% url 'social:begin' 'twitter' %}?user_type={% if request.GET.type == 'customer' %}Заказчики{% else %}Исполнители{% endif %}">
                                        <img src="http://nepesh.com/static/img/social/tw.png" alt="tw">
                                    </a>
                                </div>

                                <div class="pull-left -social -gplus">
                                    <a href="{% url 'social:begin' 'google-oauth2' %}">
                                        <img src="http://nepesh.com/static/img/social/gplus.png" alt="gplus">
                                    </a>
                                </div>

                                <div class="pull-left -social -vk">
                                    <a href="{% url 'social:begin' 'vk-oauth2' %}">
                                        <img src="http://nepesh.com/static/img/social/vk.png" alt="vk">
                                    </a>
                                </div>

                                <div class="pull-left -social -ok">
                                    <a href="{% url 'social:begin' 'odnoklassniki-oauth2' %}">
                                        <img src="http://nepesh.com/static/img/social/ok.gif" alt="yt">
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 select-reg">
                        <div class="check-reg">
                            <label><input type="checkbox" name="check-reg"><span></span></label>
                            <p>Регистрируясь, я подтверждаю свое согласие у условиями <a href="#">пользавательского
                                соглашения</a></p>
                        </div>
                    </div>
                </form>
                <div class="col-lg-12 select-reg">
                    <a href="{% url 'auth_login' %}" class="have-ac">Я уже зарегистрирован на ресурсе</a>
                </div>

            </div>

            {% include 'partials/footer.html' %}
        </div>
        </div>
{% endblock %}