{% extends "base/base.html" %}
{% load staticfiles %}

{% block title %} Totalizers {% endblock title %}

{% block stylesheets %}
    {{ block.super}}
{% endblock %}




{% block content %}
    <table id="AlarmTable" style="font-size: 14" class="table table-striped table-bordered" cellspacing="0" width="100%" align="center">
        <thead>
            <tr>
                {% if lang == 'hr'%}
                <th>ID UREĐAJA</th>
                <th>IDENTIFIKATOR</th>
                <th>VREMENSKI TRENUTAK</th>
                <th>ALARM</th>
                {% else %}
                <th>DEVICE ID</th>
                <th>IDENTIFIER</th>
                <th>TIME STAMP</th>
                <th>ALARM</th>
                {% endif %}
            </tr>
        </thead>
        <tfoot>
            <tr>
                {% if lang == 'hr'%}
                <th>ID UREĐAJA</th>
                <th>IDENTIFIKATOR</th>
                <th>VREMENSKI TRENUTAK</th>
                <th>ALARM</th>
                {% else %}
                <th>DEVICE ID</th>
                <th>IDENTIFIER</th>
                <th>TIME STAMP</th>
                <th>ALARM</th>
                {% endif %}
            </tr>
        </tfoot>
        <tbody>
            {% for alarm in alarms %}
            <tr>
                {%if alarm.checked == 1%}
                <td>{{alarm.lldevicelist.id}}</td>
                <td>{{alarm.lldevicelist.rem_identifier}}</td>
                <td data-order="{{alarm.timestamp|date:"U"}}">{{alarm.timestamp}}</td>
                <td>{{alarm.alarm}}</td>
                {% else %}
                <td>{{alarm.lldevicelist.id}}</td>
                <td>{{alarm.lldevicelist.rem_identifier}}</td>
                <td data-order="{{alarm.timestamp|date:"U"}}">{{alarm.timestamp}}</td>
                <td>{{alarm.alarm}}</td>
                {% endif %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block right_sidebar %}

{% endblock %}

{% block javascripts %}
    {{ block.super}}

    <script type="text/javascript">
        $(document).ready(function(){
            if ("{{lang}}" == 'hr'){
                $('#AlarmTable').DataTable({
                    "order"             : [[ 2, "desc" ]],
                    "language":{
                        "decimal":        "",
                        "emptyTable":     "Nema dostupnih podataka u tablici",
                        "info":           "Prikaz _START_ do _END_ od _TOTAL_ zapisa",
                        "infoEmpty":      "Prikaz 0 do 0 od 0 zapisa",
                        "infoFiltered":   "(filtrirano od ukupno _MAX_ zapisa)",
                        "infoPostFix":    "",
                        "thousands":      ",",
                        "lengthMenu":     "Prikaz _MENU_ zapisa",
                        "loadingRecords": "Prikupljanje...",
                        "processing":     "Obrada...",
                        "search":         "Pretraga:",
                        "zeroRecords":    "Nema odgovarajućih zapisa",
                        "paginate": {
                            "first":      "Prva",
                            "last":       "Posljednja",
                            "next":       "Sljedeća",
                            "previous":   "Prethodna"
                        },
                        "aria": {
                            "sortAscending":  ": Uzlazno sortiranje",
                            "sortDescending": ": Silazno sortiranje"
                        }
                    }
                });
            }else{
                $('#AlarmTable').DataTable({
                    "order"             : [[ 2, "desc" ]],
                    "language":{
                        "decimal":        "",
                        "emptyTable":     "No data available in table",
                        "info":           "Showing _START_ to _END_ of _TOTAL_ entries",
                        "infoEmpty":      "Showing 0 to 0 of 0 entries",
                        "infoFiltered":   "(filtered from _MAX_ total entries)",
                        "infoPostFix":    "",
                        "thousands":      ",",
                        "lengthMenu":     "Show _MENU_ entries",
                        "loadingRecords": "Loading...",
                        "processing":     "Processing...",
                        "search":         "Search:",
                        "zeroRecords":    "No matching records found",
                        "paginate": {
                            "first":      "First",
                            "last":       "Last",
                            "next":       "Next",
                            "previous":   "Previous"
                        },
                        "aria": {
                            "sortAscending":  ": activate to sort column ascending",
                            "sortDescending": ": activate to sort column descending"
                        }
                    }
                });
            }
        });
    </script>
{% endblock %}