<!-- BEGIN: MAIN -->

<div class="w780 mAuto clearfix centerwrap">
  <form id="fox_signup_form" action="{USERS_REGISTER_SEND}" method="post">
    <input type="hidden" name="ruseragreement" value="1">
    <div class="w480 m-center-block m-text-center">
      <div class="mt20 m-hidden"></div>
      <div class="mt10 m-visible"></div>
      <h1 class="font-OpenSansBold f36">Регистрация</h1>
      <p class="font-OpenSans f16 lh20">На RZ-WORK каждый пользователь одновременно и покупатель, и продавец. Переключить интерфейс можно в любое время.</p>
    </div>
    <div class="w480 select-user-type mt10 m-center-block m-text-center">
      <div class="dib"><input name="ruserusergroup" type="radio" id="signup1" value="7" class="payer" onclick="$('[data-sochref]').each(function(){$(this).attr('href', $(this).attr('data-sochref') + '1')});" checked/><label for="signup1"> Заказчик</label></div>
      <div class="dib ml20"><input name="ruserusergroup" type="radio" id="signup2" value="4" class="worker" onclick="$('[data-sochref]').each(function(){$(this).attr('href', $(this).attr('data-sochref') + '2')});" /><label for="signup2"> Исполнитель</label></div>
    </div>
    <hr class="gray mb30 mt20 m-hidden">
    <hr class="gray mbi5 mti5 m-visible">
    {FILE "{PHP.cfg.themes_dir}/{PHP.cfg.defaulttheme}/warnings.tpl"}

  <div class="w240 pull-right m-hidden">
      <div class="s-btn social-login">
        <a href="hybridauth?a=login&provider=Vkontakte&usertype=1" data-sochref="hybridauth?a=login&provider=Vkontakte&usertype=" class="vk wMax"><span>ВКонтакте</span></a>
        <a href="hybridauth?a=login&provider=Facebook&usertype=1" data-sochref="hybridauth?a=login&provider=Facebook&usertype=" class="fb wMax"><span>Facebook</span></a>
      </div>
    </div>
    <div class="m-text-center">
      <div class="w470 dib v-align-m">
        <div id="foxForm">
          <div class="form-entry">
            <input class="text styled-input wMax f15" id="user_email" placeholder="Электронная почта" name="ruseremail" size="30" type="text" value="" required />
            <div class="color-orange font-OpenSans f14 email-entry-error mt10"></div>
          </div>
          <div class="form-entry"><input class="text styled-input wMax f15" placeholder="Ваш логин (будет виден всем)" maxlength="20" name="rusername" size="15" type="text" value="" required /></div>
          <div class="form-entry"><input class="text styled-input wMax f15" placeholder="Пароль" id="user_password" name="rpassword1" size="30" type="password" value="" autocomplete="off" required /></div>
          <div class="form-entry">
            <div class="mathcaptcha-reg">
              {USERS_REGISTER_VERIFYIMG}
            </div>
            <input class="text styled-input wMax f15" placeholder="Решите пример" name="rverify" size="30" type="text" value="" autocomplete="off" required />
            <div class="clear"></div>
          </div>
          <div class="form-entry signup-promo-field" style="display:none;">
            <input class="text styled-input wMax f15" placeholder="Введите промокод" id="user_promo" name="user_promo" size="30" type="text" autocomplete="off" value=""/>
          </div>
          <div class="form-entry">
            <a class="mt0 signup-promo-placeholder signup-promo-placeholder-js">У меня есть промокод</a>
            <input type="submit" value="Зарегистрироваться" class="hugeGreenBtn GreenBtnStyle h50 w240 pull-reset v-align-m m-wMax" />
            <div class="dib mt5 v-align-m color-orange font-OpenSans f14 form-entry-error w200 ml10 m-block"></div>
          </div>
        </div>
      </div>
      <div class="dib v-align-m form-entry-middle font-OpenSans lh247 m-hidden hide-before ">или</div>
    </div>
    <hr class="gray mb20 mt20 clear m-hidden">
    <div class="t-align-c font-OpenSans f14 pull-right m-pull-reset">
      <span class=" color-gray">Уже зарегистрированы?</span>
        <a class="color-text underline" href="{PHP|cot_url('login')}">Войти</a>
     </div>
    <div class="form-entry-middle_mobile m-visible t-align-c mt10">
   <span class="dib">или</span>
      <hr class="gray ">
    </div>
      <div class="s-btn social-login clearfix mt15 m-visible mAuto w470">
      <a href="hybridauth?a=login&provider=Vkontakte&usertype=1" data-sochref="hybridauth?a=login&provider=Vkontakte&usertype=" class="vk mb10"><span>ВКонтакте</span></a>
      <a href="hybridauth?a=login&provider=Facebook&usertype=1" data-sochref="hybridauth?a=login&provider=Facebook&usertype=" class="fb mb10"><span>Facebook</span></a>
    </div> 
    <hr class="gray m-visible mti5 mbi5">
    <div class="font-OpenSans f14 pull-left m-pull-reset m-text-center">Регистрируясь, вы принимаете <a role="button" target="_blank" class="color-text underline">Правила сервиса</a> и <a role="button" target="_blank" class="color-text underline">Договор-оферту</a></div>
  </form>
</div>
<div class="clear mt30"></div>
<br><br>
<script>
  $('#fox_signup_form #user_email').change(function(){
  	$('#fox_signup_form .email-entry-error').text('');
  });

</script>
<!-- END: MAIN -->