{% extends 'base.html' %}
{% load staticfiles %}
{% load i18n %}


{% block main %}
    <script>
        $(document).ready(function () {
            {% if post %}
                {# checking form from the beginning of typing #}
                $('form input').live('keyup', function () {
                    var form = $("#registration_form");
                    form.valid();
                });

            {% endif %}

            {# change icon in the field #}
            $('form input').live('keyup', function () {
                if ($(this).hasClass('valid') && $(this).next('label.error').length > 0) {
                    $(this).next('label.error').remove();
                }
            });




     if ($('#registration_form').length) {
         $('#registration_form').validate({
                    rules: {
                        username: {
                            {% if form.username.errors %}
                                is_not_equal: ['{{ form.username.value|default_if_none:"" }}'],
                            {% endif %}
                            required: true,
                            email: true

                        },

                        password: {
required: true,
                            minlength: 6,
                            maxlength: 64
                        },
                    new_password: {

                            minlength: 6,
                            maxlength: 64
                        },
                        password2: {

                            equalTo: '#new_password'
                        }
                    },
                    messages: {
                        username: {
                            {% if form.username.errors %}
                                is_not_equal: 'Email {{ form.username.value|default_if_none:"" }} {% trans " уже зарегистрирован." %}',
                            {% endif %}
                            required: '{% trans "Введите email" %}',
                            email: '{% trans "Некорректный email" %}'
                        },

                        password: {
                            minlength: '{% trans "Минимум 6 символов" %}',
                            maxlength: '{% trans "Максимум 64 символа" %}',
                            required: '{% trans "Введите пароль" %}'
                        },
                    new_password: {
                            minlength: '{% trans "Минимум 6 символов" %}',
                            maxlength: '{% trans "Максимум 64 символа" %}',
                            required: '{% trans "Введите пароль" %}'
                        },
                        password2: {
                            required: '{% trans "Повторите ввод пароля" %}',
                            equalTo: "{% trans "Пароли не совпадают" %}"
                        }

                    }
                })
            }

 });


            {# need password #}
            $('form input').live('keyup', function () {
                var username = $("#username").val();
                var username_now = $("#username_now").val();

                if(username!=username_now||$('#new_password').val()) {
                    $(".now_pass").css('display','block')
                }
                else {
                    $(".now_pass").css('display','none');
                }
            });

    </script>
 <!-- page6-block -->
<div id="page1-block">
  <div class="wrapper">
    <div class="left-block">
      <div class="btn-block">
        <ul>
            <li><a href="/devices/">Привязка/отвязка устройств</a></li>
            <li class="active"><a href="/profile/">Учетные данные</a></li>
             <li><a href="/games/">Игры</a></li>
        </ul>
      </div>
    </div>
    <div class="right-block">
      <div class="form-block">
        <form action method="post" id="registration_form">
        {% csrf_token %}
          <p style="margin-top:0">

              <label for="name">Имя</label><input type="text" class="input{% if form.first_name.errors %} error{% endif %}" name="first_name" value="{% if post %}{{ form.first_name.value  }}{% else %}{{ user.profile.first_name }}{% endif %}"></p>
          <p><label for="surname">Фамилия</label><input type="text" class="input{% if form.last_name.errors %} error{% endif %}" name="last_name" value="{% if post %}{{ form.last_name.value  }}{% else %}{{ user.profile.last_name }}{% endif %}"></p>
        <p><label for="surname">Возраст</label><input type="number" max="120" min="1" class="input{% if form.age.errors %} error{% endif %}" name="age" value="{% if post %}{{ form.age.value  }}{% else %}{{ user.profile.age }}{% endif %}"></p>
        <p style="padding-top: 20px;"><label for="email">E-mail {% if not user.profile.email_proof %} <span class="small_text">({% trans "not verified" %}, <a href="/profile/activate/send/">{% trans "resend link" %}</a>)</span>{% endif %}</label>

           <input type="text" id="username"
                                   class="input {% if post %}{% if form.username.errors %}error{% else %}valid{% endif %}{% endif %}"
                                   value="{{ user.username }}"
                                   name="username">
                                {% if form.username.errors %}
                                    <label for="username" generated="true" class="error" style="display: inline;">{{ form.username.errors }}</label>
                                {% endif %}



 <p style="padding-top: 20px;"><label for="password">Новый пароль</label>
        <input type="password" id="new_password"  class="input"
                                   class="form-control {% if post %}{% if form.new_password.errors %}error{% else %}valid{% endif %}{% endif %}"
{#                                   value="{{ form.password.value|default_if_none:"" }}"#}
                                   name="new_password">
                                {% if form.password.errors %}
                                    <label for="new_password" generated="true" class="error" style="display: inline;">{{ form.new_password.errors }}</label>
                                {% endif %}
       <p> <label for="password2">Еще раз</label>
                                <input  class="input" type="password" id="password2" name="password2"></p>

<br>
 <div class="now_pass"><p>
       <label for="current_password">Текущий пароль</label>
     <input type="password" name="password" id="password" class="input" value=""><br></p>
     <p style="margin-left:"><a href="/login/recover/">Восстановить пароль</p>
    </div>


          <div class="clear"></div>
          <button type="submit" class="btn btn-red" style="width:160px">Сохранить профиль</button>
                               <input type="hidden" name="fbid" value="">

                        <input type="hidden" id="username_now" name="username_now" value="{{ user.username }}">
                        <input type="hidden" name="img" value="">
                        <input type="hidden" name="signed_request" value="">
        </form>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</div>
<div class="pfooter"></div>
  <!-- page6-block END -->


{% endblock main %}