
    <div id="site_content">
        <div class="sidebar">
        </div>
        <div id="content_container">
        <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
        <div id="content">



		<h2>Подпишитесь сейчас</h2>
        <p>Пожалуйста, полностью заполните нижеприведенную форму, чтобы начать сотрудничество с Office Hof. <br>
		Хотя сервисы кампании Office Hof рассчитаны в основном на юридические лица (компании), это не является обязательным условием; регистрация доступна и частным лицам. В этом случае просто оставьте поле «Название компании» незаполненным.<br>
		Пожалуйста, не забудьте предоставить скан вашей удостоверения личности - это законное требование для такого рода услуг.<br>
		</p>

<div class="hr"></div>
<form class="form" id="sign" action="https://tech.ohof.be/ru/sign-up/" method="post" enctype="multipart/form-data" name="quest">
    <input type="hidden" name="MAX_FILE_SIZE" value="15750000">
	<div class="field clearfix" style = "display: none;">
		<div class="col2">
			<span>Валюта:</span>
				<p>
				Пожалуйста обратите внимание, что, после заполнения формы, выбор типа валюты будет НЕВОЗМОЖНО изменить позже.				</p>
		</div>
		<div class="col2 last">
			<input type="radio" name="iso" value="EUR" checked><label for="radio-1-1"></label><span class="desc">EUR (курсы, выставление счетов и платежи в EUR) рекомендуется</span><br />
			<input type="radio" name="iso" value="USD"><label for="radio-1-2"></label><span class="desc">USD (курс, выставление счетов и платежи в долларах США)</span><br />
		</div>
	</div>

    <!-- Initial Form Fields -->
    <h2>Адрес офиса</h2>
    <div class="field clearfix">
        <div class="col2">
            <span>Адрес офиса:<sup><span style="color: red">*</span></sup></span>
        </div>
        <div class="col2 last">
            <label for="office_situation1" class="radio-desc"><input type="radio" name="office_situation" value="Brussels" id="office_situation1" >Брюссель</label>
            <label for="office_situation2" class="radio-desc"><input type="radio" name="office_situation" value="Flanders" id="office_situation2" >Фландрия</label>
        </div>
    </div>

    <h2>Продукт</h2>
    <div class="field clearfix">
        <div class="col2">
            <span>Пожалуйста, выберите сервис для Виртуального Офиса.<sup><span style="color: red">*</span></sup></span>
        </div>
        <div class="col2 last">
            <label for="product1" class="radio-desc" style="width: 380px"><input type="radio" name="product" value="Virtual_Office_Lite" id="product1"  >Виртуальный офис Lite (69€/месяц)</label><br />
            <label for="product2" class="radio-desc" style="width: 380px"><input type="radio" name="product" value="Virtual_Office" id="product2"  >Виртуальный офис (99€/месяц)</label><br />
            <label for="product3" class="radio-desc" style="width: 380px"><input type="radio" name="product" value="Virtual_Office_Plus" id="product3"  >Виртуальный офис Plus (119€/месяц)</label>
        </div>
    </div>

    <h2>Детали клиента</h2>
    <div class="field clearfix">
        <div class="col2">
            <span>Название компании (если существует):</span>
        </div>
        <div class="col2 last">
            <input type="text" class="data" style="width: 380px" name="cust_name" value="" maxlength="41" onkeypress="return isAlphabitKey(event)">
        </div>
    </div>

	<div class="field clearfix">
		<div class="col2">
			<span>Краткое описание рода деятельности компании:<sup><span style="color: red">*</span></sup></span>
			<p>(Макс. 32 знака, например: ‘транспортная компания‘ или ‘бухгалтерские услуги‘)</p>
		</div>

		<div class="col2 last">
			<input type="text" class="data" style="width: 380px" name="short_description" maxlength="32" onkeypress="return isNotMax(event)">
		</div>
	</div>
	
	<div class="field clearfix">
		<div class="col2">
			<span>Приветствие:</span>
		</div>

		<div class="col2 last">
			<label for="salutation1" class="radio-desc"><input type="radio" name="salutation" value="Mr" id="salutation1" checked>Г-н</label>
			<label for="salutation2" class="radio-desc"><input type="radio" name="salutation" value="Mrs" id="salutation2" >Г-жа</label>
		</div>
	</div>
	
    <div class="field clearfix">
        <div class="col2">
            <span>Имя:<sup><span style="color: red">*</span></sup></span>
        </div>
        <div class="col2 last">
            <input type="text" class="data" style="width: 380px" name="firstname" value="" maxlength="25" onkeypress="return isNotMax(event)">
        </div>
    </div>

    <div class="field clearfix">
        <div class="col2">
            <span>Фамилия:<sup><span style="color: red">*</span></sup></span>
        </div>
        <div class="col2 last">
            <input type="text" class="data" style="width: 380px" name="lastname" value="" maxlength="25" onkeypress="return isNotMax(event)">
        </div>
    </div>

	<div class="field clearfix">
		<div class="col2">
		<span>Страна:<sup><span style="color: red">*</span></sup></span>
		</div>

		<div class="col2 last">
			<select class="select-box_2" name="country" onchange="setup(document.quest.country.value)">
		
			<option value="AF">Afghanistan</option>
	<option value="AX">Aland Islands</option>
	<option value="AL">Albania</option>
	<option value="DZ">Algeria</option>
	<option value="AS">American Samoa</option>
	<option value="AD">Andorra</option>
	<option value="AO">Angola</option>
	<option value="AI">Anguilla</option>
	<option value="AQ">Antarctica</option>
	<option value="AG">Antigua And Barbuda</option>
	<option value="AR">Argentina</option>
	<option value="AM">Armenia</option>
	<option value="AW">Aruba</option>
	<option value="AU">Australia</option>
	<option value="AT">Austria</option>
	<option value="AZ">Azerbaijan</option>
	<option value="BS">Bahamas</option>
	<option value="BH">Bahrain</option>
	<option value="BD">Bangladesh</option>
	<option value="BB">Barbados</option>
	<option value="BY">Belarus</option>
	<option value="BE">Belgium</option>
	<option value="BZ">Belize</option>
	<option value="BJ">Benin</option>
	<option value="BM">Bermuda</option>
	<option value="BT">Bhutan</option>
	<option value="BO">Bolivia</option>
	<option value="BA">Bosnia And Herzegovina</option>
	<option value="BW">Botswana</option>
	<option value="BV">Bouvet Island</option>
	<option value="BR">Brazil</option>
	<option value="IO">British Indian Ocean Territory</option>
	<option value="BN">Brunei Darussalam</option>
	<option value="BG">Bulgaria</option>
	<option value="BF">Burkina Faso</option>
	<option value="BI">Burundi</option>
	<option value="KH">Cambodia</option>
	<option value="CM">Cameroon</option>
	<option value="CA">Canada</option>
	<option value="CV">Cape Verde</option>
	<option value="KY">Cayman Islands</option>
	<option value="CF">Central African Republic</option>
	<option value="TD">Chad</option>
	<option value="CL">Chile</option>
	<option value="CN">China</option>
	<option value="CX">Christmas Island</option>
	<option value="CC">Cocos (Keeling) Islands</option>
	<option value="CO">Colombia</option>
	<option value="KM">Comoros</option>
	<option value="CG">Congo</option>
	<option value="CD">Congo, Democratic Republic</option>
	<option value="CK">Cook Islands</option>
	<option value="CR">Costa Rica</option>
	<option value="CI">Cote D'Ivoire</option>
	<option value="HR">Croatia</option>
	<option value="CU">Cuba</option>
	<option value="CY">Cyprus</option>
	<option value="CZ">Czech Republic</option>
	<option value="DK">Denmark</option>
	<option value="DJ">Djibouti</option>
	<option value="DM">Dominica</option>
	<option value="DO">Dominican Republic</option>
	<option value="EC">Ecuador</option>
	<option value="EG">Egypt</option>
	<option value="SV">El Salvador</option>
	<option value="GQ">Equatorial Guinea</option>
	<option value="ER">Eritrea</option>
	<option value="EE">Estonia</option>
	<option value="ET">Ethiopia</option>
	<option value="FK">Falkland Islands (Malvinas)</option>
	<option value="FO">Faroe Islands</option>
	<option value="FJ">Fiji</option>
	<option value="FI">Finland</option>
	<option value="FR">France</option>
	<option value="GF">French Guiana</option>
	<option value="PF">French Polynesia</option>
	<option value="TF">French Southern Territories</option>
	<option value="GA">Gabon</option>
	<option value="GM">Gambia</option>
	<option value="GE">Georgia</option>
	<option value="DE">Germany</option>
	<option value="GH">Ghana</option>
	<option value="GI">Gibraltar</option>
	<option value="GR">Greece</option>
	<option value="GL">Greenland</option>
	<option value="GD">Grenada</option>
	<option value="GP">Guadeloupe</option>
	<option value="GU">Guam</option>
	<option value="GT">Guatemala</option>
	<option value="GG">Guernsey</option>
	<option value="GN">Guinea</option>
	<option value="GW">Guinea-Bissau</option>
	<option value="GY">Guyana</option>
	<option value="HT">Haiti</option>
	<option value="HM">Heard Island & Mcdonald Islands</option>
	<option value="VA">Holy See (Vatican City State)</option>
	<option value="HN">Honduras</option>
	<option value="HK">Hong Kong</option>
	<option value="HU">Hungary</option>
	<option value="IS">Iceland</option>
	<option value="IN">India</option>
	<option value="ID">Indonesia</option>
	<option value="IR">Iran, Islamic Republic Of</option>
	<option value="IQ">Iraq</option>
	<option value="IE">Ireland</option>
	<option value="IM">Isle Of Man</option>
	<option value="IL">Israel</option>
	<option value="IT">Italy</option>
	<option value="JM">Jamaica</option>
	<option value="JP">Japan</option>
	<option value="JE">Jersey</option>
	<option value="JO">Jordan</option>
	<option value="KZ">Kazakhstan</option>
	<option value="KE">Kenya</option>
	<option value="KI">Kiribati</option>
	<option value="KR">Korea</option>
	<option value="KW">Kuwait</option>
	<option value="KG">Kyrgyzstan</option>
	<option value="LA">Lao People's Democratic Republic</option>
	<option value="LV">Latvia</option>
	<option value="LB">Lebanon</option>
	<option value="LS">Lesotho</option>
	<option value="LR">Liberia</option>
	<option value="LY">Libyan Arab Jamahiriya</option>
	<option value="LI">Liechtenstein</option>
	<option value="LT">Lithuania</option>
	<option value="LU">Luxembourg</option>
	<option value="MO">Macao</option>
	<option value="MK">Macedonia</option>
	<option value="MG">Madagascar</option>
	<option value="MW">Malawi</option>
	<option value="MY">Malaysia</option>
	<option value="MV">Maldives</option>
	<option value="ML">Mali</option>
	<option value="MT">Malta</option>
	<option value="MH">Marshall Islands</option>
	<option value="MQ">Martinique</option>
	<option value="MR">Mauritania</option>
	<option value="MU">Mauritius</option>
	<option value="YT">Mayotte</option>
	<option value="MX">Mexico</option>
	<option value="FM">Micronesia, Federated States Of</option>
	<option value="MD">Moldova</option>
	<option value="MC">Monaco</option>
	<option value="MN">Mongolia</option>
	<option value="ME">Montenegro</option>
	<option value="MS">Montserrat</option>
	<option value="MA">Morocco</option>
	<option value="MZ">Mozambique</option>
	<option value="MM">Myanmar</option>
	<option value="NA">Namibia</option>
	<option value="NR">Nauru</option>
	<option value="NP">Nepal</option>
	<option value="NL">Netherlands</option>
	<option value="NC">New Caledonia</option>
	<option value="NZ">New Zealand</option>
	<option value="NI">Nicaragua</option>
	<option value="NE">Niger</option>
	<option value="NG">Nigeria</option>
	<option value="NU">Niue</option>
	<option value="NF">Norfolk Island</option>
	<option value="MP">Northern Mariana Islands</option>
	<option value="NO">Norway</option>
	<option value="OM">Oman</option>
	<option value="PK">Pakistan</option>
	<option value="PW">Palau</option>
	<option value="PS">Palestinian Territory, Occupied</option>
	<option value="PA">Panama</option>
	<option value="PG">Papua New Guinea</option>
	<option value="PY">Paraguay</option>
	<option value="PE">Peru</option>
	<option value="PH">Philippines</option>
	<option value="PN">Pitcairn</option>
	<option value="PL">Poland</option>
	<option value="PT">Portugal</option>
	<option value="PR">Puerto Rico</option>
	<option value="QA">Qatar</option>
	<option value="RE">Reunion</option>
	<option value="RO">Romania</option>
	<option value="RU">Russian Federation</option>
	<option value="RW">Rwanda</option>
	<option value="BL">Saint Barthelemy</option>
	<option value="SH">Saint Helena</option>
	<option value="KN">Saint Kitts And Nevis</option>
	<option value="LC">Saint Lucia</option>
	<option value="MF">Saint Martin</option>
	<option value="PM">Saint Pierre And Miquelon</option>
	<option value="VC">Saint Vincent And Grenadines</option>
	<option value="WS">Samoa</option>
	<option value="SM">San Marino</option>
	<option value="ST">Sao Tome And Principe</option>
	<option value="SA">Saudi Arabia</option>
	<option value="SN">Senegal</option>
	<option value="RS">Serbia</option>
	<option value="SC">Seychelles</option>
	<option value="SL">Sierra Leone</option>
	<option value="SG">Singapore</option>
	<option value="SK">Slovakia</option>
	<option value="SI">Slovenia</option>
	<option value="SB">Solomon Islands</option>
	<option value="SO">Somalia</option>
	<option value="ZA">South Africa</option>
	<option value="GS">South Georgia And Sandwich Isl.</option>
	<option value="ES">Spain</option>
	<option value="LK">Sri Lanka</option>
	<option value="SD">Sudan</option>
	<option value="SR">Suriname</option>
	<option value="SJ">Svalbard And Jan Mayen</option>
	<option value="SZ">Swaziland</option>
	<option value="SE">Sweden</option>
	<option value="CH">Switzerland</option>
	<option value="SY">Syrian Arab Republic</option>
	<option value="TW">Taiwan</option>
	<option value="TJ">Tajikistan</option>
	<option value="TZ">Tanzania</option>
	<option value="TH">Thailand</option>
	<option value="TL">Timor-Leste</option>
	<option value="TG">Togo</option>
	<option value="TK">Tokelau</option>
	<option value="TO">Tonga</option>
	<option value="TT">Trinidad And Tobago</option>
	<option value="TN">Tunisia</option>
	<option value="TR">Turkey</option>
	<option value="TM">Turkmenistan</option>
	<option value="TC">Turks And Caicos Islands</option>
	<option value="TV">Tuvalu</option>
	<option value="UG">Uganda</option>
	<option value="UA">Ukraine</option>
	<option value="AE">United Arab Emirates</option>
	<option value="GB">United Kingdom</option>
	<option value="US">United States</option>
	<option value="UM">United States Outlying Islands</option>
	<option value="UY">Uruguay</option>
	<option value="UZ">Uzbekistan</option>
	<option value="VU">Vanuatu</option>
	<option value="VE">Venezuela</option>
	<option value="VN">Viet Nam</option>
	<option value="VG">Virgin Islands, British</option>
	<option value="VI">Virgin Islands, U.S.</option>
	<option value="WF">Wallis And Futuna</option>
	<option value="EH">Western Sahara</option>
	<option value="YE">Yemen</option>
	<option value="ZM">Zambia</option>
	<option value="ZW">Zimbabwe</option>
	<option value="no" selected>- Please select -</option>
		</select>
		</div>
	</div>

	
    <div class="field clearfix">
        <div class="col2">
            <span>E-mail:<sup><span style="color: red">*</span></sup></span>
            <span id = "email-error-message" style="color: red"></span>
        </div>
        <div class="col2 last">
            <input type="text" class="data" style="width: 380px" name="email" value="" maxlength="99" onkeypress="return isNotMax(event)">
        </div>
    </div>

	<div  style = "text-align: center" class="submit">
		<input type="button" id="email-confirm-button" onclick="sendEmailVerification()" value = "Подтвердите ваш адрес электронной почты">
	</div>

    <div id="security-code-section" class="field clearfix" style="display:none;">
        <div class="col2">
            <span>Пожалуйста, введите сюда защитный код, полученный по электронной почте</span>
        </div>
        <div class="col2 last">
            <input type="text" class="data" style="width: 140px" name="email_security_code" placeholder="Введите код сюда" maxlength="8" onkeypress="return isNotMax(event)">
			<input type="button" id="otp-confirm-button" onclick="verifySecurityCode()" value = "Подтверждать">
			<input type="button" id="resend-otp-button" onclick="sendEmailVerification()" disabled = "true" value = "Отправить">
        </div>
    </div>
	
	
	 <div id="remaining-fields" style="display:none;">
        <!-- Remaining registration form fields go here -->
        <div class="field clearfix">
            <div class="col2">
                <span>Адрес:<sup><span style="color: red">*</span></sup></span>
            </div>
            <div class="col2 last">
                <input type=text class=data style="width: 380px" name=address maxlength="41" onkeypress="return isNotMax(event)" onkeyup="setFields()">
            </div>
        </div>
		
		<div class="field clearfix">
            <div class="col2">
                <span>Город:<sup><span style="color: red">*</span></sup></span>
            </div>
            <div class="col2 last">
                <input type="text" class="data" style="width: 380px" name="city" maxlength="31" onkeypress="return isNotMax(event)">
            </div>
        </div>
		
		<div class="field clearfix">
            <div class="col2">
                <span>Почтовый индекс:<sup><span style="color: red">*</span></sup></span>
            </div>
            <div class="col2 last">
                <input type="text" class="data" style="width: 380px" name="zip" maxlength="17" onkeypress="return isNotMax(event)">
            </div>
        </div>
		
		<div class="field clearfix">
			<div class="col2">
			<span>Язык веб-интерфейса:</span>
			</div>

			<div class="col2 last">
			<select name="web_lang" class="select-box_2">
					<option value="en">Английский (по умолчанию)</option>
				<option value="en">English</option>
	<option value="fr">French</option>
	<option value="nl">Dutch</option>
	<option value="ru" selected>Russian</option>
				</select>
			</div>
		</div>
		
		<div class="field clearfix" style="display:none">
			<div class="col2">
			<span>Предпочитаемый временной пояс:</span>
			</div>

			<div class="col2 last">
				<select name="time_zone" class="select-box_2">
					<option value="42">Европа/Брюссель ( по умолчанию)</option>
						<option value="97">Africa/Abidjan</option>
	<option value="145">Africa/Accra</option>
	<option value="129">Africa/Addis_Ababa</option>
	<option value="119">Africa/Algiers</option>
	<option value="125">Africa/Asmara</option>
	<option value="213">Africa/Bamako</option>
	<option value="94">Africa/Bangui</option>
	<option value="150">Africa/Banjul</option>
	<option value="158">Africa/Bissau</option>
	<option value="226">Africa/Blantyre</option>
	<option value="95">Africa/Brazzaville</option>
	<option value="46">Africa/Bujumbura</option>
	<option value="123">Africa/Cairo</option>
	<option value="206">Africa/Casablanca</option>
	<option value="127">Africa/Ceuta</option>
	<option value="151">Africa/Conakry</option>
	<option value="300">Africa/Dakar</option>
	<option value="322">Africa/Dar_es_Salaam</option>
	<option value="115">Africa/Djibouti</option>
	<option value="101">Africa/Douala</option>
	<option value="124">Africa/El_Aaiun</option>
	<option value="298">Africa/Freetown</option>
	<option value="66">Africa/Gaborone</option>
	<option value="369">Africa/Harare</option>
	<option value="367">Africa/Johannesburg</option>
	<option value="327">Africa/Kampala</option>
	<option value="290">Africa/Khartoum</option>
	<option value="286">Africa/Kigali</option>
	<option value="92">Africa/Kinshasa</option>
	<option value="242">Africa/Lagos</option>
	<option value="139">Africa/Libreville</option>
	<option value="310">Africa/Lome</option>
	<option value="9">Africa/Luanda</option>
	<option value="93">Africa/Lubumbashi</option>
	<option value="368">Africa/Lusaka</option>
	<option value="153">Africa/Malabo</option>
	<option value="237">Africa/Maputo</option>
	<option value="201">Africa/Maseru</option>
	<option value="306">Africa/Mbabane</option>
	<option value="301">Africa/Mogadishu</option>
	<option value="200">Africa/Monrovia</option>
	<option value="180">Africa/Nairobi</option>
	<option value="308">Africa/Ndjamena</option>
	<option value="240">Africa/Niamey</option>
	<option value="221">Africa/Nouakchott</option>
	<option value="43">Africa/Ouagadougou</option>
	<option value="47">Africa/Porto-Novo</option>
	<option value="303">Africa/Sao_Tome</option>
	<option value="205">Africa/Tripoli</option>
	<option value="315">Africa/Tunis</option>
	<option value="238">Africa/Windhoek</option>
	<option value="350">America/Adak</option>
	<option value="346">America/Anchorage</option>
	<option value="5">America/Anguilla</option>
	<option value="4">America/Antigua</option>
	<option value="55">America/Araguaina</option>
	<option value="19">America/Argentina/Buenos_Aires</option>
	<option value="23">America/Argentina/Catamarca</option>
	<option value="21">America/Argentina/Cordoba</option>
	<option value="22">America/Argentina/Jujuy</option>
	<option value="20">America/Argentina/La_Rioja</option>
	<option value="24">America/Argentina/Mendoza</option>
	<option value="393">America/Argentina/Rio_Gallegos</option>
	<option value="388">America/Argentina/San_Juan</option>
	<option value="395">America/Argentina/San_Luis</option>
	<option value="389">America/Argentina/Tucuman</option>
	<option value="384">America/Argentina/Ushuaia</option>
	<option value="37">America/Aruba</option>
	<option value="269">America/Asuncion</option>
	<option value="399">America/Atikokan</option>
	<option value="396">America/Bahia</option>
	<option value="40">America/Barbados</option>
	<option value="52">America/Belem</option>
	<option value="68">America/Belize</option>
	<option value="404">America/Blanc-Sablon</option>
	<option value="60">America/Boa_Vista</option>
	<option value="107">America/Bogota</option>
	<option value="342">America/Boise</option>
	<option value="81">America/Cambridge_Bay</option>
	<option value="374">America/Campo_Grande</option>
	<option value="228">America/Cancun</option>
	<option value="357">America/Caracas</option>
	<option value="144">America/Cayenne</option>
	<option value="191">America/Cayman</option>
	<option value="339">America/Chicago</option>
	<option value="232">America/Chihuahua</option>
	<option value="108">America/Costa_Rica</option>
	<option value="58">America/Cuiaba</option>
	<option value="8">America/Curacao</option>
	<option value="379">America/Danmarkshavn</option>
	<option value="90">America/Dawson</option>
	<option value="87">America/Dawson_Creek</option>
	<option value="341">America/Denver</option>
	<option value="332">America/Detroit</option>
	<option value="117">America/Dominica</option>
	<option value="84">America/Edmonton</option>
	<option value="62">America/Eirunepe</option>
	<option value="304">America/El_Salvador</option>
	<option value="53">America/Fortaleza</option>
	<option value="71">America/Glace_Bay</option>
	<option value="148">America/Godthab</option>
	<option value="72">America/Goose_Bay</option>
	<option value="307">America/Grand_Turk</option>
	<option value="142">America/Grenada</option>
	<option value="152">America/Guadeloupe</option>
	<option value="156">America/Guatemala</option>
	<option value="120">America/Guayaquil</option>
	<option value="159">America/Guyana</option>
	<option value="70">America/Halifax</option>
	<option value="109">America/Havana</option>
	<option value="233">America/Hermosillo</option>
	<option value="335">America/Indiana/Indianapolis</option>
	<option value="337">America/Indiana/Knox</option>
	<option value="336">America/Indiana/Marengo</option>
	<option value="378">America/Indiana/Petersburg</option>
	<option value="382">America/Indiana/Tell_City</option>
	<option value="338">America/Indiana/Vevay</option>
	<option value="375">America/Indiana/Vincennes</option>
	<option value="377">America/Indiana/Winamac</option>
	<option value="86">America/Inuvik</option>
	<option value="77">America/Iqaluit</option>
	<option value="177">America/Jamaica</option>
	<option value="347">America/Juneau</option>
	<option value="333">America/Kentucky/Louisville</option>
	<option value="334">America/Kentucky/Monticello</option>
	<option value="50">America/La_Paz</option>
	<option value="253">America/Lima</option>
	<option value="345">America/Los_Angeles</option>
	<option value="56">America/Maceio</option>
	<option value="243">America/Managua</option>
	<option value="61">America/Manaus</option>
	<option value="376">America/Marigot</option>
	<option value="220">America/Martinique</option>
	<option value="231">America/Mazatlan</option>
	<option value="340">America/Menominee</option>
	<option value="229">America/Merida</option>
	<option value="227">America/Mexico_City</option>
	<option value="261">America/Miquelon</option>
	<option value="402">America/Moncton</option>
	<option value="230">America/Monterrey</option>
	<option value="352">America/Montevideo</option>
	<option value="73">America/Montreal</option>
	<option value="222">America/Montserrat</option>
	<option value="64">America/Nassau</option>
	<option value="331">America/New_York</option>
	<option value="74">America/Nipigon</option>
	<option value="349">America/Nome</option>
	<option value="51">America/Noronha</option>
	<option value="405">America/North_Dakota/Center</option>
	<option value="392">America/North_Dakota/New_Salem</option>
	<option value="252">America/Panama</option>
	<option value="76">America/Pangnirtung</option>
	<option value="302">America/Paramaribo</option>
	<option value="344">America/Phoenix</option>
	<option value="163">America/Port-au-Prince</option>
	<option value="59">America/Porto_Velho</option>
	<option value="319">America/Port_of_Spain</option>
	<option value="263">America/Puerto_Rico</option>
	<option value="80">America/Rainy_River</option>
	<option value="78">America/Rankin_Inlet</option>
	<option value="54">America/Recife</option>
	<option value="82">America/Regina</option>
	<option value="372">America/Resolute</option>
	<option value="63">America/Rio_Branco</option>
	<option value="381">America/Santarem</option>
	<option value="99">America/Santiago</option>
	<option value="118">America/Santo_Domingo</option>
	<option value="57">America/Sao_Paulo</option>
	<option value="147">America/Scoresbysund</option>
	<option value="343">America/Shiprock</option>
	<option value="391">America/St_Barthelemy</option>
	<option value="69">America/St_Johns</option>
	<option value="187">America/St_Kitts</option>
	<option value="197">America/St_Lucia</option>
	<option value="359">America/St_Thomas</option>
	<option value="356">America/St_Vincent</option>
	<option value="83">America/Swift_Current</option>
	<option value="161">America/Tegucigalpa</option>
	<option value="149">America/Thule</option>
	<option value="75">America/Thunder_Bay</option>
	<option value="234">America/Tijuana</option>
	<option value="398">America/Toronto</option>
	<option value="358">America/Tortola</option>
	<option value="88">America/Vancouver</option>
	<option value="89">America/Whitehorse</option>
	<option value="79">America/Winnipeg</option>
	<option value="348">America/Yakutat</option>
	<option value="85">America/Yellowknife</option>
	<option value="15">Antarctica/Casey</option>
	<option value="14">Antarctica/Davis</option>
	<option value="17">Antarctica/DumontDUrville</option>
	<option value="13">Antarctica/Mawson</option>
	<option value="10">Antarctica/McMurdo</option>
	<option value="12">Antarctica/Palmer</option>
	<option value="387">Antarctica/Rothera</option>
	<option value="11">Antarctica/South_Pole</option>
	<option value="18">Antarctica/Syowa</option>
	<option value="16">Antarctica/Vostok</option>
	<option value="295">Arctic/Longyearbyen</option>
	<option value="364">Asia/Aden</option>
	<option value="192">Asia/Almaty</option>
	<option value="178">Asia/Amman</option>
	<option value="285">Asia/Anadyr</option>
	<option value="194">Asia/Aqtau</option>
	<option value="193">Asia/Aqtobe</option>
	<option value="314">Asia/Ashgabat</option>
	<option value="173">Asia/Baghdad</option>
	<option value="45">Asia/Bahrain</option>
	<option value="38">Asia/Baku</option>
	<option value="311">Asia/Bangkok</option>
	<option value="196">Asia/Beirut</option>
	<option value="181">Asia/Bishkek</option>
	<option value="49">Asia/Brunei</option>
	<option value="386">Asia/Choibalsan</option>
	<option value="104">Asia/Chongqing</option>
	<option value="199">Asia/Colombo</option>
	<option value="305">Asia/Damascus</option>
	<option value="41">Asia/Dhaka</option>
	<option value="317">Asia/Dili</option>
	<option value="2">Asia/Dubai</option>
	<option value="312">Asia/Dushanbe</option>
	<option value="264">Asia/Gaza</option>
	<option value="102">Asia/Harbin</option>
	<option value="160">Asia/Hong_Kong</option>
	<option value="217">Asia/Hovd</option>
	<option value="400">Asia/Ho_Chi_Minh</option>
	<option value="280">Asia/Irkutsk</option>
	<option value="165">Asia/Jakarta</option>
	<option value="168">Asia/Jayapura</option>
	<option value="170">Asia/Jerusalem</option>
	<option value="3">Asia/Kabul</option>
	<option value="284">Asia/Kamchatka</option>
	<option value="259">Asia/Karachi</option>
	<option value="106">Asia/Kashgar</option>
	<option value="246">Asia/Katmandu</option>
	<option value="171">Asia/Kolkata</option>
	<option value="279">Asia/Krasnoyarsk</option>
	<option value="235">Asia/Kuala_Lumpur</option>
	<option value="236">Asia/Kuching</option>
	<option value="190">Asia/Kuwait</option>
	<option value="218">Asia/Macau</option>
	<option value="283">Asia/Magadan</option>
	<option value="167">Asia/Makassar</option>
	<option value="258">Asia/Manila</option>
	<option value="251">Asia/Muscat</option>
	<option value="112">Asia/Nicosia</option>
	<option value="278">Asia/Novosibirsk</option>
	<option value="277">Asia/Omsk</option>
	<option value="390">Asia/Oral</option>
	<option value="182">Asia/Phnom_Penh</option>
	<option value="166">Asia/Pontianak</option>
	<option value="188">Asia/Pyongyang</option>
	<option value="270">Asia/Qatar</option>
	<option value="373">Asia/Qyzylorda</option>
	<option value="215">Asia/Rangoon</option>
	<option value="287">Asia/Riyadh</option>
	<option value="394">Asia/Sakhalin</option>
	<option value="353">Asia/Samarkand</option>
	<option value="189">Asia/Seoul</option>
	<option value="103">Asia/Shanghai</option>
	<option value="292">Asia/Singapore</option>
	<option value="321">Asia/Taipei</option>
	<option value="354">Asia/Tashkent</option>
	<option value="143">Asia/Tbilisi</option>
	<option value="174">Asia/Tehran</option>
	<option value="65">Asia/Thimphu</option>
	<option value="179">Asia/Tokyo</option>
	<option value="216">Asia/Ulaanbaatar</option>
	<option value="105">Asia/Urumqi</option>
	<option value="195">Asia/Vientiane</option>
	<option value="282">Asia/Vladivostok</option>
	<option value="281">Asia/Yakutsk</option>
	<option value="276">Asia/Yekaterinburg</option>
	<option value="7">Asia/Yerevan</option>
	<option value="267">Atlantic/Azores</option>
	<option value="48">Atlantic/Bermuda</option>
	<option value="128">Atlantic/Canary</option>
	<option value="110">Atlantic/Cape_Verde</option>
	<option value="137">Atlantic/Faroe</option>
	<option value="266">Atlantic/Madeira</option>
	<option value="175">Atlantic/Reykjavik</option>
	<option value="155">Atlantic/South_Georgia</option>
	<option value="132">Atlantic/Stanley</option>
	<option value="293">Atlantic/St_Helena</option>
	<option value="34">Australia/Adelaide</option>
	<option value="32">Australia/Brisbane</option>
	<option value="31">Australia/Broken_Hill</option>
	<option value="380">Australia/Currie</option>
	<option value="35">Australia/Darwin</option>
	<option value="397">Australia/Eucla</option>
	<option value="28">Australia/Hobart</option>
	<option value="33">Australia/Lindeman</option>
	<option value="27">Australia/Lord_Howe</option>
	<option value="29">Australia/Melbourne</option>
	<option value="36">Australia/Perth</option>
	<option value="30">Australia/Sydney</option>
	<option value="244">Europe/Amsterdam</option>
	<option value="1">Europe/Andorra</option>
	<option value="154">Europe/Athens</option>
	<option value="366">Europe/Belgrade</option>
	<option value="114">Europe/Berlin</option>
	<option value="297">Europe/Bratislava</option>
	<option value="42">Europe/Brussels</option>
	<option value="272">Europe/Bucharest</option>
	<option value="164">Europe/Budapest</option>
	<option value="208">Europe/Chisinau</option>
	<option value="116">Europe/Copenhagen</option>
	<option value="169">Europe/Dublin</option>
	<option value="146">Europe/Gibraltar</option>
	<option value="385">Europe/Guernsey</option>
	<option value="130">Europe/Helsinki</option>
	<option value="383">Europe/Isle_of_Man</option>
	<option value="318">Europe/Istanbul</option>
	<option value="141">Europe/Jersey</option>
	<option value="273">Europe/Kaliningrad</option>
	<option value="323">Europe/Kiev</option>
	<option value="265">Europe/Lisbon</option>
	<option value="294">Europe/Ljubljana</option>
	<option value="140">Europe/London</option>
	<option value="203">Europe/Luxembourg</option>
	<option value="126">Europe/Madrid</option>
	<option value="223">Europe/Malta</option>
	<option value="403">Europe/Mariehamn</option>
	<option value="67">Europe/Minsk</option>
	<option value="207">Europe/Monaco</option>
	<option value="274">Europe/Moscow</option>
	<option value="245">Europe/Oslo</option>
	<option value="138">Europe/Paris</option>
	<option value="401">Europe/Podgorica</option>
	<option value="113">Europe/Prague</option>
	<option value="204">Europe/Riga</option>
	<option value="176">Europe/Rome</option>
	<option value="275">Europe/Samara</option>
	<option value="299">Europe/San_Marino</option>
	<option value="39">Europe/Sarajevo</option>
	<option value="326">Europe/Simferopol</option>
	<option value="212">Europe/Skopje</option>
	<option value="44">Europe/Sofia</option>
	<option value="291">Europe/Stockholm</option>
	<option value="122">Europe/Tallinn</option>
	<option value="6">Europe/Tirane</option>
	<option value="324">Europe/Uzhgorod</option>
	<option value="198">Europe/Vaduz</option>
	<option value="355">Europe/Vatican</option>
	<option value="26">Europe/Vienna</option>
	<option value="202">Europe/Vilnius</option>
	<option value="371">Europe/Volgograd</option>
	<option value="260">Europe/Warsaw</option>
	<option value="162">Europe/Zagreb</option>
	<option value="325">Europe/Zaporozhye</option>
	<option value="96">Europe/Zurich</option>
	<option value="209">Indian/Antananarivo</option>
	<option value="172">Indian/Chagos</option>
	<option value="111">Indian/Christmas</option>
	<option value="91">Indian/Cocos</option>
	<option value="186">Indian/Comoro</option>
	<option value="309">Indian/Kerguelen</option>
	<option value="289">Indian/Mahe</option>
	<option value="225">Indian/Maldives</option>
	<option value="224">Indian/Mauritius</option>
	<option value="365">Indian/Mayotte</option>
	<option value="271">Indian/Reunion</option>
	<option value="363">Pacific/Apia</option>
	<option value="249">Pacific/Auckland</option>
	<option value="250">Pacific/Chatham</option>
	<option value="100">Pacific/Easter</option>
	<option value="361">Pacific/Efate</option>
	<option value="184">Pacific/Enderbury</option>
	<option value="313">Pacific/Fakaofo</option>
	<option value="131">Pacific/Fiji</option>
	<option value="320">Pacific/Funafuti</option>
	<option value="121">Pacific/Galapagos</option>
	<option value="256">Pacific/Gambier</option>
	<option value="288">Pacific/Guadalcanal</option>
	<option value="157">Pacific/Guam</option>
	<option value="351">Pacific/Honolulu</option>
	<option value="328">Pacific/Johnston</option>
	<option value="185">Pacific/Kiritimati</option>
	<option value="136">Pacific/Kosrae</option>
	<option value="211">Pacific/Kwajalein</option>
	<option value="210">Pacific/Majuro</option>
	<option value="255">Pacific/Marquesas</option>
	<option value="329">Pacific/Midway</option>
	<option value="247">Pacific/Nauru</option>
	<option value="248">Pacific/Niue</option>
	<option value="241">Pacific/Norfolk</option>
	<option value="239">Pacific/Noumea</option>
	<option value="25">Pacific/Pago_Pago</option>
	<option value="268">Pacific/Palau</option>
	<option value="262">Pacific/Pitcairn</option>
	<option value="135">Pacific/Ponape</option>
	<option value="257">Pacific/Port_Moresby</option>
	<option value="98">Pacific/Rarotonga</option>
	<option value="219">Pacific/Saipan</option>
	<option value="254">Pacific/Tahiti</option>
	<option value="183">Pacific/Tarawa</option>
	<option value="316">Pacific/Tongatapu</option>
	<option value="134">Pacific/Truk</option>
	<option value="330">Pacific/Wake</option>
	<option value="362">Pacific/Wallis</option>
	<option value="370">UTC</option>
				</select>
			</div>
		</div>

		<div class="field clearfix">
			<div class="col2">
				<span>Телефон:<sup><span style="color: red">*</span></sup></span>
			</div>
			
			<div class="col2 last">
				<input type="text" class="data" style="width: 380px" name="phone" maxlength="21" onkeypress="return isNotMax(event)">
			</div>
		</div>
		
		<p>
		(Ячейки отмеченные символом “*” обязательны к заполнению). (Мин. 4 символа, могут содержать только ЛАТИНСКИЕ буквы, цифры, символы '-', '_', '@' и '.')		</p>

		<h2>Пожалуйста приложите к заявке скан вашего паспорта или документа, удостоверяющего личность</h2>

		<div class="field clearfix">
			<div class="col2">
				<span>Скан удостоверения личности или паспорта (15MB максимум):<sup><span style="color: red">*</span></sup> </span>
				<p>(Если вы хотите предоставить несколько страниц документа, сгруппируйте их в отправляемом архивном zip-файле)</p>
			</div>
			
			<div class="col2 last">
			<input class="data" type="file" title="Choose a file to upload" name="userfile" id="userfile" size="45">
			<!--<input type="file" name="userfile" id="userfile" class="inputfile" />-->
			<!--<label for="userfile">Choose a file (Click me)</label>-->
			</div>
		</div>
		
		<div class="field clearfix">
	
	<div class="col2" id = "labelNonEU" style = "display: block;" >
		<span>Европейский номер плательщика НДС или прочий идентификатор компании:</span>
	</div>
	
	<?echo $country ;?>

	<div class="col2" id = "labelEU" style = "display: none;" >
		<span>Европейский номер плательщика НДС или прочий идентификатор компании:</span>
	</div>
	
	<!--<div id ="rep"> -->
		<div class="col2 last">
			<input id = "vat_num" type="text" style="width: 168px; important!" name="vat_num" maxlength="16" onkeypress="return isNotMax(event)">
		</div>
	<!--</div>-->
	</div>

	<div class="field clearfix">
		<div class="col2">
		<span>Промо-код:</span>
		</div>

		<div class="col2 last">
			<input style="width: 168px; !important" type="text" id="promotion_code" name="promotion_code" maxlength="12" onkeypress="return isNumberKey(event)">
		</div>
	</div>

	<div class="field clearfix">
		<div class="col2">
		<span>Код безопасности:<sup><span style="color: red">*</span></sup></span>
		</div>

		<div class="col2 last">
			<img alt="Security code" src="https://tech.ohof.be/wp-content/plugins/ohof-sign-up/lib/CaptchaSecurityImages.php" style=" width:120px; height:40px; vertical-align:middle; !important">
			<input style="width: 250px; !important" type="text" id="security_code" name="security_code" placeholder="Введите код сюда" maxlength="8" onkeypress="return isNotMax(event)">
		</div>
	</div>
	
	<div class="field clearfix">
		<div class="col2">
			<span>	Нажимая на кнопку «Подтвердить» я подтверждаю, что прочитал и согласен					<a href="https://tech.ohof.be/ru/terms_of_use" target="_blank">					Условия использования					</a>					и я подтверждаю правдивость предоставленных мною данных		
			</span>
		</div>
		
		<div class="col2 last">
			<input type=submit name=submit id="mybutton" value=Отправить onClick='return disableMe()'>
		</div>
	</div>
		
	</div>
	
   

</form>

<script>
function sendEmailVerification() {
    var email = document.querySelector('input[name="email"]').value;
	var firstname = document.querySelector('input[name="firstname"]').value;
	var lastname = document.querySelector('input[name="lastname"]').value;
	var country = document.querySelector('select[name="country"]').value;
	var short_description = document.querySelector('input[name="short_description"]').value;
	const radios = document.querySelectorAll('input[name="product"]');
	var product;
	for (const radio of radios) {
		if (radio.checked) {
		  product = radio.value; // Return the value of the selected radio button
		  break;
		}
	}
	
	const radios2 = document.querySelectorAll('input[name="office_situation"]');
	var office_situation;
	for (const radio of radios2) {
		if (radio.checked) {
		  office_situation = radio.value; // Return the value of the selected radio button
		  break;
		}
	}
	
	
	if(!office_situation || !product || !short_description || !email || !firstname || !lastname || !country || (country == "no")){
		alert('Please enter all required fields (marked with *).');
		return;
	} 
    if (email) {
		// Disable resend button
		var resend_otp_button = document.getElementById('resend-otp-button');
		resend_otp_button.disable = true;

		fetch('/wp-json/ohof-sign-up/v1/send-email-verification', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ email: email }),
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
				document.getElementById('email-error-message').style.color = 'green';
				document.getElementById('email-error-message').innerText = data.message;
				startCountdown(60); // Start countdown with 2 minutes (120 seconds)
                document.getElementById('security-code-section').style.display = 'block';
				document.getElementById('email-confirm-button').style.display = "none";

            } else {
				document.getElementById('email-error-message').style.color = 'red';
				document.getElementById('email-error-message').innerText = data.message;
            }
        });
    } else {
        alert('Please enter a valid email address.');
    }
}


function verifySecurityCode() {
    var securityCode = document.querySelector('input[name="email_security_code"]').value;
	var email = document.querySelector('input[name="email"]').value;
    if (securityCode) {
        fetch('/wp-json/ohof-sign-up/v1/verify-security-code', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ 
				security_code: securityCode,
				email: email 
			}),
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
				document.getElementById('security-code-section').style.display = 'none';
                document.getElementById('remaining-fields').style.display = 'block';
				document.getElementById('email-error-message').style.color = 'green';
				document.getElementById('email-error-message').innerText = data.message;
				//document.querySelector('input[name="email"]').disabled = true;
            } else {
				
                alert(data.message);
            }
        });
    } else {
        alert('Please enter the security code.');
    }
}

function startCountdown(seconds) {
    var resend_otp_button = document.getElementById('resend-otp-button');
    var interval = setInterval(function() {
        var minutes = Math.floor(seconds / 60);
        var remainingSeconds = seconds % 60;
        resend_otp_button.value = minutes + ":" + (remainingSeconds < 10 ? "0" : "") + remainingSeconds;
        if (seconds <= 0) {
            clearInterval(interval);
            resend_otp_button.value = "Отправить";
			resend_otp_button.disabled = false;
        }
        seconds--;
    }, 1000);
}



</script>
        </div>
        <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
      </div>
    </div>


  </div>
</body>
</html>
{"id":26334,"date":"2025-05-13T17:27:22","date_gmt":"2025-05-13T17:27:22","guid":{"rendered":"https:\/\/devtech.ohof.be\/%d0%b7%d0%b0%d1%80%d0%b5%d0%b3%d0%b8%d1%81%d1%82%d1%80%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d1%82%d1%8c%d1%81%d1%8f\/"},"modified":"2025-05-14T00:00:31","modified_gmt":"2025-05-14T00:00:31","slug":"sign-up","status":"publish","type":"page","link":"https:\/\/tech.ohof.be\/ru\/sign-up\/","title":{"rendered":"\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/pages\/26334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/comments?post=26334"}],"version-history":[{"count":1,"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/pages\/26334\/revisions"}],"predecessor-version":[{"id":26366,"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/pages\/26334\/revisions\/26366"}],"wp:attachment":[{"href":"https:\/\/tech.ohof.be\/ru\/wp-json\/wp\/v2\/media?parent=26334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}