{% load i18n static %}


<form class="form-horizontal cabinet_form" id="edit_form_ldap_config" autocomplete="off" enctype="multipart/form-data"
  style="max-width: 800px;"
	>
  {% csrf_token %}

	<h1 class="cabinet_text-primary m-0">{% trans 'LDAP page title' %}</h1>

  <div class="text-danger" style="display: none" id="errors___all__"></div>

	<div class="cabinet_form-control horizontal">
		<label for="id_active" class="cabinet_switch-container">
			<span class="cabinet_switch">
	      {{ ldap_form.active }}
	      <span class="slider round"></span>
	    </span>
	    <span>{{ ldap_form.active.label }}</span>
	  </label>
	</div>

	<div class="cabinet_form-section" inactive-hidden {% if not ldap_form.instance.active %} style="display: none" {% endif %}>
		<h2 class="cabinet_form-section_title m-0">{% trans 'LDAP settings title' %}</h2>

		<div class="cabinet_form-group horizontal">
			<div class="cabinet_form-control">
				<label for="id_server">{{ ldap_form.server.label }}</label>
				{{ ldap_form.server }}
				<div class="text-danger" style="display: none" id="errors_server">{{ ldap_form.server.errors }}</div>
			</div>
			<div class="cabinet_form-control center" style="width: 70px">
				<label for="id_port">{{ ldap_form.port.label }}</label>
				{{ ldap_form.port }}
				<div class="text-danger" style="display: none" id="errors_port">{{ ldap_form.port.errors }}</div>
			</div>
		</div>

		<div class="cabinet_form-group">
			<div class="cabinet_form-control">
				<label for="id_base_dn">
					{{ ldap_form.base_dn.label }}
					<span onClick="quest(this)" class="settings_info ldap_base_dn_quest_question fa fa-question"></span>
				</label>
				{{ ldap_form.base_dn }}
				<div class="text-danger" style="display: none" id="errors_base_dn">{{ ldap_form.base_dn.errors }}</div>
			</div>
		</div>

		<div class="cabinet_checkbox-container">
			<input class="form-check-input" type="checkbox" {% if ldap_form.instance.encryption != ldap_form.encryption_enum.NONE %} checked {% endif %} id="ldap_encryption">
      <label for="ldap_encryption" data-title="{% trans 'LDAP Use encryption' %}">
        {% trans 'LDAP Use encryption' %}
      </label>
		</div>

		<div class="cabinet_form-control horizontal">
	    <span>{% trans 'SSL' %}</span>
			<label class="cabinet_switch">
				<input
					type="checkbox" id="ldap_encryption_type"
					{% if ldap_form.instance.encryption == ldap_form.encryption_enum.TLS %} checked {% endif %}
					{% if ldap_form.instance.encryption == ldap_form.encryption_enum.NONE %} disabled {% endif %}
				/>
	      <span class="slider round monotone"></span>
	    </label>
	    <span>{% trans 'TLS' %}</span>
			<div class="cabinet_checkbox-container" style="margin-left: 16px;">
				<input class="form-check-input" type="checkbox" name="ignore_cert_validity" id="ldap_ignore_cert_validity"
					{% if ldap_form.instance.ignore_cert_validity %} checked {% endif %}
					{% if ldap_form.instance.encryption == ldap_form.encryption_enum.NONE %} disabled {% endif %}
				/>
	      <label for="ldap_ignore_cert_validity" data-title="{% trans 'LDAP Ignore Cert Validity' %}">
	        {% trans 'LDAP Ignore Cert Validity' %}
	      </label>
			</div>
		</div>
	</div>

	<div class="cabinet_form-section" inactive-hidden {% if not ldap_form.instance.active %} style="display: none" {% endif %}>
		<h2 class="cabinet_form-section_title m-0">{% trans 'LDAP authorization title' %}</h2>
	  <div class="cabinet_form-group horizontal">
		  <div class="cabinet_form-group" style="flex: 1">
	      <div class="cabinet_form-control">
					<label for="id_user_dn">
						{{ ldap_form.user_dn.label }}
						<span onClick="quest(this)" class="settings_info ldap_user_dn_quest_question fa fa-question"></span>
					</label>
					{{ ldap_form.user_dn }}
					<div class="text-danger" style="display: none" id="errors_user_dn">{{ ldap_form.user_dn.errors }}</div>
				</div>
        <div class="cabinet_form-control">
					<label for="id_password">{{ ldap_form.password.label }}</label>
					<span class="cabinet_password-wrapper">
						{{ ldap_form.password }}
						<button type="button" class="cabinet-btn-icon no-outline">
							<i class="fa fa-eye-slash" aria-hidden="true" style="color:#285283;"></i>
						</button>
					</span>
					<div class="text-danger" style="display: none" id="errors_password">{{ ldap_form.password.errors }}</div>
				</div>
		  </div>
		  <div>
		    <button
		      id="ldap_save_config" type="submit" class="cabinet-btn cabinet-btn-primary" name="action" value="save"
		      style="color: white;"
		    >
		      {% trans 'Save' %}
	      </button>
		  </div>
		  <div>
		    <button
		      id="ldap_check_connection" type="submit" class="cabinet-btn" name="action" value="check_connection"
	      >
	        {% trans 'LDAP Check connection' %}
	      </button>
		  </div>
	  </div>
	</div>

</form>

<div class="cabinet-alert" alert>
  <p alert-message>Nothing to alert</p>
</div>


<script>
	let encryption_enum = {
		NONE: {{ ldap_form.encryption_enum.NONE }},
		SSL: {{ ldap_form.encryption_enum.SSL }},
		TLS: {{ ldap_form.encryption_enum.TLS }},
  }
  let savedDisabled = false;
  {% if not ldap_form.instance.active %}
		  savedDisabled = true;
  {% endif %}
</script>
<script src="{% static 'admin_panel/js/ldap.js' %}" defer></script>