<!-- type here your code if needed: -->


<!-- This will run a js script without any PRO VERSIONS of wp snippets -->

<script> console.log('custom-js-runner loaded and ready for fight!'); </script>

<!-- Next block will be executed once docment will be loaded. -->
<script>
	document.addEventListener('DOMContentLoaded', function() {
  		setTimeout(() => {  // Timer for 0.5 sec
			function findElementByText(selector, text) {
	  			const elements = document.querySelectorAll(selector);
  				return Array.from(elements).find(el => el.textContent.trim() === text);
			}
			const legacy = findElementByText('div', '[form2_call]');
			legacy.remove();

  		}, 500);
		document.getElementById("slide-form-btn").addEventListener("click", function(){ console.log('[!] Call back form called!'); const slide_form = document.getElementById('slide-container'); slide_form.style.display = "all"; }); 	
	});

  	
</script>

<!-- Cloudflare -->
    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js"
			async
      		defer>
    </script>

<!-- reCaptcha v2 -->
	<script src="https://www.google.com/recaptcha/api.js?onload=re_success_back&render=explicit" 
			async
			defer>
	</script>

    <script>
      function enableSubmit() {
        document.getElementById("submit").disabled = false;
      }
    </script>


<!-- It also can insert a style so.. do whatever you want...  -->
<style>
	
</style>

<iframe name="hidden_iframe" style="display:none;"></iframe>

	<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>    
	
	<div class="sidebar-backdrop" style="display: none; z-index: 1400 !important; width: 100vw !important; height: 100vh !important; align-content: center; position: fixed;text-align: center;" id="loading-s">
		<svg class="spinner" id="lcon" version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
    		<path d="M78.2 81.5v122.7c0-14.4 5.2-25.4 15.5-34.7 9.4-8.5 21.5-13.5 35.2-13.5 14.6 0 25.8 5.1 35.2 15.2 9.4 9.3 13.7 21.2 13.7 35.5V83.2c0-13.5-5.2-25.4-13.7-35.5-9.4-9.3-20.6-14.4-35.2-15.2-13.7 0-25.8 5.1-35.2 13.5-10.4 9.2-15.5 21.1-15.5 35.5zM0 133.1C0 62.8 57.6 7 128 7s128 56.7 128 126.1c0 52.5-31.8 97.3-78.2 115.9v-.8c0-13.5-5.2-25.4-13.7-35.5-9.4-9.3-20.6-14.4-35.2-15.2-13.7 0-25.8 5.1-35.2 13.5-9.4 8.5-14.6 20.3-15.5 34.7v2.5C31.8 230.4 0 184.7 0 133.1z"
          fill="#fff"/>
		</svg>

		<script>
			function close_ls(){ document.getElementById('loading-s').style.display='none';};
		</script>

	    <script>
		
		window.human = false;
		window.cf_human = false;
		window.re_human = true;
		window.FormAFilled = false;
		window.FormBFilled = false;

      	window.enableSubmitA = function (token) {
  			window.human = true;
			window.cf_human = true;
			if (typeof updateUI === 'function') updateUI();
			console.log('[!] CloudFlare success. (order form)');
		};
      	window.enableSubmitB = function (token) {
  			window.human = true;
			window.cf_human = true;
			if (typeof updateUI === 'function') updateUI();
			console.log('[!] CloudFlare success. (callback form)');
		};

		window.re_success_back = function (token) {
			window.re_human = true;
			if (typeof updateUI === 'function') updateUI();
	    	console.log('[!] reCaptcha success.');
		};


    	</script>
		<div id="done-dial" style="display: none; width: 85vw; max-width: 350px; min-height: 280px; padding: 15pt; box-sizing: border-box; background-color: #FAFAFA; margin: 0 auto; border-radius: 25px;">
			
			<img style="padding-top: 10pt;" src="/order-db-sys/res/nbg.png" width="100px" height="100px" class="center-dd">

			<h2>Спасибо!</h2>
			<p> Мы свяжемся с Вами в ближайшее время для уточнения деталей и расчета стоимости тиража.</p>

			<form>		
			<div style="margin-top: 10pt; text-align: center;"><input style="font-size: 12pt; font-weight: 300; float: center;  color: white; border-radius: 900px; box-shadow: 0 4px 6px 0 rgba(255,66,66,.14) , 0 4px 4px -3px rgba(255,66,66,.2) , 0 2px 8px 0 rgba(255,66,66,.12); padding: 8pt; width: 78%; background-color: rgba(225, 23, 37, 0.9); border: none;" type="submit" value="ок" id="submit" onclick="close_ls()"></div>
			</form>

			<style>
				.center-dd {
  					display: block;
  					margin-left: auto;
  					margin-right: auto;
				}	
			</style>
		</div>
<style>
.spinner {
    width: 48px;
    height: 48px; 
    margin: 0 auto;
    animation:  flipY 1s linear infinite;
    transform-origin: center;

}


@keyframes flipY {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}
	</style>
</div>

<script>
function updateUI() {
  const canA = window.human && window.FormAFilled && window.re_human;
  const canB = window.human && window.FormBFilled && window.re_human;
  const a = document.getElementById('submitA');
  const b = document.getElementById('submitB');

  if (a) a.disabled = !canA;
  if (b) b.disabled = !canB;

  console.log("udated.");
}

document.addEventListener('DOMContentLoaded', () => {
document.addEventListener('input', (e) => {
  if (e.target.matches('input, textarea, select')) {
    window.FormAFilled = allRequiredFilled('side-order-form');
	window.FormBFilled = allRequiredFilled('side-callback-form');
	updateUI();
	
  }
});});
</script>

<div id="slide-container" style="display: none;">
	<div class="sidebar-backdrop" id="slide-back" onclick="document.getElementById('slide-container').style.display = 'none';" style=""></div>
	<div class="sidebar-dialog">
	<!--<h2 style="font-size: 28px; line-height: 1.4; margin-left: 23.24px; " id="h2id">Заявка на расчёт</h2>-->

	<h3 style="line-height: 1; margin-left: 5vw;" id="h2ida">Заявка на расчёт <strong style="margin-left: 10vw; color: #e3393c; font-size: 24pt; width: 2vw; height: 2vh;" onclick="document.getElementById('slide-container').style.display = 'none';"><!--╳-->×</strong> </h3>

	<h3 style="display:none; line-height:1; margin-left:5vw; white-space:nowrap;" id="h2idb"> Заказать обратный звонок <strong style="margin-left:10vw; color:#e3393c; font-size:24pt; width:2vw; height:2vh; display:inline-block; vertical-align:middle;" onclick="document.getElementById('slide-container').style.display='none';">×</strong></h3>
	
		<hr>
		<div id="order" style="margin: 0 auto; margin-top: 15pt;  align-content: center;">
		<form action="/order-db-sys/scripts/insert-order.php" id="side-order-form"  method="post" enctype="multipart/form-data" target="hidden_iframe">
			<div class="data-block" style="width: 60%"> <button id="to_callback" style="margin: 8hv;" type="button" class="switch-btn"><i class="fa fa-phone"></i> Лучше позвоните мне</button></div>
			<!-- <br> -->


			<!--  client personal data -->
			<div class="data-block" style="padding: 8pt;">
				<label> <strong> Представьтесь, пожалуйста </strong></label>
	                	<input type="text" required="required" id="name" name="name" class="line-input" placeholder="Как Вас зовут?"></br>
			</div>

			<div class="data-block"  style="padding: 8pt;">
				<label> <strong> Как с Вами связаться? </strong></label>
 	               	 	<input type="text" required="required" placeholder="Контактный телефон" name="phone" id="phone" class="line-input"></br>
				<input type="text" required="required" placeholder="Электронная почта" name="email" id="email" class="line-input"></br>
               		</div>
			<div class="data-block" style="padding: 8pt;">
				<label> <strong> Заказ </strong></label>
				
				<!--  product type -->
				<p style="color: rgba(225, 23, 37, 0.9); outline: none; font-family: "Open Sans", Sans-serif; padding: 3pt;padding-bottom: 4pt!important; "> Выберите интересующий продукт: </p>
                		<div class="field-box">
                        		<select class="line-input" name="p_type" id="product-type" style="margin-bottom: 12pt; margin-top: 0; width: 100%;">
						<!--  -->
						<option value="2">Альбомы</option><option value="3">Атласы</option><option value="4">Путеводитель</option><option value="5">Блокнот</option><option value="6">Брошюра</option><option value="7">Годовой отчет</option><option value="8">Журнал</option><option value="9">Инструкции</option><option value="10">Памятки</option><option value="11">Гарантийные талоны</option><option value="12">Каталог</option><option value="13">Кубарики</option><option value="14">Блоки для записей</option><option value="15">Меню для ресторана</option><option value="16">Барная карта</option><option value="17">Газеты</option><option value="18">Книги</option><option value="19">Комиксы</option><option value="20">Тетради</option><option value="21">Планинги</option><option value="22">Ежедневники</option><option value="23">Раскраски</option><option value="24">Самокопирующиеся бланки</option><option value="25">Скетчбуки</option><option value="26">Купоны</option><option value="27">Фирменные бланки</option><option value="28">Приглашения</option><option value="29">Афиши</option><option value="30">Плакаты</option><option value="31">Постеры</option><option value="32">Напероны</option><option value="33">Буклеты</option><option value="34">Листовки</option><option value="35">Флаеры</option><option value="36">Визитки</option><option value="37">Папки из картона</option><option value="38">Открытки</option><option value="39">Приглашения</option><option value="40">Календарь-моно</option><option value="41">Календарь-трио</option><option value="42">Календарь-плакат</option><option value="43">Карманные календари</option><option value="44">Настольный календарь</option><option value="45">Перекидной настенный календарь</option><option value="46">Численники</option><option value="47">Коробки</option><option value="48">Обечайки</option><option value="49">Пакеты бумажные</option><option value="50">Бирки</option><option value="51">Ярлыки</option><option value="52">Воблеры</option><option value="53">Европодвесы</option><option value="54">Подвесы</option><option value="55">Наклейки на бумажной основе</option><option value="56">Дорхенгеры</option><option value="57">Некхенгеры</option><option value="58">Тейбл-тент</option><option value="59">Шелфтокеры</option><option value="60">Флажки бумажные</option><option value="61">Настольные игры</option><option value="62">Пазлы</option><option value="63">Магниты</option><option value="64">Заказать дизайн</option><option value="65">Заказать верстку</option><option value="66">Свой вариант____</option>
                        		</select>
                		</div>

				<textarea name="desc" id="desc" required="required" placeholder="Описание заказа" style="outline: none; width: 100%; height:70pt;"></textarea>
			</div>
		
			<div class="data-block" style="padding: 8pt;">
				<label> <strong> Добавьте файл </strong></label>
				<ul id="fileList"></ul>
				<div id="sidebar-order-print-dropzone" class="fade well">
					<p>Перетащите файл сюда<br>или<br> </p><input type="file" class="file-btn" name="uploads" id="file" accept=".pdf,.jpg,.jpeg,.png,application/pdf,image/jpeg,image/png" placeholder="Добавьте файл">
					<p>PDF, JPEG или PNG. Максимальный размер: 10 МБ</p>
				</div>
			</div>

			<div class="data-block" style="width: 100% !important; display: flex;">
			      <div style="margin: 0 auto;" class="cf-turnstile" data-sitekey="0x4AAAAAAEOsCbU6oVak_yOz" theme="light" data-callback="enableSubmitA"></div>
			</div>

			<div class="g-recaptcha"
      			data-sitekey="6Ld44VYtAAAAAKNn7cjSi2apzeq7vYVEfxRleVtg"
      			data-callback="re_success_back"
	 			data-size="invisible">
			</div>

			 <div style="margin: 1pt; font-size: 9pt;  margin: 0 auto; margin-top: 32pt;"" > 
				<input required="required" style="" type="checkbox" id="form-callback-privacy-policy" /> Я ознакомлен с <a href="https://accent.su/privacy-policy/" style="" target="_blank">политикой типографии «Акцент» в&nbsp;отношении обработки персональных данных</a> 
			 </div>

			 <div style="margin: 1pt; font-size: 9pt;  margin: 0 auto;"> <label style="font-size: 9pt; font-weight: 300;"> <input type="checkbox" id="" name=""> Я согласен на получение рассылки типографии не чаще одного раза в месяц </label> </div>

			<div style="text-align: center; margin-top: 20pt;"><input style="font-size: 12pt; float: center;  color: white; font-weight: 300; border-radius: 900px; box-shadow: 0 4px 6px 0 rgba(255,66,66,.14) , 0 4px 4px -3px rgba(255,66,66,.2) , 0 2px 8px 0 rgba(255,66,66,.12); padding: 8pt; width: 78%; background-color: rgba(225, 23, 37, 0.9); border: none;" type="submit" value="Отправить заявку" id="submitA" disabled></div>			
		</form>
		<p style="font-size: 9pt; color: black;">* Ваш E-mail и номер телефона не будут опубликованы и/или переданы третьим лицам</p>
		</div>
	
		<div id="callback" style="margin: 0 auto; margin-top: 15pt; align-content: center; display: none; ">
		<form action="/order-db-sys/scripts/insert-call-order.php" id="side-callback-form"  method="post" enctype="multipart/form-data" target="hidden_iframe">	
			<div class="data-block" style="width: 60%;">
				<button id="to_order" style="display: none; margin: 8hv;" type="button" class="switch-btn"><i class="fa fa-phone"></i> У меня получится составить заявку </button> 
				<!-- <br>  -->
			
				<input type="text" id="name" name="name" class="line-input" required="required" placeholder="Как Вас зовут?"><br>
				<input type="text" placeholder="Контактный телефон" required="required"  name="phone" id="phone" class="line-input"><br>
				<br>
			</div>

			<div style="padding: 8pt; background-color: white;">
				<div class="data-block" style="width: 100% !important; margin: 0 auto;">
					<label style="color: #001360; font-size: 14px; font-weight: 700; margin-bottom: 4px; display: block;">Когда Вам позвонить?</label>
					<p style="margin-top: 4px; margin-bottom: 12px; font-size: 13px; color: #555; line-height: 1.4;">Если Вы хотите, чтобы мы связались с Вами прямо сейчас, оставьте поля пустыми</p>
					<div class="callback-datetime-row">
						<div class="datetime-field">
							<label for="form-callback-date" class="datetime-label">Дата звонка</label>
							<input id="form-callback-date" type="date" name="date" class="line-input datetime-input" />
						</div>
						<div class="datetime-field">
							<label for="form-callback-time" class="datetime-label">Время звонка</label>
							<input id="form-callback-time" type="time" name="time" class="line-input datetime-input" />
						</div>
					</div>
				</div>
			</div>

			<div class="data-block" style="width: 100% !important; display: flex;">
			      <div style="margin: 0 auto;" class="cf-turnstile" data-sitekey="0x4AAAAAAEOsCbU6oVak_yOz" theme="light" data-callback="enableSubmitB"></div>
			</div>

			</br>

			<div style="margin: 8pt;margin-top: 12pt; marging-bottom: 12pt; font-size: 9pt; width: 90%; margin: 0 auto;"> <input required="required" style="" type="checkbox" id="form-callback-privacy-policy" /> Я ознакомлен с <a href="https://accent.su/privacy-policy/" style="" target="_blank">политикой типографии «Акцент» в&nbsp;отношении обработки персональных данных</a> </div>
			

	        <div class="data-block" style="width: 60%; margin: 0 auto; margin-top: 12pt; margin-bottom: 12pt;">
				<div style="margin-top: 20pt; text-align: center;"><input style="font-size: 12pt; font-weight: 300; float: center;  color: white; border-radius: 900px; box-shadow: 0 4px 6px 0 rgba(255,66,66,.14) , 0 4px 4px -3px rgba(255,66,66,.2) , 0 2px 8px 0 rgba(255,66,66,.12); padding: 8pt; width: 78%; background-color: rgba(225, 23, 37, 0.9); border: none; " type="submit" value="Отправить заявку" id="submitB" disabled></div>
			</div>
		</form>
		</div>

	</div>
</div>

<!--
<script>
  function formatPhoneNumber(value) {
    value = value.replace(/\D/g, "").substring(0, 10);

    const area = value.substring(0, 3);
    const mid = value.substring(3, 6);
    const last = value.substring(6, 10);

    if (value.length <= 3) return area ? `(${area}` : "";
    if (value.length <= 6) return `(${area}) ${mid}`;
    return `(${area}) ${mid}-${last}`;
  }

  var elmsl = document.querySelectorAll("[id='phone']");
  for(var i = 0; i < elmsl.length; i++)  {
  	elmsl[i].target.value = formatPhoneNumber(elmsl[i].target.value);
  }
</script>
-->
<script>
function showSuccessModal() {
  const form_container = document.getElementById('slide-container');
  if (form_container) form_container.style.display = "none";

  const loadingS = document.getElementById('loading-s');
  const lcon = document.getElementById('lcon');
  const doneDial = document.getElementById('done-dial');

  if (loadingS) loadingS.style.display = 'block';
  if (lcon) lcon.style.display = 'block';
  if (doneDial) doneDial.style.display = 'none';

  setTimeout(() => {
    if (lcon) lcon.style.display = 'none';
    if (doneDial) doneDial.style.display = 'block';
  }, 1000);
}

function validateOrderUpload(form) {
  if (!form.matches("#side-order-form")) return true;

  const input = form.querySelector('input[type="file"][name="uploads"]');
  const file = input && input.files ? input.files[0] : null;
  if (!file) return true;

  const extension = file.name.includes('.')
    ? file.name.split('.').pop().toLowerCase()
    : '';
  const allowedExtensions = ['pdf', 'jpg', 'jpeg', 'png'];
  const allowedMimeTypes = ['application/pdf', 'image/jpeg', 'image/png'];

  if (!allowedExtensions.includes(extension) ||
      (file.type && !allowedMimeTypes.includes(file.type))) {
    alert('Можно загрузить только PDF, JPEG или PNG.');
    input.value = '';
    return false;
  }

  if (file.size > 10 * 1024 * 1024) {
    alert('Размер файла не должен превышать 10 МБ.');
    input.value = '';
    return false;
  }

  return true;
}

function bindSubmitEvents() {
  document.addEventListener("submit", function(event) {
    const form = event.target;
    if (form.matches("#side-order-form, #side-callback-form")) {
      if (!validateOrderUpload(form)) {
        event.preventDefault();
        event.stopImmediatePropagation();
        return;
      }
      showSuccessModal();
    }
  });
}

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', bindSubmitEvents);
} else {
  bindSubmitEvents();
}
</script>

  <script>
  function formatPhoneNumber(value) {
    if (!value) return '';
    const raw = value.toString();
    if (!raw.trim()) return '';

    let digits = raw.replace(/\D/g, '');
    if (!digits) return '';

    if (digits[0] === '7' || digits[0] === '8') {
      digits = digits.substring(1);
    }

    digits = digits.substring(0, 10);

    if (digits.length === 0) {
      return raw.includes('+') || raw === '7' || raw === '8' ? '+7' : '';
    }

    let formatted = '+7 (';
    if (digits.length <= 3) {
      return formatted + digits;
    }
    formatted += digits.substring(0, 3) + ') ';

    if (digits.length <= 6) {
      return formatted + digits.substring(3);
    }
    formatted += digits.substring(3, 6) + '-';

    if (digits.length <= 8) {
      return formatted + digits.substring(6);
    }
    formatted += digits.substring(6, 8) + '-';

    return formatted + digits.substring(8, 10);
  }

  document.addEventListener('input', (event) => {
    // Не изменяем значение во время набора через экранную клавиатуру.
    if (event.isComposing) return;

    const input = event.target;

    // Описание заказа: русский, английский, цифры и основные знаки.
    if (input instanceof HTMLTextAreaElement && input.id === 'desc') {
      input.value = (input.value ?? '').replace(
        /[^A-Za-zА-Яа-яЁё0-9\s.,!?;:'"«»()№%+/@_—–-]/g,
        ''
      );
      return;
    }

    if (
      !(input instanceof HTMLInputElement) ||
      !input.classList.contains('line-input')
    ) {
      return;
    }

    if (
      input.type === 'date' ||
      input.type === 'time' ||
      input.type === 'checkbox' ||
      input.type === 'radio' ||
      input.type === 'file'
    ) {
      return;
    }

    if (input.id === 'email') {
      input.value = (input.value ?? '')
        .toLowerCase()
        .replace(/[^a-z0-9@._+-]/g, '');
      return;
    }

    if (input.id === 'phone') {
      input.value = formatPhoneNumber(input.value);
      return;
    }

    if (input.id === 'name') {
      input.value = (input.value ?? '').replace(
        /[^A-Za-zА-Яа-яЁё0-9\s.'’—–-]/g,
        ''
      );
      return;
    }

    // Остальные текстовые поля, например название компании.
    input.value = (input.value ?? '').replace(
      /[^A-Za-zА-Яа-яЁё0-9\s.,!?;:'"«»()№%+/@_—–-]/g,
      ''
    );
  });

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('#phone').forEach((input) => {
      if (input instanceof HTMLInputElement) {
        input.value = formatPhoneNumber(input.value);
      }
    });
  });
  </script>



<style>
	/*	#slide-container ::placeholder { color: rgba(255,66,66,.9); outline: none; } */

	#slide-container ::placeholder { color: rgba(225, 23, 37, 0.9); outline: none; font-family: "Open Sans", Sans-serif; padding: 3pt;padding-bottom: 4pt!important;  }
	
	#slide-container ::option { color: rgba(225, 23, 37, 0.9); outline: none; font-family: "Open Sans", Sans-serif; padding: 3pt;padding-bottom: 4pt!important;  }
	br {
		margin: 12pt;

	}

	#order{
		width: 60%; 
		
	}

	.line-input {
                border: none;
		background: none;
                border-bottom: 2px solid #e0e0e0 !important; 
                width: 100% !important;
		outline: none;
		padding-top: 16pt;
		margin-top: 3pt;
	} 

	.callback-datetime-row {
		display: flex;
		gap: 16px;
		margin-top: 8px;
	}

	.datetime-field {
		flex: 1;
		min-width: 0;
	}

	.datetime-label {
		display: block;
		font-family: "Open Sans", Sans-serif;
		font-size: 12px;
		color: #666;
		margin-bottom: 2px;
		padding-bottom: 0 !important;
		font-weight: 500;
	}

	.datetime-input {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		margin-top: 0 !important;
		min-height: 38px;
		height: 38px;
		font-family: inherit;
		font-size: 15px;
		color: #222;
		background: transparent;
		border: none;
		border-bottom: 2px solid #e0e0e0 !important;
		width: 100% !important;
		box-sizing: border-box;
		-webkit-appearance: none;
		appearance: none;
	}

	.datetime-input:focus {
		border-bottom-color: rgba(225, 23, 37, 0.9) !important;
	} 

	.data-block  {
		width: 90% !important;
		
	} 

	#order {
		width: 70% !important;	
	}
        #callback {
                width: 66% !important;

        }

	.nfl_hr {
			
	}

	hr {
		border: none;
		border-top: solid 0.3px #e0e0e0 !important;
		line-height: 0.8;
	}
	
	textarea {
                background: none;
                border: none;
                border-bottom: solid 1px #e0e0e0;
	}

	label {
        	font-family: "Open Sans", Sans-serif;
        	font-size: 14px;
        	font-weight: 400;
		color: #001360;
		padding-bottom: 18pt;
    	}
	.switch-btn {
		color: #474747 !important;
		border-color: #f7f7f7 !important;
		border: 1px solid #ececec !important;
		border-radius: 900px;
		font-weight: 400;
		position: relative;
		background-color: transparent !important;
		text-decoration: none !important;
		line-height: 2;
		height: 2hv;	
	}
	.sidebar-backdrop {
    		position: fixed;
    		left: 0;
    		top: 0;
    		width: 100%;
	    	height: 100%;
	 		overflow: hidden;
			background-color: rgba(255,66,66,.9);
    		z-index: 1030;
	}

	.sidebar-dialog {
		background: white;
    		position: fixed;
		top: 0;
		right: 0;
    		bottom: 0;
    		width: 60%;
    		overflow: hidden;
		overflow-y: auto;
		z-index: 1031;
	}
	#sidebar-order-print-dropzone {
		margin-top: 1vh;
		background-color: #fff;
		border: dashed 4px rgb(224, 224, 224);
		box-shadow: none;
		width: 100%;
		height: 30vh;
			padding: 12pt;
		text-align: center;
		color: #616161;
		border-radius: 15px;
	}

	.file-btn {
    		border-radius: 900px;
    		font-weight: 400;
    		transition: opacity .15s ease-in-out;
    		background-color: transparent;
		border-color: transparent;
		
   		text-decoration: none!important;
	}

	li { list-style: none; }

</style>

<script>
addEventListener("DOMContentLoaded", (event) => { 
	const body = document.getElementsByTagName('body')[0];	
	const form_container = document.getElementById('slide-container');

	const form_btn = document.getElementById('order-btn');

        const h2a = document.getElementById('h2ida');
        const h2b = document.getElementById('h2idb');   

	var elms = document.querySelectorAll("[id='order-btn']");
	for(var i = 0; i < elms.length; i++)  {
		elms[i].addEventListener("click", function(){ form_container.style.display = "unset"; switch_o();}); 

	}
	var elms2 = document.querySelectorAll("[id='callback-btn']");
        for(var i2 = 0; i2 < elms2.length; i2++)  {
		elms2[i2].addEventListener("click", function(){ form_container.style.display = "unset"; switch_c(); });	

	}
	var elms3 = document.querySelectorAll("[id='test-form2-btn']");
        for(var i3 = 0; i3 < elms3.length; i3++)  {
                elms3[i3].addEventListener("click", function(){ form_container.style.display = "unset"; switch_o(); });

        }

	form_btn.addEventListener("click", function(){ 
       		form_container.style.display = "unset";
	}); 
	
	const form_back = document.getElementById('slide-back');
	function back_click(){
		const form_container = document.getElementById('slide-container');
		form_container.style.display = "none";
	}
	const backdrop = document.getElementById('slide-back');
	function closeSidebar() {
  		const panel = document.getElementById('slide-container');
		if (panel) panel.style.display = 'none';
	}
	backdrop.addEventListener('click', closeSidebar); 	
	
	const goto_order = document.getElementById('to_order');
	const goto_callback = document.getElementById('to_callback');	

	function switch_o() {
                const form_o = document.getElementById('order');
                const form_c = document.getElementById('callback');
		h2b.style.display = 'none';
                h2a.style.display = 'block';
		form_c.style.display = 'none';
		form_o.style.display = 'block';

	}
	function switch_c() {
                const form_o = document.getElementById('order');
                const form_c = document.getElementById('callback');
		
		h2a.style.display = 'none';
                h2b.style.display = 'block';
		form_o.style.display = 'none';
		form_c.style.display = 'block';
	}
	goto_order.addEventListener('click', switch_o);
	goto_callback.addEventListener('click', switch_c);

});
</script>

<script>
  const input = document.getElementById('file');
  const list = document.getElementById('fileList');

  input.addEventListener('change', () => {
    list.innerHTML = '';
    const files = Array.from(input.files);

    files.forEach(f => {
      const li = document.createElement('li');
      li.innerHTML = `<img alt="file icon here" height="1vh" width="auto"> ${f.name} (${Math.round(f.size/1024)} KB)`;
	li.style.gap = "none";
      list.appendChild(li);
    });
  });
</script>

<script>
function allRequiredFilled(formId) {
  const form = document.getElementById(formId);
  if (!form) return false;

  const requiredEls = form.querySelectorAll('[required="required"]');
  return Array.from(requiredEls).every(el => {
    const type = (el.type || '').toLowerCase();

    if (type === 'checkbox') return el.checked;
    if (type === 'radio') return el.checked; // if any appear later

    return (el.value ?? '').trim().length > 0;
  });
}
</script>

<style> .data-block { margin-top: 22pt; margin-bottom: 12pt; } .sidebar-dialog { max-width: 650px !important; } #h2idb {width: 90% !important;}</style><?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//accent.su/wp-content/plugins/wordpress-seo-premium/css/main-sitemap.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<sitemap>
		<loc>http://accent.su/post-sitemap.xml</loc>
		<lastmod>2026-09-28T07:51:05+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>http://accent.su/page-sitemap.xml</loc>
		<lastmod>2026-10-13T10:45:29+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>http://accent.su/attachment-sitemap.xml</loc>
		<lastmod>2026-10-13T09:39:06+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>http://accent.su/jet-menu-sitemap.xml</loc>
	</sitemap>
	<sitemap>
		<loc>http://accent.su/jet-popup-sitemap.xml</loc>
	</sitemap>
	<sitemap>
		<loc>http://accent.su/jet-theme-core-sitemap.xml</loc>
		<lastmod>2026-08-25T08:37:39+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>http://accent.su/category-sitemap.xml</loc>
		<lastmod>2026-09-28T07:51:05+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>http://accent.su/post_tag-sitemap.xml</loc>
		<lastmod>2026-09-28T07:50:58+00:00</lastmod>
	</sitemap>
</sitemapindex>
<!-- XML Sitemap generated by Yoast SEO -->