<!-- BEGIN: MAIN -->
<style>.thumb {height: 135px;}.settings-solar-card-info{line-height: 18px;vertical-align: top;margin-left: 8px;}.popup .popup_content.popup-card-confirm{max-width: 600px;}.popup .popup_content.popup-card-confirm #foxForm .form-entry span {float: none;margin-right: 25px;}.popup .popup_content.popup-card-confirm #popup_phone{height: auto;line-height: 30px;display: inline-block;margin-left: 5px;width: 140px;}.popup .popup_content.popup-card-confirm .phone-verify-error{font-style: italic;}.phone-verify-error-timer, .phone-verify-redirect-timer {float: none;margin-right: 0px !important;}.popup .popup_content.popup-card-confirm #popup_confirm_code {display: inline-block;height: auto;line-height: 30px;display: inline-block;width: 130px;}.popup .popup_content.popup-card-confirm .phone-verify-autoredirect-message {font-style: italic;}.popup .popup_content.popup-card-confirm .phone-verify-error-block {font-style: italic;}.settings-solar-staff_remove-card-block {display: inline-block;vertical-align: top;margin-left: 40px;line-height: 18px;}.popup .chosen-container-single .chosen-single span{display: inline-block;margin-top: -1px;font-size: 15px;}.popup .phone-verify-link {line-height: 13px;display: inline-block;}.left-input {width: 49%;margin-right: 1%;}.right-input {width: 49%;margin-left: 1%;}</style>
<script src="themes/itbirja/js/jquery-ui.min.autocomplete.js"></script>
<script src="themes/itbirja/js/pages/prd_new_edit.js" type="text/javascript"></script>
<script type="text/javascript" src="themes/itbirja/js/jquery.imgareaselect.min.js"></script>
<script src="themes/itbirja/js/chosen.jquery.min.js"></script>
<script>
  var countryAutocomplete = (function() {
  	var _countriesWithCity = {};
  	var _cityCache = {};
  	var $_countryFields = {};
  	var $_cityFields = {};

  	var _getCitySource = function(request, response) {
  		var countryId = $_countryFields['id'].val() ^ 0;
  		$.get('/api?method=location&a=city', {
  			term: request.term,
  			'country_id': countryId
  		}, function(result) {
  			var responseData = [];
  			for (var i = 0; i < result.length; i++) {
  				_cityCache[result[i].id] = result[i];

  				responseData.push({
  					'id': result[i].id,
  					'value': result[i].value,
  					'label': result[i].label
  				});

  				if (result[i].value.toLowerCase() == $_cityFields['input'].val().toLowerCase()) {
  					_setCity(result[0].id);
  				}

  				if (responseData.length == 0) {
  					_setCity(0);
  					_cleanCity();
  				}
  			}
  			response(responseData);
  		}, 'json');
  	};
  	var _getCountrySource = function(request, response) {
  		$.get('/api?method=location&a=country', {
  			term: request.term
  		}, function(result) {
  			var responseData = [];
  			for (var i = 0; i < result.length; i++) {
  				if (!_countriesWithCity.hasOwnProperty(result[i].id)) {
  					_countriesWithCity[result[i].id] = result[i].hasCities;
  				}

  				responseData.push({
  					'id': result[i].id,
  					'value': result[i].value
  				});

  				if (result[i].value.toLowerCase() == $_countryFields['input'].val().toLowerCase()) {
  					_setCountry(result[0].id);
  				}
  			}
  			if (responseData.length == 0) {
  				_setCountry(0);
  				_cleanCountry();
  				_setCity(0);
  				_cleanCity();
  			}
  			response(responseData);
  		}, 'json');
  	};

  	var _setCountry = function(countryId) {
  		$_countryFields['id'].val(countryId).trigger('change');
  	};
  	var _cleanCountry = function() {
  		$_countryFields['input'].val('');
  	};
  	var _setCity = function(cityId) {
  		$_cityFields['id'].val(cityId).trigger('change');
  	};
  	var _cleanCity = function() {
  		$_cityFields['input'].val('');
  	};

  	var _showCity = function(countryId) {
  		countryId = countryId ^ 0;
  		if (!countryId || _countriesWithCity[countryId]) {
  			$('.fcity-block').show();
  		} else {
  			$('.fcity-block').hide();
  		}
  	};

  	var _onChangeCity = function(cityId) {
  		var city = _cityCache[cityId];
  		if (typeof city == 'object') {
  			$_countryFields['input'].val(city.country_name);
  			$_countryFields['id'].val(city.country_id);
  		}
  	};

  	return {
  		init: function() {
  			$_countryFields['input'] = $("#fcountry");
  			$_countryFields['id'] = $("#fcountry_id");
  			$_cityFields['input'] = $("#fcity");
  			$_cityFields['id'] = $("#fcity_id");
  			$_cityFields['input'].autocomplete({
  				source: _getCitySource,
  				minLength: 2,
  				select: function(event, ui) {
  					_setCity(ui.item.id);
  				}
  			});

  			$_countryFields['input'].autocomplete({
  				source: _getCountrySource,
  				minLength: 2,
  				select: function(event, ui) {
  					_setCountry(ui.item.id);
  					_setCity(0);
  					_cleanCity();
  				}
  			});

  			$_countryFields['input'].on('input', function() {
  				if ($(this).val() == '') {
  					_setCountry(0);
  					_cleanCountry();
  					_setCity(0);
  					_cleanCity();
  				}
  			});

  			$_countryFields['id'].change(function() {
  				_showCity($(this).val());
  			});

  			$_cityFields['id'].change(function() {
  				_onChangeCity($(this).val());
  			});
  		}
  	}
  })();

  $(window).load(function() {
  	countryAutocomplete.init();
  });
</script>
<div class="userbanner" style="background: url('<!-- IF {PHP.urr.user_photo} -->{PHP.urr.user_photo}<!-- ELSE -->themes/itbirja/files/cover/header1.jpg<!--ENDIF -->') no-repeat center center; background-size: cover;">
  <div class="centerwrap clearfix">
    <div class="contentArea mt40 sm-text-center">
      <div class="pull-left sm-pull-reset">
        <img class="rounded" alt="{PHP.urr.user_name}" src="<!-- IF {PHP.urr.user_avatar} -->{PHP.urr.user_avatar}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->" width="80" height="80"/>
      </div>
      <div class="userbannertext pull-left ml15 sm-pull-reset m-text-center m-m0">
        <div>
          <h1>{PHP.urr.user_name}</h1>
          <span class="font-OpenSans f14 ml14 is-online-block color-lightGray"><i class="icon ico-online"></i> Онлайн</span>
        </div>
        <div class="color-white2">
          <div class="pull-left cusongsblock-panel__rating mti3">
            <ul class="rating-block dib v-align-m">
              <!-- IF {PHP.usr.tags.RSTAR} > 0 -->
              <li class="mr2 v-align-m">
                  <i class="fa fa-star gold" aria-hidden="true"></i>
              </li>
              <li class="rating-block__rating-item--number fw600 v-align-m">{PHP.usr.tags.RSTAR}&nbsp;</li>
              <!-- ENDIF -->
            </ul>
          </div>
          <p class="dib sm-pull-reset color-white2"><!-- IF {PHP.urr.user_maingrp} == 7 -->{PHP.usr.tags.MK_PAYER_GROUP}<!-- ELSE -->{PHP.usr.tags.MK_SELLER_GROUP}<!-- ENDIF --></p>
          <span class="ml5"></span>
        </div>
      </div>
    </div>
    <div class="sidebarArea mt25">
      <a class="hugeGreenBtn hoverMe GreenBtnStyle h50 mt30" href="{PHP.urr.user_name|cot_url('users', 'm=details&u='$this)}">Посмотреть профиль</a>
    </div>
  </div>
</div>
<!--Всплывающий блок с загрузкой картинки в шапку профиля-->
<script>
  var settingsCover = new DodjiPhotoModule();
  var avatarPhoto = new DodjiPhotoModule();
  $(window).load(function () {
  	settingsCover.init({
  		selectorBlock: '.settings-cover-block',
  		maxCount: 1,
  		fileWrapperClass: 'file-wrapper-block-settings-cover',
  		fileInputName: 'photo',
  		widthRatio: 1366,
  		heightRatio: 205,
  		minWidth: 1366,
  		minHeight: 206,
  		photos: [ ]
  	});
  	avatarPhoto.init({
  		selectorBlock: '.settings-avatar-block',
  		maxCount: 1,
  		fileWrapperClass: 'file-wrapper-block-settings-avatar',
  		fileInputName: 'avatar',
  		widthRatio: 1,
  		heightRatio: 1,
  		minWidth: 200,
  		minHeight: 200,
  		photos: [ ]
  	});
  });
</script>
<!--END Всплывающий блок с загрузкой картинки в шапку профиля-->
<div class="centerwrap clearfix pt20 pb20">
  <h1 class="f32">Настройки</h1>
  <div id="foxPostForm" class="p0">
    <div class="p15-20 white-bg-border w700 border-b-none">
      <form id="settings_form" action="{PHP|cot_url('users', 'm=profile')}" enctype="multipart/form-data" method="post" class="js-main-settings-form">
        <input type="hidden" name="action" value="main" />
        <div class="f15 bgLightGray m-15-20">
          <div class="p20">Адрес публичной страницы вашего профиля: <a class="break-all-word" target="_blank" href="{PHP.urr.user_name|cot_url('users', 'm=details&u='$this)}">{PHP|constant('COT_ABSOLUTE_URL')}{PHP.urr.user_name|cot_url('users', 'm=details&u='$this)}</a></div>
        </div>
        <div class="clear"></div>
        <div class="mt30">
          <div class="block-state-active" style="background: none;">
            <!-- IF !{PHP.urr.user_chgname} -->
            <label for="uname">Логин</label><input maxlength="20" class="js-username-input text font-OpenSans f16" id="uname" name="uname" type="text" value="{PHP.urr.user_name}"/><span id="js-username-error" class="js-username-error-field hidden color-red"></span>
            <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -45px;">
              <p class="color-red">Внимание !
              <p>При изменении логина вы не сможете изменить платежные реквизиты в течение 1 недели.
              <p>Сменить логин вы можете всего один раз. Убедитесь, что логин верный. Он будет доступен всем пользователям
            </div>
            <!-- ELSE -->
            <label for="uname">Логин</label><input maxlength="20" class="js-username-input text font-OpenSans f16 read-o" readonly="" id="uname" name="uname" type="text" value="{PHP.urr.user_name}"><span id="js-username-error" class="js-username-error-field hidden color-red"></span>
            <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: 10px;">
              <p class="color-red">Сменить логин можно всего один раз, вы уже изменяли свой логин</p>
            </div>
            <!-- ENDIF -->
          </div>
        </div>
        <div class="mt20 block-state-active" style="background: none;">
          <label for="fname">Имя</label>
          {USERS_PROFILE_FNAME|cot_rc_modify($this, 'class="text js-settings__fname font-OpenSans f16 js-name-input" id="fname"')}
          <div class="fname-message color-gray f12 mt10 hidden js-name-error-field">Возможен ввод только русских букв</div>
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: 15px;">Будет видно пользователям, повышает доверие к Вам</div>
        </div>
        <div class="mt20 block-state-active" style="background: none;">
          <label class="editgigformtitle" for="email">Электронная почта</label><input class="text font-OpenSans f16 js-email-input" id="email" name="email" type="text" value="{PHP.urr.user_email}"<!-- IF {PHP.urr.user_email} == '' AND {PHP.urr.user_newemail} != '' --> placeholder="Ожидаем подтверждения от {PHP.urr.user_newemail}"<!-- ENDIF -->/><span id="js-email-error" class="hidden color-red js-email-error-field"></span>
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -10px;">
            <p class="color-red">Внимание!
            <p>В целях безопасности при изменении Email, вы не сможете изменить платежные реквизиты в течение 1 недели.
            <!-- IF !{PHP.cfg.users.user_email_noprotection} -->
            <hr>
            <p><em>Вам потребуется подтвердить новый электронный адрес, перейдя по ссылке в письме.</em>
            <!-- ENDIF -->
          </div>
          <div class="color-orange font-OpenSans f14 email-entry-error mt10"></div>
        </div>
          
        
          
          
        <div class="mt20">
          <div style="float:left;width:49%"><label class="editgigformtitle" for="d">Страна</label><input class="text font-OpenSans f16"id="fcountry"name="fcountry"size="30"type="text"value="{USERS_PROFILE_LOCATION_DATA.country.title}"/><input id="fcountry_id" name="fcountry_id" type="hidden" value="{USERS_PROFILE_LOCATION_DATA.country.id}"/></div>
          <div class="fcity-block" style="float:right;width:49%"><label class="editgigformtitle" for="fcity">Город</label><input class="text font-OpenSans f16"id="fcity"name="fcity"size="30"type="text"value="{USERS_PROFILE_LOCATION_DATA.city.title}"/><input id="fcity_id" name="fcity_id" type="hidden" value="{USERS_PROFILE_LOCATION_DATA.city.id}"/></div>
          <div class="clear"></div>
        </div>
        <div class="mt20">
          <label class="editgigformtitle" for="ftimezone_id">Часовой пояс</label>
          {USERS_PROFILE_TIMEZONE|cot_rc_modify($this, 'class="text font-OpenSans f16" id="ftimezone_id"')}
        </div>
        <div class="mt20">
          <label class="editgigformtitle" for="details">Информация о продавце</label>
          {USERS_PROFILE_TEXT|cot_rc_modify($this, 'class="text wMax js-stopwords-check" id="details" rows="4" placeholder="Навыки, опыт, специализация..."')}
        </div>

        <div class="js-stopwords-warning-container"></div>
        <div class="settings-avatar-block mt20">
          <label class="editgigformtitle">Аватар</label>
          <div class="js-add-photo">
            <div class="js-template-photo-block" style="display:none;"><div class="add-photo__file-wrapper file-wrapper long-touch-js" style="margin: 0;"><div class="file-wrapper-block-settings-avatar"<!-- IF {PHP.urr.user_avatar} --> style="background: url('{PHP.urr.user_avatar}') 0% 0% / 100%;"<!-- ENDIF -->></div><input type="file" class="js-file-input" accept=".jpeg, .jpg, .gif, .png"><div style="text-align: center; height: 25px; padding-top: 5px;"><span class="js-file-add-button button f14 font-OpenSans link-color dibi mt6i" data-init-text="Выбрать">Выбрать изображение</span><div class="dib js-delete hidden"><span class="f14 font-OpenSans link-color">Удалить</span></div></div><input class="js-photo-size" type="hidden" value=""><input class="js-delete-photo" type="hidden" value="0"></div></div>
            <div class="js-photo__block"></div>
            <div class="js-photo-resize__block mt10"><img src="themes/itbirja/images/empty.png" class="js-photo-resize__image" style="max-width: 100%; height: auto;display:none;" alt="" ></div>
            <div class="js-add-photo_error"></div>
          </div>
          <div class="profile_error_container"></div>
        </div>
        <div class="settings-cover-block mt20">
          <label class="editgigformtitle">Шапка профиля</label>
          <div class="js-add-photo">
            <div class="js-template-photo-block" style="display:none;"><div class="add-photo__file-wrapper file-wrapper long-touch-js" style="margin: 0;"><div class="file-wrapper-block-settings-cover"<!-- IF {PHP.urr.user_photo} --> style="background: url('{PHP.urr.user_photo}') 0% 0% / 100%;"<!-- ENDIF -->></div><input type="file" class="js-file-input" accept=".jpeg, .jpg, .gif, .png"><div style="text-align: center; height: 25px; padding-top: 5px;"><span class="js-file-add-button button f14 font-OpenSans link-color dibi mt6i" data-init-text="Выбрать">Выбрать изображение</span><div class="dib js-delete hidden"><span class="f14 font-OpenSans link-color">Удалить</span></div></div><input class="js-photo-size" type="hidden" value=""><input class="js-delete-photo" type="hidden" value="0"></div></div>
            <div class="js-photo__block" style="text-align: center;"></div>
            <div class="js-photo-resize__block mt10"><img src="themes/itbirja/images/empty.png" class="js-photo-resize__image" style="max-width: 100%; height: auto;display:none;" alt="" ></div>
            <div class="js-add-photo_error"></div>
          </div>
          <div class="profile_error_container"></div>
        </div>
        <input type="submit" value="Сохранить" class="foxbluebutton hugeGreenBtn GreenBtnStyle h50 pull-reset mt30 mb15 wMax-500"/>
      </form>
    </div>
    <div class="p15-20 white-bg-border w700">
      <form action="{PHP|cot_url('users', 'm=profile')}" class="reset-form js-password-settings-form" name="edit-pass_form" id="edit-pass_form" method="post">
        <input type="hidden" name="action" value="changepass" />
        <h1 class="mt10">Изменить пароль</h1>
        <div class="block-state-active" style="background: none;">
          <label class="editgigformtitle" for="pass">Новый пароль</label><input class="text f16 font-OpenSans js-password-input" id="pass" name="pass" size="30" type="password"/>
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -10px;">
            <p class="color-red">Внимание!
            <p>При изменении пароля, вы не сможете изменить платежные реквизиты в течение 1 недели.
          </div>
          <span class="js-password-error-field hidden color-red"></span>
        </div>
        <div class="mt20 block-state-active" style="background: none;">
          <label class="editgigformtitle" for="pass2">Подтвердить новый пароль</label><input class="text f16 font-OpenSans js-password-confirm-input" id="pass2" name="pass2" size="30" type="password"/>
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -10px;">
            <p class="color-red">Внимание!
            <p>При изменении пароля, вы не сможете изменить платежные реквизиты в течение 1 недели.
          </div>
          <span class="js-password-confirm-error-field hidden color-red"></span>
        </div>
        <input type="submit" value="Сохранить пароль" class="foxbluebutton hugeGreenBtn GreenBtnStyle h50 pull-reset mt30 mb15 wMax-500"/>
      </form>
    </div>
    <div class="p15-20 white-bg-border w700">
      <!-- IF {PHP.urr.user_paychgblock} < {PHP.sys.now} -->
      <form action="{PHP|cot_url('users', 'm=profile')}" class="reset-form js-payments-settings-form" id="edit-purse__form" method="post">
        <input name="action" value="payments_purse" type="hidden" />
        <div class="block-state-active" style="background: none;">
          <label class="editgigformtitle" for="wm_purse">Кошелек WebMoney</label><input class="text f16 font-OpenSans js-webmoney-input"  id="wm_purse" name="wm_purse" size="30" type="text" value="{USERS_PROFILE_PAYMENT_WM}"/>
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -15px;">
            <p class="color-red">
            <p class="color-red">Внимание !
            <p>В целях безопасности при изменении номера кошелька, вы не сможете отправлять заявку на вывод в течение 1 недели.
          </div>
          <span id="wm_purse-error" class="hidden color-red js-webmoney-error-field"></span>
        </div>
        <div class="mt10 block-state-active" style="background: none;">
          <label class="editgigformtitle" for="yandex_purse">Кошелек Яндекс.Деньги</label><input class="text f16 font-OpenSans js-yandex-input"  id="yandex_purse" name="yandex_purse" size="30" type="text" value="{USERS_PROFILE_PAYMENT_YANDEX}"/>
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -15px;">
            <p class="color-red">Внимание !
            <p>В целях безопасности при изменении номера кошелька, вы не сможете отправлять заявку на вывод в течение 1 недели.
          </div>
          <span id="yandex_purse-error" class="hidden color-red js-yandex-error-field"></span>
        </div>

        
        <div class="mt10 block-state-active" style="background: none;">
          <label class="editgigformtitle" for="qiwi_purse">Кошелек Qiwi</label><input class="text f16 font-OpenSans js-qiwi-input"  id="qiwi_purse" name="qiwi_purse" size="30" type="text" value="{USERS_PROFILE_PAYMENT_QIWI}"/>
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -15px;">
            <p class="color-red">Внимание !
            <p>В целях безопасности при изменении номера кошелька, вы не сможете отправлять заявку на вывод в течение 1 недели.
          </div>
          <span id="qiwi_purse-error" class="hidden color-red js-qiwi-error-field"></span>
        </div>
        
         
        <div class="mt10">
          <label class="editgigformtitle" for="pass">Банковская карта</label>
          <div class="mti3 block-state-active" style="background: none;">
            <i class="icon ico-mastercardVisa"></i>
            <div class="dib settings-solar-card-info">
              <a href="javascript:void(0);" class="js-solar-card-verify f16">Привязать карту</a>

              <!-- IF {USERS_PROFILE_PAYMENT_CARD_NUM_SECRED} -->
                <br>
                <span>Привязана карта {USERS_PROFILE_PAYMENT_CARD_NUM_SECRED} ({USERS_PROFILE_PAYMENT_CARD_LN} {USERS_PROFILE_PAYMENT_CARD_FN})</span>
              <!-- ENDIF -->

              <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -35px;">
                <p class="color-red">Внимание!
                <p>В целях безопасности при привязке карты, вы не сможете отправлять заявку на вывод в течение 1 недели.
              </div>
            </div>
          </div>
        </div>
        <button class="foxbluebutton hugeGreenBtn GreenBtnStyle h50 pull-reset mt30 mb15 wMax-500" onclick="show_popup($('.payments-sms-verify-popup-content').html(), 'sms-verify-popup sms-verify-type-wallets'); return false;" />Сохранить кошельки</button>
      </form>
      <!-- ELSE -->
      <form class="reset-form js-payments-settings-form" id="edit-purse__form" method="post">
        <div class="block-state-active" style="background: none;">
          <label class="editgigformtitle" for="wm_purse">Кошелек WebMoney</label><input class="text f16 font-OpenSans js-webmoney-input read-o" readonly="" disabled="" id="wm_purse" name="wm_purse" size="30" type="text" value="{USERS_PROFILE_PAYMENT_WM}" placeholder="Введите R-кошелек. Например: R000000000000">
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -15px;">
            <p class="color-red"></p>
            <p>В целях безопасности после смены данных для входа в систему изменение реквизитов вывода будет доступно только </p>
            <p><strong>{PHP.urr.user_paychgblock|cot_date('d M, H:i', $this)}</strong></p>
          </div>
          <span id="wm_purse-error" class="hidden color-red js-webmoney-error-field"></span>
        </div>
        <div class="mt10 block-state-active" style="background: none;">
          <label class="editgigformtitle" for="yandex_purse">Кошелек Яндекс.Деньги</label><input class="text f16 font-OpenSans js-yandex-input read-o" readonly="" disabled="" id="yandex_purse" name="yandex_purse" size="30" type="text" value="{USERS_PROFILE_PAYMENT_YANDEX}" placeholder="Введите номер кошелька. Например: 41000000000014">
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -15px;">
            <p class="color-red">Внимание !</p>
            <p>В целях безопасности после смены данных для входа в систему изменение реквизитов вывода будет доступно только </p>
            <p><strong>{PHP.urr.user_paychgblock|cot_date('d M, H:i', $this)}</strong></p>
          </div>
          <span id="yandex_purse-error" class="hidden color-red js-yandex-error-field"></span>
        </div>
        <div class="mt10 block-state-active" style="background: none;">
          <label class="editgigformtitle" for="qiwi_purse">Кошелек Qiwi</label><input class="text f16 font-OpenSans js-qiwi-input read-o" readonly="" disabled="" id="qiwi_purse" name="qiwi_purse" size="30" type="text" value="{USERS_PROFILE_PAYMENT_QIWI}" placeholder="Введите номер телефона. Например: 79510000071">
          <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -15px;">
            <p class="color-red">Внимание !</p>
            <p>В целях безопасности после смены данных для входа в систему изменение реквизитов вывода будет доступно только </p>
            <p><strong>{PHP.urr.user_paychgblock|cot_date('d M, H:i', $this)}</strong></p>
          </div>
          <span id="qiwi_purse-error" class="hidden color-red js-qiwi-error-field"></span>
        </div>
        <div class="mt10">
          <label class="editgigformtitle" for="pass">Банковская карта</label>
          <div class="mti3 block-state-active" style="background: none;">
            <i class="icon ico-mastercardVisa"></i>
            <div class="dib settings-solar-card-info" style="width: calc(100% - 60px);">
              <!-- IF {USERS_PROFILE_PAYMENT_CARD_NUM_SECRED} -->
                <span>Привязана карта {USERS_PROFILE_PAYMENT_CARD_NUM_SECRED} ({USERS_PROFILE_PAYMENT_CARD_LN} {USERS_PROFILE_PAYMENT_CARD_FN})</span>
                <br>
              <!-- ENDIF -->
              <span class="color-gray f12">В целях безопасности привязка карты возможна {PHP.urr.user_paychgblock|cot_date('d M, H:i', $this)}</span>
            </div>
            <div class="block-state-active_tooltip block-help-image-js" style="right: -275px; top: -35px;">
              <p>В целях безопасности после смены данных для входа в систему изменение реквизитов вывода будет доступно только</p>
              <p><strong>{PHP.urr.user_paychgblock|cot_date('d M, H:i', $this)}</strong></p>
            </div>
          </div>
        </div>
      </form>
      <!-- ENDIF -->

      <div class="solar-card-verify-popup-content" style="display: none;">
        <h1 class="popup__title">Привязать карту</h1>
        <hr class="gray mt20 balance-popup__line">
        <div class="pb10">Введите ваши настоящие имя, фамилию и номер карты.</div>
        <div id="foxForm">
          <form id="form-card-verify" action="{PHP|cot_url('users', 'm=profile')}" method="post" onkeypress="return event.keyCode != 13;">
            <input name="action" value="card_verify" type="hidden" />
            <div>
              <label for="popup_fname" style="display: block;"><b>Укажите актуальные данные</b></label>
              <div class="form-entry mt10" style="width: 48%; display: inline-block;"><input class="text styled-input h40 lh40 f15 noInvalidOutline" placeholder="Имя" value="" id="popup_fname" name="popup_fname" tabindex="1" type="text" autocomplete="off" required ></div>
              <div class="form-entry pull-right mt10" style="width: 48%; display: inline-block;"><input class="text styled-input h40 lh40 f15 noInvalidOutline" placeholder="Фамилия" value="" id="popup_lname" name="popup_lname" tabindex="2" type="text" autocomplete="off" required ></div>
              <div class="color-red f12 fio-error-block hidden mt-5 mb10"></div>

              <label for="popup_fcard" style="display: block;"><b>Укажите номер карты</b></label>
              <div class="form-entry mt10" style="width: 48%; display: inline-block;">
                <input class="text styled-input h40 lh40 f15 noInvalidOutline" placeholder="Номер карты" value="" id="popup_fcard" name="popup_fcard" tabindex="1" type="text" required ></div>
              </div>

              <div id="next-step-card-verify">
                <div class="color-red f12 fio-error-block hidden mt-5 mb10"></div>

                <div class="form-entry phone-verify-block2" style="line-height: 27px;">
                  <div class="row form-entry"><button class="green-btn mt10 h45 f16" style="float: right; width: 200px;" onclick="$('.popup_content.popup-card-confirm #next-step-card-verify').html('<div class=\'sms-verify-popup sms-verify-type-card pt10\'>' + $('.payments-sms-verify-popup-content').html() + '</div>'); popup_scroll_update(); return false;">Продолжить</button><br></div>
                </div>
              </div>
            </div>
            <div class="clear"></div>
          </form>
        </div>

        <div class="payments-sms-verify-popup-content" style="display: none;">
          <h1 class="popup__title">Требуется подтверждение</h1>
          <hr class="gray mt20 balance-popup__line">
          <div class="pb10">
            Для смены реквизитов требуется подтверждение по телефону.
            <br>
            На указанный номер мобильного телефона придет смс с проверочным кодом, для подтверждения введите код из смс.
          </div>
          <div class="verify-result">
            <div class="mb15">
              <label for="rphone" style="display: block;"><b>Укажите номер телефона</b></label>
              <div class="form-entry mt10">
                <!-- IF {USERS_PROFILE_PHONE} -->
                  <input id="rphone" class="text styled-input h40 lh40 f15 noInvalidOutline w100p2" placeholder="Номер телефона" value="{USERS_PROFILE_PHONE}" tabindex="1" type="text" disabled="disabled" required ></div>
                <!-- ELSE -->
                  <input id="rphone" class="text styled-input h40 lh40 f15 noInvalidOutline w100p" placeholder="Номер телефона" value="" tabindex="1" type="text" required ></div>
                <!-- ENDIF -->
              </div>

             <div id="sendcodefield">
              <label for="rcode" style="display: block;"><b>Код подтверждения</b></label>
              <div class="form-entry mt10">
                <input id="rcode" class="text styled-input h40 lh40 f15 noInvalidOutline" placeholder="Код из смс" value="" tabindex="1" type="text" autocomplete="off" required ></div>
                <span id="resendcode">
                 <a role="button" class="btn-white" id="getcodebtn" onclick="get_code(true); return false;">Получить код</a>
                </span>
              </div>
            <div class="errors_container color-red f12 fio-error-block mt5 mb10"></div>

            <div class="form-entry phone-verify-block2">
              <div class="row form-entry">
                <button id="sendcodebtn" class="green-btn mt10 h45 f16" style="width: 200px;" onclick="confirm_code(); return false;">Подтвердить</button>
                <br>
              </div>
            </div>
          </div>
          <div class="clear"></div>
        </div>

<script src="themes/itbirja/js/libs/jquery.cookie.js"></script>
<script>
function backtime() {
	var wallets_attempts = $.cookie('wallets_attempts');
	var wallets_nextattempttime = $.cookie('wallets_nextattempttime');
	var timenow = new Date();
	if(wallets_nextattempttime){

		var ost =  wallets_nextattempttime - Math.round(timenow.getTime()/1000);
		if(ost >= 0){

			var ost_min = parseInt(ost/60);
			var ost_sek = ost - ost_min*60;

			if(ost_min == 1){
				$('.sms-verify-popup #backtime').text(ost_min + ' минуту ' + ost_sek + ' секунд');
			}else{
				if(ost_min > 1){
					$('.sms-verify-popup #backtime').text(ost_min + ' минуты ' + ost_sek + ' секунд');
				}else{
					$('.sms-verify-popup #backtime').text(ost_sek + ' секунд');
				}
			}

			window.setTimeout("backtime()", 1000);
			return true;
		}else{
				$('.sms-verify-popup #resendcode').html('<a role="button" class="btn-white" onclick="get_code(true); return false;">Отправить код повторно</a>');
			return false;
		}
	}
}

function get_code(repeat) {
	// Если отправить повторно, то удалить предыдущий номер из кукисов
	if(repeat){
		$.cookie('wallets_lastphone', null, { expires: 1, path: '/' });
	}

	var phone = $('.sms-verify-popup #rphone').val();

	var wallets_attempts = parseInt($.cookie('wallets_attempts'));
	var wallets_nextattempttime = $.cookie('wallets_nextattempttime');

	var timenow = new Date();
	if(wallets_nextattempttime){
		var ost = wallets_nextattempttime - Math.round(timenow.getTime()/1000);
		if(ost >= 0){
			var ost_min = parseInt(ost/60);
			var ost_sek = ost - ost_min*60;

			if(ost_min == 1){
				$('.sms-verify-popup #backtime').text(ost_min + ' минуту ' + ost_sek + ' секунд');
			}else{
				if(ost_min > 1){
					$('.sms-verify-popup #backtime').text(ost_min + ' минуты ' + ost_sek + ' секунд');
				}else{
					$('.sms-verify-popup #backtime').text(ost_sek + ' секунд');
				}
			}
			backtime();
		}
	}

//	$('.sms-verify-popup #getcodebtn').attr('disabled', true);

	$.ajax({
		url : '/api?method=sms&a=getcode&area=wallets&phone='+phone+'&timenow='+Math.round(timenow.getTime()/1000),
		method: 'get',
    	cache : false,
    	success : function(data) {
			data = JSON.parse(data);
			var status = data.smsstatus;
			var smsattemptslimit = data.smsattemptslimit;

			console.log(status);
			var wallets_attempts = parseInt(data.data.attempts);

	//		$('.sms-verify-popup #getcodebtn').attr('disabled', false);

    		if (status == 'success' || status == 'showlastcode') {
				$('.sms-verify-popup #sendcodefield').removeClass('hidden');
				$('.sms-verify-popup #getcodebtn').addClass('hidden');
				$('.sms-verify-popup #rphone').attr('disabled', true);

				var ctime = backtime();

				$('.sms-verify-popup .errors_container').html('');
				if(ctime){
					$('.sms-verify-popup #resendcode').html('Запросить код повторно можно через <span id="backtime"></span>');
				}

				if(smsattemptslimit - wallets_attempts > 1){
					if(ctime){
						$('.sms-verify-popup #resendcode').html('Запросить код повторно можно через <span id="backtime"></span>');
					}
				}
				if(smsattemptslimit - wallets_attempts  == 1){
					if(ctime){
						$('.sms-verify-popup #resendcode').html('Запросить код последний раз можно через <span id="backtime"></span>');
					}
				}

				if(smsattemptslimit - wallets_attempts  == 0){
					//$('.sms-verify-popup #changephone').html('На сегодня все попытки исчерпаны');
					$('.sms-verify-popup #resendcode').html('');
				}
			}

			if(status == 'timernotout'){
				$('.sms-verify-popup .errors_container').html('Следующая попытка получить код через <span id="backtime"></span>.');
			}

			if(status == 'attemptslocked'){
				$('.sms-verify-popup .errors_container').html('Вы использовали все попытки на сегодня.');
			}

			if(status == 'phoneempty'){
				$('.sms-verify-popup .errors_container').html('Пожалуйста, укажите номер мобильного телефона.');
			}

			if(status == 'userexists'){
				$('.sms-verify-popup .errors_container').html('Данный номер уже используется в другой учетной записи.');
			}

			if(status == 'smsnotsended'){
				$('.sms-verify-popup .errors_container').html('Вы указали некорректный номер. Необходимо ввести номер в международном формате, например 79123456789.');
			}
		},
		error: function(){
			$('.sms-verify-popup #getcodebtn').attr('disabled', false);
			return false;
		}
	});

	return false;
}

function confirm_code() {
	var code = $('.sms-verify-popup #rcode').val();
  var phone = $('.sms-verify-popup #rphone').val();

	if(code){
		$('.sms-verify-popup #sendcodebtn').attr('disabled', true);
		$.ajax({
			url : '/api?method=sms&a=checkcode&area=wallets&code='+code+'&phone='+phone,
			method: 'get',
			cache : false,
			success : function(data) {
				data = JSON.parse(data);
				var status = data.smsstatus;
				$('.sms-verify-popup #sendcodebtn').attr('disabled', false);
				if (status == 'success') {
          $('.sms-verify-popup .verify-result').html('<div class="alert alert-success mb0">Успешно, сохраняем реквизиты...</div>');

          if($('.sms-verify-popup').hasClass('sms-verify-type-wallets')) {
            $('#edit-purse__form').submit();
          } else {
            $('.popup.popup-card-confirm #form-card-verify').submit();
          }

          return false; //true
				}
				if(status == 'codeexpired') {
					$('.sms-verify-popup .errors_container').html('Срок действия проверочного кода истек. Попробуйте выслать код повторно.');
					return false;
				}
				if(status == 'wrongcode') {
					$('.sms-verify-popup .errors_container').html('Пожалуйста, проверьте правильность введенного кода.');
					return false;
				}
			},
			error: function(){
			//	$('.sms-verify-popup #sendcodebtn').attr('disabled', false);
				return false;
			}
		});
	}else{
		$('.sms-verify-popup .errors_container').html('Пожалуйста, укажите проверочный код.');
	}
}

</script>

      </div>
    </div>
    <div class="p15-20 white-bg-border w700 hidden">
      <form action="{PHP|cot_url('users', 'm=profile')}" class="reset-form" method="post">
        <h1 class="mt10">Настройка уведомлений</h1>
        <div class="mb10">Высылать уведомления о новых запросах покупателей:</div>
        <div class="block-state-active"  style="background: none;">
          <div><input name="notification-period"class="styled-radio" id="notification-0" type="radio" value="0" ><label class="editgigformtitle" for="notification-0">сразу</label></div>
          <div><input checked name="notification-period"class="styled-radio" id="notification-1" type="radio" value="1" ><label class="editgigformtitle" for="notification-1">не чаще, чем раз в час</label></div>
          <div><input name="notification-period"class="styled-radio" id="notification-4" type="radio" value="4" ><label class="editgigformtitle" for="notification-4">не чаще, чем раз в 4 часа</label></div>
          <div><input name="notification-period"class="styled-radio" id="notification-6" type="radio" value="6" ><label class="editgigformtitle" for="notification-6">не чаще, чем раз в 6 часов</label></div>
          <div><input name="notification-period"class="styled-radio" id="notification-12" type="radio" value="12" ><label class="editgigformtitle" for="notification-12">не чаще, чем раз в 12 часов</label></div>
          <div><input name="notification-period"class="styled-radio" id="notification--1" type="radio" value="-1" ><label class="editgigformtitle" for="notification--1">не присылать уведомления</label></div>
        </div>
        <input type="submit" value="Сохранить" class="foxbluebutton hugeGreenBtn GreenBtnStyle h50 pull-reset mt30 mb15 wMax-500" ><input type="hidden" name="action" value="notification_settings">
      </form>
    </div>
    <div class="p15-20 white-bg-border w700 hidden" >
      <form action="{PHP|cot_url('users', 'm=profile')}" class="reset-form" method="post">
        <h1 class="mt10">Опции покупателя</h1>
        <div><input class="styled-checkbox" type="checkbox" name="disable_report_notification" id="disable_report_notification" checked><label class="editgigformtitle" for="disable_report_notification">Получать промежуточные отчеты от продавцов</label><span class="tooltip_circle dib tooltipster tooltip_circle--hover tooltip_circle--light"style="display: inline-block;margin-left: 5px;"data-tooltip-text="Если выполнение заказа занимает более 3 дней, то продавцы каждые 2-3 дня высылают промежуточные отчеты о том, как продвигается работа по заказу."data-tooltip-side="right">?</span><br/></div>
        <input type="submit" value="Сохранить" class="foxbluebutton hugeGreenBtn GreenBtnStyle h50 pull-reset mt30 mb15 wMax-500" ><input type="hidden" name="action" value="payeer_settings" >
      </form>
    </div>
    <div class="p15-20 white-bg-border w700 hidden" >
      <form action="{PHP|cot_url('users', 'm=profile')}" class="reset-form" method="post">
        <h1 class="mt10">Опции продавца</h1>
        <div><input class="styled-checkbox" type="checkbox" name="allowCustomRequest" id="allowCustomRequest" checked><label class="editgigformtitle" for="allowCustomRequest">Разрешить запрос {PHP|cot_sitename('padeg_individ', 'r')}</label></div>
        <div><input class="styled-checkbox" type="checkbox" name="availableAtWeekends" id="availableAtWeekends" ><label class="editgigformtitle" for="availableAtWeekends">Скрывать {PHP|cot_sitename('padeg', '_i')} на выходные</label><span class="tooltip_circle dib tooltipster tooltip_circle--hover tooltip_circle--light"style="display: inline-block;margin-left: 5px;"data-tooltip-text="Включите эту опцию, если не имеете возможность работать по выходным. Ваши {PHP|cot_sitename('padeg', '_i')} будут автоматически скрываться из каталога с 18:00 пятницы до 8:00 понедельника (МСК). В это время заказать ваши {PHP|cot_sitename('padeg', '_i')} будет нельзя. Ответ на личные сообщения также не будет требоваться в это время"data-tooltip-side="right">?</span><br/></div>
        <input type="submit" value="Сохранить" class="foxbluebutton hugeGreenBtn GreenBtnStyle h50 pull-reset mt30 mb15 wMax-500" ><input type="hidden" name="action" value="custom_request_settings">
      </form>
    </div>
  </div>
</div>
<script>
  var jcrop_api = 'start';
  var userLoginLength = 20;

  function updateThinkCharsCount(idElement, idUpdate) {
  	var used = $('#' + idElement).val().length;
  	$('#' + idUpdate).html(used);
  };

  $(window).load(function() {
  	$('#wm_purse').prop('placeholder', 'Введите R-кошелек. Например: R000000000000');
  	$('#qiwi_purse').prop('placeholder', 'Введите номер телефона. Например: 79510000071');
    $('#yandex_purse').prop('placeholder', 'Введите номер кошелька. Например: 41000000000014');
  	$('#card_purse').prop('placeholder', 'Введите номер карты. Например: 1234000000005678');
  });

  function removeCardConfirmation() {
  	var html = '' +
  		'<div>' +
  		'<form action="/profile" method="post">' +
  		'<input type="hidden" name="action" value="card_remove" />' +
  		'<h1 class="popup__title">Удаление карты</h1>' +
  		'<hr class="gray" style="margin-bottom:32px;">' +
  		'<div style="display:inline-block;width:100%;">' +
  		'<p class="f15 pb50 ml10">Удалить прикрепленную карту?</p>' + '<button class="popup__button red-btn" onclick="$(this).closest(\'form\').submit();">Удалить</button>' +
  		'<button class="popup__button white-btn pull-right popup-close-js" onclick="return false;">Отменить</button></div>' +
  		'</div>' +
  		'</form>' +
  		'</div>';
  	show_popup(html);
  }

  function deselect() {
  	$("#hideEnDodji").prop("checked", false);
  }
  $(document).ready(function() {
  	var scrollTo ="";
  	if (scrollTo ==="worker_options") {
  		$('html, body').animate({
  			scrollTop: $("#workerOptions").offset().top
  		}, 200);
  	}

  	$('.show_en_desc').on('click', function() {
  		$('div.en_desc').removeClass('hidden');
  		$(this).parent().hide();
  		return false;
  	});
  });
</script>
<script src="themes/itbirja/js/pages/settings.js" type="text/javascript"></script>

<div id="alertcheck">{FILE "{PHP.cfg.themes_dir}/{PHP.cfg.defaulttheme}/warnings.tpl"}</div>
<script>
  $(function() {
    if($('#alertcheck .alert.alert-error').length > 0) {
     var eul = $('#alertcheck').hide().find('.alert.alert-error ul');
     $('#event_list').after('<div class="fox_error"><p>'+eul.html().trim().replaceAll('<li>', '<p>').replaceAll('</li>', '</p>')+'</p></div>');
    }
    if($('#alertcheck .alert.alert-success').length > 0) {
     var eul = $('#alertcheck').hide().find('.alert.alert-success ul');
     $('#event_list').after('<div class="fox_success"><p>'+eul.html().trim().replaceAll('<li>', '<p>').replaceAll('</li>', '</p>')+'</p></div>');
    }
  });
</script>

<!-- END: MAIN -->