{% load crispy_forms_tags %}
{% load counter_tag %}
	<h4 >Abwesenheitskategorien{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Bearbeiten Sie hier Ihre Abwesenheitskategorien." class="far fa-question-circle"></i></small>{% endif %}
		<a class="btn btn-primary btn-sm" href="{% url 'abcat-add' %}" style="float: right;"><i class="fas fa-plus"></i>&nbsp;Kategorie</a>
	</h4>	
	<table class="table table-hover mt-1">
	  <thead>
	    <tr>
	      <th scope="col">Bezeichnung</th>
	      <th scope="col">Bestätigung</th>
	      <th scope="col">Vertretung</th>
	      <th scope="col">Urlaubstag</th>
	      <th scope="col">Farbe</th>	  		  	      
	      <th scope="col">&nbsp;</th>
	    </tr>
	  </thead>
	  <tbody>	    
   		{% for ab in modsettings_tm_abcat %}
	    <tr>	      
	      <td><b>{{ab.name}}</b></td>
	      <td>{% if ab.need_confirm %} <i class="fas fa-check"></i> {% else %}  {% endif %}</td>
	      <td>{% if ab.need_rep %} <i class="fas fa-check"></i> {% else %}  {% endif %}</td>
	      <td>{% if ab.is_holiday %} <i class="fas fa-check"></i> {% endif %}</td>
	      <td><i style="color: {{ab.color}}" class="fas fa-square-full"></i></td>
	      <td>
	      	{% if user|usergperm:"moduleorganizer" %} 
	            <a style="float: right" class="btn btn-secondary btn-sm ml-2" href="{% url 'abcat-delete' ab.pk %}">
	            <small>
	            <i class="fas fa-trash"></i></small></a>

	            <a style="float: right" class="btn btn-secondary btn-sm " href="{% url 'abcat-update' ab.pk %}">
	            <small>
	            <i class="fas fa-pen"></i>
	            </small></a>
          	{% endif %} 
	      </td>	      
	    </tr>
	    {% endfor %}	
	  </tbody>
	</table>
	<small>Abwesenheitskategorien legen fest, wie sich eine Abwesenheit bzgl. Bestätigung durch einen Mitarbeiter mit entsprechenden Rechten und eines Vertretes verhält.</small>
	<hr>
	<h4 >Externer Zugriff{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Legen Sie fest, wie Mitarbeiter auf die Abwesenheitsinformationen zugreifen können. Sollten Sie hier den öffentlichen Zugriff ohne Authentifizierung wählen, dürfen die Links nicht weitergegeben werden, da sonst Unbefugte Zugriff auf agenturinterne Daten haben. Ihre Agentur trägt für die Geheimhaltung dieser Links die Verantwortung." class="far fa-question-circle"></i></small>{% endif %}
	</h4>
	<!--<div class="form-check">
	  <input class="form-check-input" type="checkbox" value="" id="allowExternalAccess" {% if request.user.profile.agency.agencycal_publicstatus == 1 %} checked {% endif %} onchange="javascript:updateExAccessModal()">
	  <label class="form-check-label" for="allowExternalAccess">
	    Öffentlichen Zugriff ohne Anmeldung erlauben (z.B. für Google-Kalender)
	  </label>
	</div>-->
	{% if request.user.profile.agency.agencycal_publicstatus == 1 %}
	Externer Zugriff erlaubt. <button type="button" class="btn btn-primary" onclick="javascript:closeExAccessModal()">Sperren</button>
	{% else %}
	Externer Zugriff gesperrt. <button type="button" class="btn btn-primary" onclick="javascript:allowExAccess()">Erlauben</button>
	{% endif %}
	<hr>
	<a class="btn btn-primary mb-2" href="{% url 'tm-managemenetfreedays' %}">Feiertage bearbeiten</a>




<script type="text/javascript">

	function updateExAccessModal(){
		$("#externalAccessConfirm").modal("toggle");
	}

	function closeExAccessModal(){
		$.ajax(
	    {
	        type: "GET",
	        url: "{% url 'dasettings-ajax' %}",
	        data:{
	              newvalue : "false",
	              agency : {{request.user.profile.agency.pk}},
	              action : 'changeexternalaccess'
	        },
	        success: function( data ) 
	        {
	        	$("#modulesettings_module_timemanagement").modal("toggle");
	        	$("#externalAccessUpdate").modal("show");
				$('#externalAccessUpdate').on('hidden.bs.modal', function (e) {
				  location.href = location.href;
				})
	        }
	     });

	}

	function updateTmSettings(){
		$.ajax(
	    {
	        type: "GET",
	        url: "{% url 'modsettings-tm' %}",
	        data:{
	              //aze: $("#id_module_timemanagement_ze").prop('checked')
	        },
	        success: function( data ) 
	        {
	        	location.href = location.href;
	        }
	     });
	}
</script>