{% extends "users/base.html" %}
{% load crispy_forms_tags %}
{% load counter_tag %}
{% load static %}
{% block content %}
<div class="content-section col-12">
<h4>Agenturen in Verbund {{agn.name}}
  <a style="float: right" href="{% url 'dasettings' %}" type="button" class="btn btn-secondary btn-sm"><i class="fas fa-chevron-circle-left"></i></a>
</h4>
{% if outstanding|length > 0 %}
<hr>
<h5>Ausstehende Einladungen</h5>

<div class="table-responsive mt-2">
    <table class="table table-hover">
          <thead>
          <tr>
            <th scope="col">Agenturname</th>
            <th scope="col">&nbsp;</th>
          </tr>
        </thead>
        <tbody id="">
          {% for agn_s in outstanding %}
        <tr id="agnprep_{{agn_s.pk}}">
              <td>{{agn_s.wanted_agency.name}}</td>
              <td>
                <a type="button" href="{% url 'acceptinvite' agn_s.target_network.pk agn_s.wanted_agency.pk agn_s.pk  %}" class="btn btn-primary">Annehmen</a>

                &nbsp;<button onclick="javascript:checkRemInv('{{agn_s.wanted_agency.name}}', {{agn_s.pk}})" type="button" class="btn btn-secondary">Ablehnen</button>
              </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
{% endif %}


  <hr>
  <h5>Agenturen im Verbund{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Verwalten Sie die Agenturen in Ihrem Verbund. Wählen Sie aus, ob Agenturen nur Mitglied sind oder ob sie Inhalte in den Verbund teilen dürfen. Alternativ können Sie eine Agentur als Administratives Mitglied festlegen. Dann kann diese Agentur ebenfalls alle Einstellungen des Agenturverbunds anpassen." class="far fa-question-circle"></i></small>{% endif %}</h5>
  {% if request.user.profile.agency in agn.adminagencys.all %}
  <div class="table-responsive mt-2">
    <table class="table hover" id="agnetworkagencys">
      <thead>
        <tr>
          <th scope="col">Agenturname</th>
          <th scope="col" style="text-align: center;">Nur Mitglied</th>
          <th scope="col" style="text-align: center;">Inhalte teilen</th>
          <th scope="col" style="text-align: center;">Administratives Mitglied</th>
          <th scope="col">&nbsp;</th>
        </tr>
      </thead>
      <tbody>
      {% for agn_s in allagofagn %}
        {% ifaginadminagn agn.pk agn_s.pk as is_adminag %}
        {% ifmember agn.pk agn_s.pk as is_member %}
        {% ifsharemember agn.pk agn_s.pk as is_sharemember %}
        <tr id="agn_{{agn_s.pk}}">
            <td>{{agn_s.name}}</td>
            <td style="text-align: center;"><input class="form-check-input" type="radio" name="inlineRadioOptions_{{agn_s.pk}}" id="" value="option1"  onchange="javascript:updateAgAgnRights({{agn_s.pk}}, 0)" {% if agn_s == request.user.profile.agency  %} disabled="true" {% endif %}
              {% if is_member %} checked {% endif %}
              ></td>

            <td style="text-align: center;"><input class="form-check-input" type="radio" name="inlineRadioOptions_{{agn_s.pk}}" id="" value="option2" onchange="javascript:updateAgAgnRights({{agn_s.pk}}, 1)" {% if agn_s == request.user.profile.agency  %} disabled="true" {% endif %}
              {% if is_sharemember %} checked {% endif %}
              ></td>
            <td style="text-align: center;"><input class="form-check-input" type="radio" name="inlineRadioOptions_{{agn_s.pk}}" id="" value="option3" onchange="javascript:updateAgAgnRights({{agn_s.pk}}, 2)" {% if agn_s == request.user.profile.agency  %} disabled="true" checked {% endif %}
              {% if is_adminag %} checked {% endif %}
              ></td>
            <td>
              {% if agn_s != request.user.profile.agency %}
              <button style="float: right" class="btn btn-secondary btn-sm " onclick="javascript:showDelAgFromAgn('{{agn_s.name}}', {{agn_s.pk}})"><small><i class="fas fa-trash"></i></small></button>
              {%endif%}
            </td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}

    <div class="table-responsive mt-2">
    <table class="table hover" id="agnetworkagencys_onlyview">
      <thead>
        <tr>
          <th scope="col">Agenturname</th>
          <th scope="col">Rechte</th>
        </tr>
      </thead>
      <tbody>
      {% for agn_s in allagofagn %}
        <tr id="agn_{{agn_s.pk}}">
            <td>{{agn_s.name}}</td>
            <td>
              {% if agn_s in agn.adminagencys.all %}Administratives Mitglied
              {% elif agn_s in agn.members.all %}Mitglied
              {% elif agn_s in agn.sharemembers.all %}Inhalte teilen
              {% endif %}
            </td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>

  {% endif %}


</div>


<div class="modal fade" id="delAgFromAgn" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="" aria-hidden="true">
  <div class="modal-dialog " role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Agentur aus Verbund entfernen</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Agentur <span id="agname">NAME</span> aus Verbund {{agn.name}} entfernen?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="javascript:doRemAgFromAgn()">Agentur entfernen</button>&nbsp;
        <button type="button" class="btn btn-success" data-dismiss="modal">Abbrechen</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="checkInv" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="" aria-hidden="true">
  <div class="modal-dialog " role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Anfrage ablehnen</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Schließen">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Agentur <span id="agname_invite">NAME</span> wirklich nicht zum Agenturverbund {{agn.name}} hinzufügen?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="javascript:doRemInv()">Anfrage löschen</button>&nbsp;
        <button type="button" class="btn btn-success" data-dismiss="modal">Abbrechen</button>
      </div>
    </div>
  </div>
</div>
<style>
  /* DATATABLES */
.paginate_button {
  padding: 0px !important;
  border: 0px !important;
}
  </style>
<script type="text/javascript">
  $(document).ready(function(){

    $('#agnetworkagencys_onlyview').DataTable({
      "language": {
        "search" : "Suche",
        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
        "lengthMenu":     "Zeige _MENU_ Einträge",
        "zeroRecords": "Nichts gefunden",
        "infoEmpty": "Keine Einträge",
        "paginate": {
            "first":      "Erste",
            "last":       "Letzte",
            "next":       "Nächste",
            "previous":   "Zurück"
        },
      },
      "pageLength": 50,
      "buttons" : {
        "className" : "btn-danger"
      }
    });
    {% if request.user.profile.agency in agn.adminagencys.all %}
      $('#agnetworkagencys').DataTable({
      "language": {
        "search" : "Suche",
        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
        "lengthMenu":     "Zeige _MENU_ Einträge",
        "zeroRecords": "Nichts gefunden",
        "infoEmpty": "Keine Einträge",
        "paginate": {
            "first":      "Erste",
            "last":       "Letzte",
            "next":       "Nächste",
            "previous":   "Zurück"
        },
      },
      "pageLength": 50,
      "buttons" : {
        "className" : "btn-danger"
      }
    });
      {% endif %}
  });

  {% if request.user.profile.agency in agn.adminagencys.all %}
  var workingagid = "";

  function updateAgAgnRights(agency, newstatus){
    $.ajax(
      {
          type: "GET",
          url: "{% url 'dasettings-agnajax' %}",
          data:{
            action: "changeagrights",
            agency : agency,
            newstatus : newstatus,
            agnid : {{agn.pk}}
          },
          success: function( data )
          {

          }
       });
  }


  function checkRemInv(name, id){
    workingagid = id;
    $("#agname_invite").html(name);
    $("#checkInv").modal("toggle");
  }

  function doRemInv(){
     $.ajax(
        {
            type: "GET",
            url: "{% url 'dasettings-agnajax' %}",
            data:{
              action: "removeinv",
              agn_inv : workingagid,
            },
            success: function( data )
            {
              location.href = location.href;
            }
         });
  }

  function doRemAgFromAgn(){
     $.ajax(
        {
            type: "GET",
            url: "{% url 'dasettings-agnajax' %}",
            data:{
              action: "remove_ag_from_agn",
              agid : workingagid,
              agnid : {{agn.pk}}
            },
            success: function( data )
            {
              $("#delAgFromAgn").modal("toggle");
              $("#agn_" + workingagid).remove();
          }
         });
  }

  function showDelAgFromAgn(name, id)
  {
    workingagid = id;
    $("#agname").html(name);
    $("#delAgFromAgn").modal("toggle");
  }
  {% endif %}
</script>
{% endblock content %}