
<!-- indexer::stop -->
<? setlocale(LC_TIME, 'uk_UA.UTF-8');?>
<?php //$this->dumpTemplateVars() ?>
<style>
	.checkbox_container > span:first-of-type {
		display:none;
	}
	.checkbox_container > span:last-child {
		display:none;
	}
	.checkbox_container > span:nth-last-child(2) {
		display:none;
	}
	.checkbox_container > span:nth-last-child(3) {
		display:none;
	}
</style>
<div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

  <?php if ($this->headline): ?>
    <<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>
  <?php endif; ?>

  <?php if ($this->message): ?>
    <p class="tl_confirm"><?= $this->message ?></p>
  <?php endif; ?>

  <form id="<?= $this->formId ?>" method="post" enctype="<?= $this->enctype ?>">
    <div class="formbody">
      <input type="hidden" name="FORM_SUBMIT" value="<?= $this->formId ?>">
      <input type="hidden" name="REQUEST_TOKEN" value="{{request_token}}">

      <?php foreach ($this->categories as $legend => $category): ?>
        <fieldset>
          <?php if ($legend): ?>
            <legend><?= $legend ?></legend>
          <?php endif; ?>
          <?= implode('', $category) ?>
        </fieldset>
      <?php endforeach; ?>

      <div class="widget widget-submit">
        <button type="submit" class="submit"><?= $this->slabel ?></button>
      </div>
    </div>
  </form>

</div>
<script>
	document.addEventListener("DOMContentLoaded", function(){
		
		let loginlabel = document.querySelector("[for='ctrl_username_1']");
		loginlabel.innerHTML = "Логін<span class='mandatory'>*</span>";
		
		let grouplegend = document.querySelector(".checkbox_container legend");
		grouplegend.innerHTML = "Ваш курс та освітня програма<span class='mandatory'>*</span>";
		
		let checkboxArr = document.querySelectorAll(".checkbox");
		if(checkboxArr[checkboxArr.length - 1].checked == false)
			checkboxArr[checkboxArr.length - 1].remove();
		if(checkboxArr[checkboxArr.length - 2].checked == false)
			checkboxArr[checkboxArr.length - 2].remove();
		if(checkboxArr[checkboxArr.length - 3].checked == false)
			checkboxArr[checkboxArr.length - 3].remove();
		if(checkboxArr[0].checked == false)
			checkboxArr[0].remove();
    
    let boxes = document.querySelectorAll(".checkbox");
	boxes.forEach((el) => {
		el.setAttribute("type","radio"); });
	
	let submitBtn = document.querySelector("form .submit");
	
	submitBtn.addEventListener("click", function(event){
		
		let radiobox = false;
		boxes.forEach((el) => {
			if (el.checked) {
				radiobox = true;
			}
		});
		if(!radiobox) {
			event.preventDefault();
			alert("Оберіть будь ласка Вашу освітню програму та курс, на якому Ви зараз вчитеся!");
			return false;
		}
		
	});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function(){
	
	var request = new XMLHttpRequest;
	request.open('GET', 'names/names.txt', true);

	request.onload = function () {
    	let names_str = request.responseText.toLowerCase();
    	let names_arr = names_str.split('\r\n');
    	let submitBtn = document.querySelector("form .submit");
    	
		submitBtn.addEventListener("click", function(event){
			// let lastname = document.querySelector("[name='lastname']").value.trim();
			// document.querySelector("[name='lastname']").value = lastname;
			// let lastname_lc = lastname.toLowerCase();
			// if (!names_arr.includes(lastname_lc)) {
			// 	event.preventDefault();
			// 	alert("На жаль у базі даних ЛНАМ немає студентів із прізвищем \r\n" + lastname);
			// 	return false;
			// }
		});
	};
	request.send(null);
});
</script>
<!-- indexer::continue -->
