{% extends "users/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
<div class="content-section col-5">
  <h3>Neuer Benutzer&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Legen Sie zuerst die Stammdaten fest. Anschließend können Agenturfunktion, Gruppen und Profilbild eingetragen werden." class="far fa-question-circle"></i></small></h3>
  <hr>  
<div class="progress mb-3" style="max-height: 15px;">
  <div class="progress-bar" role="progressbar" style="width: 30%; " aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">Schritt 1: Stammdaten</div>
</div>
<small>Legen Sie hier die Stammdaten des neuen Mitarbeiters fest.</small>
  
  <form method="POST" id="new_user_form">
  	{% csrf_token %}
	{{ newuserform|crispy }}	  	
	  	
	  	<!--<div class="form-check">
		  <input class="form-check-input" type="checkbox" value="true" id="sendmailnewuser" name="sendmailnewuser">
		  <label class="form-check-label" for="sendmailnewuser" name="sendmailnewuser">
		    E-Mailbenachrichtigung schicken
		  </label>
		</div>-->
		<small>*: Der Benutzer erhält direkt eine Willkommens-E-Mail mit einem Link zur Passworterstellung.</small>

	{% if request.user.profile.agency.paymentplan != "0" %}
	<hr>
	<p>Der neu erstellte Nutzer wird zum nächsten Monat des Abrechnungszeitraums berechnet.</p>
	{% endif %}

	  <hr>	  		  	
	  	<a class="btn" href="{% url 'dasettings' %} ">Abbrechen</a>
	  	<button id="createbtn" type="submit" class="btn btn-primary" style="float: right">Weiter zu Schritt 2</button>
  </form>
</div>
</div>
<script>
	/* Disable the button for submitting after click */
	$("#new_user_form").submit(function(event){
		$("#createbtn").prop("disabled", true);
	})
</script>
{% endblock content %}