{% load counter_tag %}
<!-- 

TASK: 
 -->
<div class="table-responsive">
    <table class="table table-hover" id="usertableall">
        <thead>
        <tr>
          <th scope="col">Vorname</th>
          <th scope="col">Nachname</th>
          <th scope="col">E-Mail</th>
          <th scope="col">Agenturfunktion</th>
          <th scope="col">Gleitzeit</th>
          <th scope="col">Letzter Login</th>          
          <th scope="col">&nbsp;</th>          

        </tr>
      </thead>
      <tbody id="tableresults">
    {% for item in usersofagencytm %}
      <tr>
          <td>{{item.first_name }}</td>
          <td>{{ item.last_name }}</td>
          <td>{{ item.email }}</td>
          <td>{% if item.profile.func == None %}-{%else%}{{ item.profile.func }}{%endif%}</td>
          <td>
            {% if item.usertime.usetime %}
            {% loadaccounttime item as actualaccounttime %}
            {% if actualaccounttime.1 == 0 %}
            	<b><span style="color: green">+{{actualaccounttime.0}}</span></b>
            {% else %}
            	<b><span style="color: red">-{{actualaccounttime.0}}</span></b>
            {% endif %}
            {% else %}
            -
            {% endif %}
          </td>
          <td>{% if item.last_login != Nonte %}{{ item.last_login }}{% endif %}</td>          
          <td>
          	{% if item.usertime.usetime %}
          	<a  href="{% url 'tm-team-single' item.pk %}" ><button class="btn btn-sm btn-primary"><i class="fas fa-eye"></i></button></a>{% else %}
          	Mitarbeiter macht keine Zeiterfassung.
          	{% endif %}
          </td>
      </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
<script>
$(document).ready(function(){

  $('#usertableall').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"
        },
      },
      "buttons" : {
        "className" : "btn-danger"
      },
      "pageLength": 50,
      "order": [[ 1, "asc" ]]
    });
});

</script>