{% load crispy_forms_tags %}
{% load counter_tag %}
{% load static %}
<a type="button" class="btn btn-primary" href="{% url 'newagn' %}" data-toggle="tooltip" data-placement="top" title="Erstellen Sie einen neuen Agenturverbund und teilen Sie Ihre Standards."><i class="fas fa-plus"></i>&nbsp;Agenturverbund</a>
<hr>
<h4>Ihre Agenturverbünde</h4>
<div class="table-responsive">
    <table class="table hover" id="agntable">
          <thead>
          <tr>
            <th scope="col">Name</th>
            <th scope="col">Link{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Kopieren Sie den Link hier in Ihre Zwischenablage." class="far fa-question-circle"></i></small>{% endif %}</th>
            <th scope="col">Erstelleragentur</th>
            <th scope="col">Erstellt durch</th>
            <th scope="col">Erstellt am</th>
            <th scope="col">Letzte Aktivität am</th>
            <th scope="col">Agenturen</th>
            <th scope="col">Standards</th>
            <th scope="col">&nbsp;</th>
          </tr>
        </thead>
        <tbody id="">
        {% for agn in agencynetworks %}
          {% getsumofallag agn.pk as agsum %}
          {% getoutstandinginvites agn.pk as outstanding %}
          {% ifaginadminagn agn.pk request.user.profile.agency.pk as is_adminag %}
          <tr id="agn_{{agn.pk}}">
              <td><a href="{% url 'managagn' agn.pk %}">{{agn.name}}</a></td>
              <td>
                {% if is_adminag %}
                <a href="#" onclick="javascript:showAgnLink('{{agn.name}}', '{{agn.networkid}}', {{agn.pk}})"><i class="far fa-eye"></i></a>
                &nbsp;&nbsp;&nbsp;<a href="#" onclick="javascript:copyLinkToCB('{{agn.networkid}}', {{agn.pk}})"><i class="far fa-copy"></i></a>
                <span id="aglink_{{agn.pk}}" style="display: none;">Kopiert!</span>
                {% endif %}
              </td>
              <td>{{agn.creator_agency.name }}
                &nbsp;<i style="float: right" onclick="javascript:$('#showAgencyInfo_{{agn.creator_agency.pk}}').modal('toggle');" class="fas fa-info-circle"></i>
              </td>
              <td>{{agn.creator.first_name }} {{agn.creator.last_name }}</td>
              <td>{{agn.created_on }}</td>
              <td>{{agn.lastactivity}}</td>
              <td><a href="{% url 'managagn' agn.pk %}">{% if outstanding %}<i class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="Es gibt ausstehende Einladung."></i> {% endif %}{{agsum}}</a></td>
              <td>{{agn.standards.all|length}}</td>
              <td style="min-width: 50px">
                {% if is_adminag %}
                <span style="float: right !important;">
                  <a  class="btn btn-secondary btn-sm" href="{% url 'updateagn' agn.pk %}" data-toggle="tooltip" data-placement="top" title="Verbund bearbeiten"><small><i class="fas fa-pen"></i></small></a>
                  <a style="" class="btn btn-secondary btn-sm " data-toggle="tooltip" data-placement="top" title="Verbund löschen" href="{% url 'delagn' agn.pk %}"><small><i class="fas fa-trash"></i></small></a>
                </span>
                {% else %}
                <button style="float: right; margin-left: 5px" class="btn btn-secondary btn-sm " data-toggle="tooltip" data-placement="top" title="Treten Sie aus diesem Verbund aus." onclick="javascript:showDelAgFromAgn('{{agn.name}}', {{agn.pk}})"><small><i class="fas fa-door-open"></i></small></button>
                {% endif %}
              </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>

{% for agn in agencynetworks %}
<div class="modal fade" tabindex="-1" id="showAgencyInfo_{{agn.creator_agency.pk}}" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Agenturinfo</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Agentur <b>{{agn.creator_agency.name}}</b>
        <hr>
        {% if agn.creator_agency.inhaber|length > 0 %}Inhaber: {{agn.creator_agency.inhaber}}<br /> {% endif %}
        {% if agn.creator_agency.street|length > 0 %}Adresse: {{agn.creator_agency.street}} {{agn.creator_agency.plz}} {{agn.creator_agency.city}}<br /> {% endif %}
        {% if agn.creator_agency.phone|length > 0 %}Telefon: {{agn.creator_agency.phone}} <hr>{% endif %}
        E-Mailadresse: <a href="mailto:{{agn.agency_mail}}">{{agn.creator_agency.agency_email}}</a>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-success" data-dismiss="modal">Schliessen</button>
      </div>
    </div>
  </div>
</div>
{% endfor %}

<div class="modal fade" id="showAGNLink" 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">Link für Agenturverbund</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">
        Agenturverbund <b><span id="agn_name">NAME</span></b><br />
        Link für die Einladung:<br/> <b><span id="agn_link">LINK</span></b>
        <br />
        <p class="mt-2">Leiten Sie den Link an Agenturen weiter, die Sie zu Ihrem Verbund einladen möchten.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Schließen</button>
      </div>
    </div>
  </div>
</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">Aus Agenturverbund austreten</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">
        Möchten Sie den Agenturverbund <b><span id="agname">NAME</span></b> verlassen?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:doRemAgFromAgn()">Ja, Agenturverbund verlassen</button>&nbsp;
        <button type="button" class="btn btn" data-dismiss="modal">Abbrechen</button>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
  var workingid = "";

  function showDelAgFromAgn(name, id){
    workingid = id;
    $("#delAgFromAgn").modal("toggle");
    $("#agname").html(name);
  }


  function copyLinkToCB(tocopy, id){
    var val = "{{baseurl}}dasettings/agnni/" + tocopy;
    var $temp = $("<input>");
    $("body").append($temp);
    $temp.val(val).select();
    document.execCommand("copy");
    $temp.remove();
    $("#aglink_" + id).show();
  }

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

  function showAgnLink(name, tocopy, id){
    $("#aglink_mod").hide();
    $("#agn_name").html(name);
    $("#agn_link").html("{{baseurl}}dasettings/agnni/" + tocopy);
    $("#showAGNLink").modal("toggle");
  }


$(document).ready(function(){

  $('#agntable').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"
      }
    });

});

</script>

<style>
  /* DATATABLES */
.paginate_button {
  padding: 0px !important;
  border: 0px !important;
}
  </style>