{% load crispy_forms_tags %}
<div class="col-6 mt-3">

<div id="accordion">

  <!-- STANDARDS -->
  <div class="card">
    <div class="card-header" id="notification_standards_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_standards" aria-expanded="true" aria-controls="notification_standards">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Standards
        </button>
      </h5>
    </div>

    <div id="notification_standards" class="collapse" aria-labelledby="notification_standards_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_standard %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END STANDARDS -->

  <!-- News -->
  <div class="card">
    <div class="card-header" id="notification_news_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_news" aria-expanded="true" aria-controls="notification_news">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;News
        </button>
      </h5>
    </div>

    <div id="notification_news" class="collapse" aria-labelledby="notification_news_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_news %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END News -->


    <!-- GROUPS -->
  <div class="card">
    <div class="card-header" id="notification_groups_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_groups" aria-expanded="true" aria-controls="notification_groups">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Gruppen
        </button>
      </h5>
    </div>

    <div id="notification_groups" class="collapse" aria-labelledby="notification_groups_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_groups %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END GROUPS -->

   <!-- Tasks -->
  <div class="card">
    <div class="card-header" id="notification_task_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_task" aria-expanded="true" aria-controls="notification_task">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Tätigkeiten
        </button>
      </h5>
    </div>

    <div id="notification_task" class="collapse" aria-labelledby="notification_task_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_task %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END Tasks -->



  <!-- FILES -->
  <div class="card">
    <div class="card-header" id="notification_files_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_files" aria-expanded="true" aria-controls="notification_files">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Dateien und Ordner
        </button>
      </h5>
    </div>

    <div id="notification_files" class="collapse" aria-labelledby="notification_files_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_files %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END FILES -->

  <!-- ORGANIZER -->
  <div class="card">
    <div class="card-header" id="notification_organizer_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_organizer" aria-expanded="true" aria-controls="notification_organizer">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Organizer
        </button>
      </h5>
    </div>

    <div id="notification_organizer" class="collapse" aria-labelledby="notification_organizer_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_organizer %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END ORGANIZER -->

  <!-- Messages -->
  <div class="card">
    <div class="card-header" id="notification_messages_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_messages" aria-expanded="true" aria-controls="notification_messages">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Mitteilungen
        </button>
      </h5>
    </div>

    <div id="notification_messages" class="collapse" aria-labelledby="notification_messages_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_messages %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END Messages -->

  <!-- CHAT -->
  <div class="card">
    <div class="card-header" id="notification_chat_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_chat" aria-expanded="true" aria-controls="notification_chat">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Chat
        </button>
      </h5>
    </div>

    <div id="notification_chat" class="collapse" aria-labelledby="notification_chat_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_chat %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END CHAT -->

  <!-- ABSENCE AND TIME -->
  <div class="card">
    <div class="card-header" id="notification_abtime_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_abtime" aria-expanded="true" aria-controls="notification_abtime">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Abwesenheits- und Zeiterfassung
        </button>
      </h5>
    </div>

    <div id="notification_abtime" class="collapse" aria-labelledby="notification_abtime_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_abtime %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END ABSENCE AND TIME -->


  <!-- AGENCY NETWORK -->
  <div class="card">
    <div class="card-header" id="notification_agn_acc">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#notification_agn" aria-expanded="true" aria-controls="notification_agn">
          <i class="fas fa-chevron-down"></i>&nbsp;&nbsp;&nbsp;Agenturverbund
        </button>
      </h5>
    </div>

    <div id="notification_agn" class="collapse" aria-labelledby="notification_agn_acc" data-parent="#accordion">
      <div class="card-body">
       <table class="table table-hover">
		  <thead>
		    <tr>
		      <th scope="col">Benachrichtigung</th>
		      <th scope="col">E-Mail</th>
		      <th scope="col">Push</th>
		    </tr>
		  </thead>
		  <tbody>
			{% for formfield in notificationforms_agn %}
				{% if forloop.counter|divisibleby:2 %}
						<td>{{formfield}}</td>
					</tr>
				{% else %}
					<tr>
						<td>{{formfield.label_tag}}</td>
						<td>{{formfield}}</td>
				{% endif %}
			{% endfor %}
		</tbody>
		</table>
      </div>
    </div>
  </div><!-- END AGENCY NETWORK -->

</div><!-- END ACCORDION -->
</div><!-- END CONTENT -->
<script>
	$('input:checkbox').change(
    function(){
    	ele = $(this).prop("name");
    	if(ele.indexOf("module") == -1){
	    	new_stat = 0;
	    	if($(this).prop("checked")){
	    		new_stat = 	1;
	    	}
	        $.ajax(
		    {
		        type: "GET",
		        url: "/dasettings/ajax",
		        data:{
		        	action : "update_notifications",
		        	fieldname : ele,
		        	new_stat : new_stat
		        },
		        success: function( data )
		        {
		        	console.log(data);
		        	if(data['success']){
		        		$('#notchange_done').toast('show');
		        	}
		        	else{
		        		$('#notchange_err').toast('show');
		        	}
			    }
		     });
	    }
    });

    $(document).ready(function(){
    	$(".toast").toast({
            autohide: true,
            delay : 3000
        });
    })

</script>