{% extends "users/base.html" %}
{% load counter_tag %}
{% block content %}

<div class="content-section col-12">
  <h3>Standards aus Agenturverbund {{agn.name}}
    <a style="float: right" href="{% url 'standards' %}" type="button" class="btn btn-secondary btn-sm"><i class="fas fa-chevron-circle-left"></i></a>
  </h3>
  <small>Sie sehen nur veröffentlichte Standards innerhalb des Verbunds und Standards, die nicht von Ihrer Agentur geteilt worden sind.</small>
  <hr>


        <h4 class="mt-4 mb-4"></h4>

        <div class="table-responsive">
          <table class="table hover" id="agnstandards">
              <thead>
              <tr>
                <th scope="col">Titel</th>
                <th scope="col">Agentur</th>
                <th scope="col">Zuletzt geändert am</th>
                <th scope="col">Geteilt</th>
                <th scope="col">Status</th>
              </tr>
            </thead>
             <tbody>
          {% for standard in standards_of_agency_network %}
            {% checkifsharedstandardinagency request.user.profile.agency standard as isshared %}
            {% if standard.public %}
              <tr>
                  <td>
                    {% setbool False %}
                      {% for ag in standard.visibleby.all %}
                        {% if request.user|has_group:ag.group.name %}
                          {% setbool True %}
                        {% endif %}
                      {% endfor %}
                      {% if standard.visibleby.all|length == 0 %}
                          {% setbool True %}
                        {% endif %}
                      {% getbool as groupchecker %}

                      {% if groupchecker %}
                    <a href="{% url 'standard-single-agn' standard.pk agn.pk %}">{{standard.name|truncatechars:28}}</a>
                    {% else %}
                      <p class="card-text text-secondary" data-toggle="popover" data-placement="top"  data-trigger="hover" title="Zugriffsbeschränkung" data-content="Zugriff beschränkt auf {% for sgroup in standard.visibleby.all %}{{sgroup.agencygroupname}}{% if forloop.counter < standard.visibleby.all|length %},{%endif%}{% endfor %}"><i class="fas fa-lock"></i>&nbsp;{{standard.name|truncatechars:28}}</p>
                    {% endif %}
                  </td>
                  <td>{{standard.agency.name}} <i style="float: right;" class="fas fa-info-circle" onclick="javascript:$('#showAgencyInfo_{{standard.agency.pk}}').modal('toggle');"></i></td>
                  <td>{{standard.last_modified_on|date:"d.m.Y, H:i"}}</td>
                  <td>{{standard.agencynetworkcounter}}</td>
                  <td>{% if isshared %}Übernommen {% elif request.user in standard.favoritfrom.all %}Favorit {% endif %}</td>
              </tr>
            {% endif %}
          {% endfor %}
          </tbody>
          </table>
       </div>
     </div>
    </div>
  </div>



{% for agn in standards_of_agency_network %}
<div class="modal fade" tabindex="-1" id="showAgencyInfo_{{agn.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.agency.name}}</b>
        <hr>
        {% if agn.agency.inhaber|length > 0 %}Inhaber: {{agn.agency.inhaber}}<br /> {% endif %}
        {% if agn.agency.street|length > 0 %}Adresse: {{agn.agency.street}} {{agn.agency.plz}} {{agn.agency.city}}<br /> {% endif %}
        {% if agn.agency.phone|length > 0 %}Telefon: {{agn.agency.phone}} <hr>{% endif %}
        E-Mailadresse: <a href="mailto:{{agn.ail}}">{{agn.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 %}



  <script type="text/javascript">



    $(document).ready(function(){


        $('#agnstandards').DataTable({
      responsive: true,
      "language": {
        "search" : "Suche",
        "zeroRecords": "Nichts gefunden",
        "infoEmpty": "Keine Einträge",
        "info": "Zeige _START_ bis _END_ von _TOTAL_ Einträgen",
        "lengthMenu":     "Zeige _MENU_ 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>
{% endblock content %}