{% extends "users/base.html" %}
{% block content %}
<div class="content-section col-12">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="{% url 'standards' %}">Standards</a></li>
      <li class="breadcrumb-item active"><a href="{% url 'standard-area' areaid %}">{{areaname}}</a></li>
    </ol>
  </nav>
  <h4>Standards aus dem Bereich {{areaname}}</h4>
  <hr>
  <div class="col-12">
    <table class="table hover" id="standardstable">
        <thead>
        <tr>
          <th scope="col">Titel</th>
          <th scope="col">Erstellt von</th>
          <th scope="col">Erstellt am</th>
          <th scope="col">Geändert von</th>
          <th scope="col">Geändert am</th>
          <th scope="col">Öffentlichkeitsstatus</th>
          <th scope="col">&nbsp;</th>
        </tr>
      </thead>
    {% for item in standards_of_agency_area %}
    {% if item.public or item.created_standard_by == user or perms.users.standardmanager %}
      <tr>
          <td><a href="{% url 'standard-single' item.pk %}">{{item.name}}</a></td>
          <td>{{item.created_standard_by.first_name}} {{item.created_standard_by.last_name}}</td>
          <td>{{ item.created_standard_date|date:"d.m.Y, H:i"}}</td>
          <td>{{ item.last_modified_by.first_name }} {{ item.last_modified_by.last_name }}</td>
          <td>{{ item.last_modified_on|date:"d.m.Y, H:i"}}</td>
          <td>{{item.public|yesno:"Öffentlich,Nicht öffentlich"}}</td>
          <td>
            {% if item.created_standard_by == user or perms.users.standardmanager %}
            <a style="float: right" class="btn btn-secondary btn-sm ml-2" href="{% url 'standard-delete' item.pk %}">
            <small>
            <i class="fas fa-trash"></i></small></a>

            <a style="float: right" class="btn btn-secondary btn-sm " href="{% url 'standard-add' item.pk %}">
            <small>
            <i class="fas fa-pen"></i>
            </small></a>
             {% endif %}
          </td>
      </tr>
    {% endif %}
    {% endfor %}     
    </table>
  </div>
</div>
<script type="text/javascript">
  $(document).ready( function () {
    $('#standardstable').DataTable({
      responsive: true,
      "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"
        },
      },
      "buttons" : {
        "className" : "btn-danger"
      }
    });
} );
</script>
<style>
  /* DATATABLES */
.paginate_button {
  padding: 0px !important;
  border: 0px !important;
}
  </style>

{% endblock content %}