var register_template = `

<style>

	.link-unstyled {
		color:black;
		text-decoration: none;
		text-decoration: none;
	  }
	}
	.link-unstyled:hover { text-decoration: none; }
	.link-unstyled:active { text-decoration: none; }


	.rb{
		border: 2px solid black;
		border-radius: 1em;
	}

	.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus {
    border-color: var(--orange_1);
    background-color: var(--orange_2);
	}

	.btn.btn-primary[disabled] {
		border-color: var(--orange_1);
		background-color: var(--orange_2);
	}
</style>

<main>

	<section class="vh-100">
		<div class="container-fluid">

			<div class="row">

					<div class="col-12 col-md-5">

							<div class="p-5">

								<h2><b>Jetzt registrieren</b></h2>

								{{@if(it.fast_id == "")}}
									<h5>Haben Sie bereits ein Konto? <a href="/app">Anmelden</a> </h5>
								{{/if}}

								{{@if(it.fast_id != "")}}
									<!--
									<p>Der Benutzer <b>{{it.fast_parent_user}}</b> vom Unternehmen <b>{{it.fast_company}}</b> hat Sie eingeladen, einen Account zu erstellen.</p>
									<p>Durch das Erstellen werden Sie automatisch der Firma <b>{{it.fast_company}}</b> zugeordnet.</p>-->
									<p>Ihr Kollege / Ihre Kollegin hat Sie eingeladen, einen Account für FEUERWEHR-LAUFKARTE.EU zu erstellen.Die Unternehmensdaten haben wir für Sie bereits vorausgefüllt.</p>
									<p>Bitte prüfen Sie die Angaben vor dem Abschluss der Registrierung.</p>
								{{/if}}

								<p>
								  <b><a class="link-unstyled" data-bs-toggle="collapse" href="#person_div" role="button" aria-expanded="false" aria-controls="person_div">
								    Persönliche Daten >
								  </a>
									</b>
								</p>

								<form id="reg_form" onsubmit="event.preventDefault();">
								<div class="collapse show" id="person_div">

										<div class="col-12 col-lg-8 m-2">
												<input type="name" name="vorname" class="form-control rb" id="vorname" aria-describedby="vornamehelp" placeholder="Vorname" oninput="check_for_filled();" onchange="check_for_filled();">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="name" name="nachname" class="form-control rb" id="nachname" aria-describedby="nachnamehelp" placeholder="Nachname" oninput="check_for_filled();" onchange="check_for_filled();insert_to_add();">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="mail"  aria-describedby="mailhelp"  class="form-control rb" name="mail" placeholder="E-Mail" oninput="check_for_filled();" onchange="check_for_filled();">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="phone" aria-describedby="phonehelp"  class="form-control rb" name="phone" placeholder="Telefonnummer" oninput="check_for_filled();" onchange="check_for_filled();">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="mobile"  aria-describedby="mobilehelp"  class="form-control rb" name="mobile" placeholder="Mobilnummer" oninput="check_for_filled();" onchange="check_for_filled();">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="password" id="pw" aria-describedby="pwhelp"  class="form-control rb" name="pw" placeholder="Passwort (Min. 8 Zeichen)" oninput="check_for_filled();show_expand();" onchange="check_for_filled();">
										</div>

								</div>

								<p>
									<b>
									<a class="link-unstyled" data-bs-toggle="collapse" href="#company_div" role="button" aria-expanded="false" aria-controls="company_div">
										Unternehmen >
									</a>
									</b>
								</p>

								<div class="collapse" id="company_div">

									{{@if(it.fast_id == "")}}
										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="company" aria-describedby="companyhelp"  class="form-control rb" name="company" placeholder="Unternehmen">
										</div>
									{{/if}}

										<span class="ms-2"><b>Rechnungsadresse</b></span>

										<div class="col-12 col-lg-8 m-2">
											<input type="text" id="bill_address"  aria-describedby="bill_address" class="form-control rb" name="bill_address" placeholder="Adresse" oninput="try_copy();check_for_filled();" onchange="try_copy();check_for_filled();"  value="{{it.Bill_street}}">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="bill_place" aria-describedby="bill_place" class="form-control rb" name="bill_place" placeholder="Ort" oninput="try_copy();check_for_filled();" onchange="try_copy();check_for_filled();" value="{{it.Bill_place}}">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="bill_plz"  aria-describedby="bill_plz" class="form-control rb" name="bill_plz" placeholder="Postleitzahl" oninput="try_copy();check_for_filled();" onchange="try_copy();check_for_filled();" value="{{it.Bill_plz}}">
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="bill_attention"  aria-describedby="bill_attention" class="form-control rb" name="bill_attention" placeholder="Empfänger" oninput="try_copy();check_for_filled();" onchange="try_copy();check_for_filled();">
										</div>

										<span class="ms-2"><b>Lieferadresse</b></span>

										<div class="form-check">

											{{@if(it.fast_id != "")}}
												<input class="form-check-input" type="checkbox" value="" id="copy_add" onchange="update_copy();">
											{{#else}}
												<input class="form-check-input" type="checkbox" value="" id="copy_add" onchange="update_copy();" checked>
											{{/if}}

											<label class="form-check-label" for="copy_add">Identisch der Rechnungsadresse</label>
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="shipping_address"  aria-describedby="shipping_address" class="form-control rb" name="shipping_address" placeholder="Adresse"  oninput="check_for_filled();" onchange="check_for_filled();" value="{{it.Shipping_street}}"  disabled>
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="shipping_place" aria-describedby="shipping_place" class="form-control rb" name="shipping_place" placeholder="Ort" oninput="check_for_filled();" onchange="check_for_filled();"  value="{{it.Shipping_place}}" disabled>
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="shipping_plz"  aria-describedby="shipping_plz" class="form-control rb" name="shipping_plz" placeholder="PLZ" oninput="check_for_filled();" onchange="check_for_filled();" value="{{it.Shipping_plz}}"  disabled>
										</div>

										<div class="col-12 col-lg-8 m-2">
												<input type="text" id="shipping_attention"  aria-describedby="shipping_attention" class="form-control rb" name="shipping_attention" placeholder="Empfänger" oninput="check_for_filled();" onchange="check_for_filled();" disabled>
										</div>

								</div>

								<div class="text-center">
									<button id="final_reg_btn" onclick="register_user()" class="btn btn-primary mt-5" disabled>Konto erstellen</button>
								</div>

								</form>
							</div>

						</div>

				 <div class="col-md-7 d-none d-md-block" style="background-color:#f2ac04;">
					 <div class="vh-100 text-center">
							<img src="img/background.png" alt="Login image" style="width:100%; max-width:1200px;" class="mt-5">
						</div>
				 </div>


				</div>
		</div>
	</section>

</main>

<script>


function insert_to_add(){
	var full_name = $("#vorname").val() + " " + $("#nachname").val();

	if( $("#bill_attention").val() == ""){
		 $("#bill_attention").val(full_name);
	}

	if( $("#shipping_attention").val() == ""){
		 $("#shipping_attention").val(full_name);
	}

}

function show_expand(){
	$('#company_div').collapse('show');
}

function update_copy(){
	if( $("#copy_add").is(':checked')){
			$("#shipping_address").prop( "disabled", true );
			$("#shipping_place").prop( "disabled", true );
			$("#shipping_plz").prop( "disabled", true );
			$("#shipping_attention").prop( "disabled", true );
	}else{
		$("#shipping_address").prop( "disabled", false );
		$("#shipping_place").prop( "disabled", false );
		$("#shipping_plz").prop( "disabled", false );
		$("#shipping_attention").prop( "disabled", false );
	}
}


function try_copy(){
	if( $("#copy_add").is(':checked')){
		$("#shipping_address").val( $("#bill_address").val() );
		$("#shipping_place").val( $("#bill_place").val());
		$("#shipping_plz").val( $("#bill_plz").val() );
		$("#shipping_attention").val( $("#bill_attention").val() );
	}
}


function check_for_filled(){
	var disabled = false;
	$("#reg_form input").each(function() {
	 if( this.value == "" && this.id != "copy_add"){
		 disabled = true;
	 }
	});

	if( disabled ){
		$("#final_reg_btn").prop("disabled",true);
	}else{
		$("#final_reg_btn").prop("disabled",false);
	}
}


function gen_secret(){
	var _0x8553ea=_0x4718;function _0x4718(_0x486b37,_0x3a85fa){var _0x3b4efa=_0x3b4e();return _0x4718=function(_0x47185e,_0x52512b){_0x47185e=_0x47185e-0x141;var _0x587257=_0x3b4efa[_0x47185e];return _0x587257;},_0x4718(_0x486b37,_0x3a85fa);}(function(_0xe06e26,_0x345409){var _0x1604e1=_0x4718,_0x80439=_0xe06e26();while(!![]){try{var _0x3a0b82=-parseInt(_0x1604e1(0x143))/0x1*(parseInt(_0x1604e1(0x14b))/0x2)+parseInt(_0x1604e1(0x148))/0x3*(parseInt(_0x1604e1(0x14d))/0x4)+-parseInt(_0x1604e1(0x146))/0x5*(-parseInt(_0x1604e1(0x14c))/0x6)+-parseInt(_0x1604e1(0x147))/0x7*(parseInt(_0x1604e1(0x145))/0x8)+parseInt(_0x1604e1(0x141))/0x9+parseInt(_0x1604e1(0x14e))/0xa*(-parseInt(_0x1604e1(0x144))/0xb)+parseInt(_0x1604e1(0x14a))/0xc;if(_0x3a0b82===_0x345409)break;else _0x80439['push'](_0x80439['shift']());}catch(_0x5bd356){_0x80439['push'](_0x80439['shift']());}}}(_0x3b4e,0x9d096));var return_string='',init_val=Math[_0x8553ea(0x142)](Date[_0x8553ea(0x149)]()/0x3e8),t=init_val%0x111*(init_val%0x49);function _0x3b4e(){var _0x108776=['13587936MwIqCx','76302LZqiXh','42nSSWxI','4efZRnV','130NBKIxt','3467268NzeCKu','round','19wZshEQ','20053YtVLlZ','152oOPrLG','137040IzdBDU','398587ZYwMpo','2292699qOJJtf','now'];_0x3b4e=function(){return _0x108776;};return _0x3b4e();}return_string=t;return return_string;
}

function register_user( inevent){

	$('input:disabled, select:disabled').each(function (){ $(this).removeAttr('disabled');});

	var data_form = $("#reg_form").serialize();
	data_form = data_form + "&secret=" + gen_secret();

	$.ajax({type : 'POST',url : '/create_account?fast={{it.fast_id}}',data : data_form }).done(function( result ) {
		if( result == "ok" ){
			bootbox.alert("Vielen Dank für Ihre Registrierung! Wir freuen uns auf eine gemeinsame Zusammenarbeit. Ihre Angaben werden geprüft und in Kürze freigeschaltet. Hierzu erhalten Sie eine separate Mail.");
			setTimeout(function(){ window.location="#login";}, 4500);
		}else{

			switch (result) {
			    case "error_mail":
			        bootbox.alert("Ungültige E-Mail - Bitte Angaben prüfen!");
			        break;
			    case "double_mail":
			        bootbox.alert("Account schon vorhanden? - Bitte Angaben prüfen!");
			        break;
					case "error_mobile":
					     bootbox.alert("Fehler bei der Handynummer! - Bitte Angaben prüfen!");
					     break;
					case "error_phone":
						   bootbox.alert("Fehler bei der Festnetznummer! - Bitte Angaben prüfen!");
							 break;

					case "length_vorname":
								bootbox.alert("Vorname zu lang! - Bitte Angaben prüfen!");
								break;
					case "length_nachname":
								bootbox.alert("Nachname zu lang! - Bitte Angaben prüfen!");
								break;

					case "length_company":
								bootbox.alert("Firmenname zu lang! - Bitte Angaben prüfen!");
								break;

				 case "length_shipping_attention":
								bootbox.alert("Name des Empfänger für Lieferung zu lang! - Bitte Angaben prüfen!");
								break;

				 case "length_bill_attention":
				 				bootbox.alert("Name des Empfänger für Rechnungen zu lang! - Bitte Angaben prüfen!");
				 				break;

				case "length_shipping_address":
			 					bootbox.alert("Adresse für Lieferung zu lang! - Bitte Angaben prüfen!");
			 					break;

			 	case "length_bill_address":
			 				 	bootbox.alert("Adresse für Rechnungen zu lang! - Bitte Angaben prüfen!");
			 				 	break;

				case "length_shipping_place":
							 	bootbox.alert("Ort für Lieferung zu lang! - Bitte Angaben prüfen!");
							 	break;

				case "length_bill_place":
							 	bootbox.alert("Ort für Rechnungen zu lang! - Bitte Angaben prüfen!");
							 	break;

				case "length_shipping_plz":
								bootbox.alert("PLZ für Lieferung zu lang! - Bitte Angaben prüfen!");
								break;

				case "length_bill_plz":
								bootbox.alert("PLZ für Rechnungen zu lang! - Bitte Angaben prüfen!");
							 break;

				case "length_pass":
			 				bootbox.alert("Passwort zu kurz (Mindestens 8 Zeichen)! - Bitte Angaben prüfen!");
			 			  break;

			    default:
			        bootbox.alert("Fehler - Bitte Angaben prüfen!");
			        break;
			}

		}
  });

}

update_copy();

</script>
`;