{% extends "index.html.twig" %}


{% block searchBar %}
    {% set searchParams = {
        'placeholder':'Störungsliste durchsuchen',
        'action' : path('errorlist_search')
    } %}
    {{ parent() }}
{% endblock %}

{% block searchBtn %}
    {{ parent() }}
{% endblock %}

{% block searchTerm %}
    {% set resetPath = path('errorlist_search',{reset: true}) %}
    {{ parent() }}
{% endblock %}

{% block breadcrumbMenu %}{% endblock %}

{% block breadcrumb %}
    Störungsliste
{% endblock %}

{% block body %}
    <div class="row mb-3 mx-0">
        <div class="col-12 d-flex justify-content-between btn-group px-0">
            <a href="{{ path('error_index',{filter: 1}) }}" class="btn {% if filter == "1" %}btn-primary{% else %}btn-outline-primary{% endif %} noload" style="flex:1">
                Störung Tankanlage <span class="badge badge-pill badge-light {% if filter == "1" %}text-white{% else %}text-dark{% endif %}">{{ errorCounts["1"] }}</span>
            </a>
            <a href="{{ path('error_index',{filter: 2}) }}" class="btn {% if filter == "2" %}btn-primary{% else %}btn-outline-primary{% endif %} noload" style="flex:1">
                Störung Fernabfrage <span class="badge badge-pill badge-light {% if filter == "2" %}text-white{% else %}text-dark{% endif %}">{{ errorCounts["2"] }}</span>
            </a>
            <a href="{{ path('error_index',{filter: 3}) }}" class="btn {% if filter == "3" %}btn-primary{% else %}btn-outline-primary{% endif %} noload" style="flex:1">
                Ausfall Fernabfrage <span class="badge badge-pill badge-light {% if filter == "3" %}text-white{% else %}text-dark{% endif %}">{{ errorCounts["3"] }}</span>
            </a>
        </div>
    </div>
    <div class="Rtable Rtable--collapse">
    <div class="Rtable-row Rtable-row--head scrollfixed">
        {% if check_setting('tanklist_ports' ,userSettings,true) %}
            <div class="Rtable-cell rw-5 column-heading text-right">
                <button class="btn btn-outline-light btn-sm collapse-all noload">
                    <i class="fas fa-exchange-alt fa-rotate-90"></i>
                </button>
            </div>
        {% endif %}
        {% if check_setting('tanklist_name' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Bezeichnung
                <a class="btn btn{{ orderBy is defined and orderBy == 't.name' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'t.name', 'orderDir':orderBy is defined and orderBy == 't.name' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 't.name' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
        {% endif %}
        {% if check_setting('tanklist_company' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Firma
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.name' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'c.name', 'orderDir':orderBy is defined and orderBy == 'c.name' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.name' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
        {% endif %}
        {% if check_setting('tanklist_city' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Ort
                <a class="btn btn{{ orderBy is defined and orderBy == 'c.city' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'c.city', 'orderDir':orderBy is defined and orderBy == 'c.city' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 'c.city' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
        {% endif %}
        {% if check_setting('tanklist_gastype' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Füllmedium
            </div>
        {% endif %}
        {% if check_setting('tanklist_topasID' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Topas ID
                <a class="btn btn{{ orderBy is defined and orderBy == 't.topasID' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'t.topasID', 'orderDir':orderBy is defined and orderBy == 't.topasID' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 't.topasID' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
        {% endif %}
        {% if check_setting('tanklist_status' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Status
            </div>
        {% endif %}
        {% if check_setting('tanklist_date' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Stand
            </div>
        {% endif %}
        {% if check_setting('tanklist_currentvalue' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Aktueller Wert
            </div>
        {% endif %}
        {% if check_setting('tanklist_alarmMax' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Alarm Max
            </div>
        {% endif %}
        {% if check_setting('tanklist_capacity' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Füllwert
            </div>
        {% endif %}
        {% if check_setting('tanklist_order' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Bestellwert
            </div>
        {% endif %}
        {% if check_setting('tanklist_alarmMin' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Alarm Min
            </div>
        {% endif %}
        {% if check_setting('tanklist_daily' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Tagesverbrauch
            </div>
        {% endif %}
        {% if check_setting('tanklist_weekly' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Wochen &#216; Verbrauch
            </div>
        {% endif %}
        <div class="Rtable-cell rwf-50 column-heading"></div>
    </div>
    {% if tanks is defined %}
        {% for tank in tanks %}
            <div class="Rtable-row border-bottom border-success text-dark {% if tank.portData.primaryport is not empty %}{% if tank.portData.primaryport.portstatus == 2 %}bg-warning{% elseif tank.portData.primaryport.portstatus == 3 or tank.portData.primaryport.portstatus  == 5 %}bg-danger{% elseif tank.portData.primaryport.portstatus == 4 %}bg-info{% endif %}{% else %}bg-danger{% endif %}">

                {% if check_setting('tanklist_ports' ,userSettings,true) %}
                    <div data-heading="Ports" class="Rtable-cell rw-5">
                        <div class="Rtable-cell--content text-lg-right">
                            <button type="button" class="port-collapse btn btn-sm btn-outline-dark noload collapsed" data-coreui-toggle="collapse" data-coreui-target="#ports-{{ tank.tankID }}">
                                <i class="fas fa-caret-down"></i>
                                <i class="fas fa-caret-up"></i>
                            </button>
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_name' ,userSettings,true) %}
                    <div data-heading="Bezeichnung" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content " data-toggle="tooltip" title="{{ tank.tankData.name }}">
                            {{ tank.tankData.name }}
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_company' ,userSettings,true) %}
                    <div data-heading="Firma" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ tank.tankData.company }}">
                            {{ tank.tankData.company }}
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_city' ,userSettings,true) %}
                    <div data-heading="Ort" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ tank.tankData.city }}">
                            {{ tank.tankData.city }}
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_gastype' ,userSettings,true) %}
                    <div data-heading="Füllmedium" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content">
                            {{ tank.tankData.gastype|raw }}
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_topasID' ,userSettings,true) %}
                    <div data-heading="Topas ID" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content">
                            {{ tank.topasID }}
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_status' ,userSettings,true) %}
                    <div data-heading="Status" class="Rtable-cell rw-10 bg-light">
                        <div class="Rtable-cell--content d-flex justify-content-between">
                            <div>
                            {% for status, count in tank.statusSummary %}
                                {% if count > 0 %}
                                    <span class="badge text-white {% if status == 1 %}text-bg-success{% elseif status == 2 %}text-bg-warning{% elseif status == 3 %}text-bg-danger{% elseif status == 4 %}text-bg-info{% endif %}">{{ count }}</span>
                                {% endif %}
                            {% endfor %}
                            </div>
                            <div>
                                {% if tank.timewarning == 1 %}
                                    <i class="fas fa-exclamation-triangle text-warning"></i>
                                {% elseif tank.timewarning == 2 %}
                                    <i class="fas fa-exclamation-triangle text-danger"></i>
                                {% elseif tank.timewarning == -1 %}
                                    <i class="fas fa-exclamation-triangle text-info"></i>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_date' ,userSettings,true) %}
                    <div data-heading="Stand" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content">
                            {{ tank.updateTime|date('d.m.Y H:i') }}
                        </div>
                    </div>
                {% endif %}

                {% if tank.portData.primaryport is not empty %}
                    {% if check_setting('tanklist_currentvalue' ,userSettings,true) %}
                        <div data-heading="Aktueller Wert" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                <b>
                                    {% if tank.portData.primaryport.isDigital is defined and tank.portData.primaryport.isDigital == true%}
                                        {{ tank.portData.primaryport.label }}
                                    {% else %}
                                        {{ tank.portData.primaryport.measured }}
                                    {% endif %}
                                </b>
                            </div>
                        </div>
                    {% endif %}

                    {% if check_setting('tanklist_alarmMax' ,userSettings,true) %}
                        <div data-heading="Alarm Max" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {% if tank.portData.primaryport.alarm_max is defined %}
                                    {{ tank.portData.primaryport.alarm_max }}
                                {% else %}
                                    {% if tank.portData.primaryport.isDigital is defined and tank.portData.primaryport.isDigital == true%}
                                    {% else %}
                                        Keine Daten eingetragen
                                    {% endif %}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}

                    {% if check_setting('tanklist_capacity' ,userSettings,true) %}
                        <div data-heading="Füllwert" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {% if tank.portData.primaryport.capacity is defined %}
                                    {{ tank.portData.primaryport.capacity }}
                                {% else %}
                                    {% if tank.portData.primaryport.isDigital is defined and tank.portData.primaryport.isDigital == true%}
                                    {% else %}
                                        Keine Daten eingetragen
                                    {% endif %}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}

                    {% if check_setting('tanklist_order' ,userSettings,true) %}
                        <div data-heading="Bestellwert" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {% if tank.portData.primaryport.capacity_order is defined %}
                                    {{ tank.portData.primaryport.capacity_order }}
                                {% else %}
                                    {% if tank.portData.primaryport.isDigital is defined and tank.portData.primaryport.isDigital == true%}
                                    {% else %}
                                        Keine Daten eingetragen
                                    {% endif %}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}

                    {% if check_setting('tanklist_alarmMin' ,userSettings,true) %}
                        <div data-heading="Alarm Min" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {% if tank.portData.primaryport.alarm_min is defined %}
                                    {{ tank.portData.primaryport.alarm_min }}
                                {% else %}
                                    {% if tank.portData.primaryport.isDigital is defined and tank.portData.primaryport.isDigital == true%}
                                    {% else %}
                                        Keine Daten eingetragen
                                    {% endif %}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}

                    {% if check_setting('tanklist_daily' ,userSettings,true) %}
                        <div data-heading="Tagesverbrauch" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {% if tank.portData.primaryport.daily is defined %}
                                    {{ tank.portData.primaryport.daily }}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}

                    {% if check_setting('tanklist_weekly' ,userSettings,true) %}
                        <div data-heading="Wochen &#216; Verbrauch" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content"
                            {% if tank.portData.primaryport.dailylist is defined %}
                                data-toggle="tooltip" data-html="true" title="{% for daily in tank.portData.primaryport.dailylist %}<div class='text-left'>{{ daily }}: </div>{% endfor %}"
                            {% endif %}>
                                {% if tank.portData.primaryport.weekly is defined %}
                                    {{ tank.portData.primaryport.weekly }}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                {% else %}
                    <div data-heading="" class="Rtable-cell rw-60">
                        <div class="Rtable-cell--content">
                            Primärport fehlerhaft
                        </div>
                    </div>
                {% endif %}
                <div class="Rtable-cell Rtable-cell-button Rtable-cell--overflow rwf-50">
                    <div class="Rtable-cell--content Rtable-cell--overflow">
                        <div class="dropdown dropleft tankactions">
                            <button class="btn btn-secondary btn-sm dropdown-toggle noload" type="button" id="tankactions{{ tank.tankID }}" data-coreui-toggle="dropdown" aria-expanded="false"></button>
                            <ul class="dropdown-menu" aria-labelledby="tankactions{{ tank.tankID }}">

                                {% if tank.topasID is defined and tank.topasID != '' %}
                                <li>
                                    <a class="dropdown-item" href="{{ path('tanklist_detail',{'id':tank.tankID}) }}">
                                        <i class="fas fa-search fa-fw"></i> Tank-Details aufrufen
                                    </a>
                                </li>
                                {% else %}
                                <li>
                                    <button class="dropdown-item">
                                        <i class="fas fa-times fa-fw"></i> Keine Topas ID hinterlegt
                                    </button>
                                </li>
                                {% endif %}
                                {% if tank.topasID is defined and tank.topasID != '' %}
                                <li><hr class="dropdown-divider"></li>
                                <li>
                                    <a class="dropdown-item" href="{{ path('tanklist_device_detail',{'topasID':tank.topasID}) }}">
                                        <i class="fas fa-search fa-fw"></i> Topas-Details aufrufen
                                    </a>
                                </li>
                                {% endif %}
                                {% if is_granted('tank_edit') %}
                                <li><hr class="dropdown-divider"></li>
                                <li>
                                    <a class="dropdown-item noload" href="{{ path('tanks_edit',{'id':tank.tankID}) }}" target="_blank">
                                        <i class="fas fa-edit fa-fw"></i> Tank bearbeiten
                                    </a>
                                </li>
                                {% endif %}
                                {% if is_granted('device_edit') and tank.tankData.deviceID is defined %}
                                <li><hr class="dropdown-divider"></li>
                                <li>
                                    <a class="dropdown-item noload" href="{{ path('devices_edit',{'id':tank.tankData.deviceID}) }}" target="_blank">
                                        <i class="fas fa-edit fa-fw"></i> Topas Gerät bearbeiten
                                    </a>
                                </li>
                                {% endif %}
                                {% if is_granted('device_ordersize_change') and tank.tankData.deviceID is defined %}
                                <li><hr class="dropdown-divider"></li>
                                <li>
                                    <button type="button" class="dropdown-item noload" data-toggle="modal" data-target="#ordersizeChangeModal" data-deviceid="{{tank.tankData.deviceID}}" data-tankid="{{tank.tankID}}">
                                        <i class="fas fa-edit fa-fw"></i> Bestellwert ändern
                                    </button>
                                </li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            {% if check_setting('tanklist_ports' ,userSettings,true) %}
                <div class="ports collapse ps-5 w-100{% if check_setting('maximizedPorts', userSettings, false) %} show{% endif %}" id="ports-{{ tank.tankID }}">
                    <div class="Rtable Rtable--collapse Rtable-sm border-bottom border-success">
                        <div class="Rtable-row Rtable-row--head bg-light text-dark">
                            <div class="Rtable-cell rw-10 column-heading">
                                Bezeichnung {{ check_setting('maximizedPorts', userSettings, false) }}
                            </div>
                            {% if check_setting('portlist_measurement' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Messwert
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_alarmMin' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Alarm Min
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_order' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Bestellwert
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_currentvalue' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Aktueller Wert
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_alarmMax' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Alarm Max
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_capacity' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Füllwert
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_daily' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Tagesverbrauch
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_weekly' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Wochen &#216; Verbrauch
                                </div>
                            {% endif %}
                            {% if check_setting('portlist_date' ,userSettings,true) %}
                                <div class="Rtable-cell rw-10 column-heading">
                                    Stand
                                </div>
                            {% endif %}
                        </div>
                        {% for key, port in tank.portData.analogports %}
                            {% if port.tanklist == true %}
                                {{ _self.portRow(key, port, userSettings, tank.updateTime) }}
                            {% endif %}
                        {% endfor %}
                        {% for key, port in tank.portData.virtualports %}
                            {% if port.tanklist == true %}
                                {{ _self.portRow(key, port, userSettings, tank.updateTime) }}
                            {% endif %}
                        {% endfor %}
                        {% for key, port in tank.portData.digitalports %}
                            {% if port.tanklist == true %}
                                {{ _self.dPortRow(key, port, userSettings, tank.updateTime) }}
                            {% endif %}
                        {% endfor %}
                        {% macro portRow(key, port, userSettings,updateTime) %}
                        <div class="Rtable-row {% if port.portstatus == 2 %}bg-warning text-dark{% elseif port.portstatus == 3 or port.portstatus  == 5 %}bg-danger{% elseif port.portstatus == 4 %}bg-info{% endif %}">
                            <div data-heading="Bezeichnung" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ port.name }}">
                                    {{ port.name }}
                                </div>
                            </div>

                            {% if check_setting('portlist_measurement' ,userSettings,true) %}
                            <div data-heading="Messwert" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {{ port.unit }}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_alarmMin' ,userSettings,true) %}
                            <div data-heading="Alarm Min" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {{ port.alarm_min }}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_order' ,userSettings,true) %}
                            <div data-heading="Bestellwert" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {{ port.capacity_order }}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_currentvalue' ,userSettings,true) %}
                            <div data-heading="Aktueller Wert" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {{ port.measured }}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_alarmMax' ,userSettings,true) %}
                            <div data-heading="Alarm Max" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {{ port.alarm_max }}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_capacity' ,userSettings,true) %}
                            <div data-heading="Füllwert" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {{ port.capacity }}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_daily' ,userSettings,true) %}
                            <div data-heading="Tagesverbrauch" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {% if port.daily is defined %}
                                        {{ port.daily }}
                                    {% endif %}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_weekly' ,userSettings,true) %}
                            <div data-heading="Wochen &#216; Verbrauch" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content"
                                {% if port.dailylist is defined %}
                                    data-toggle="tooltip" data-html="true" title="{% for daily in port.dailylist %}<div class='text-left'>{{ daily }}: </div>{% endfor %}"
                                {% endif %}>
                                    {% if port.weekly is defined %}
                                        {{ port.weekly }}
                                    {% endif %}
                                </div>
                            </div>
                            {% endif %}

                            {% if check_setting('portlist_date' ,userSettings,true) %}
                            <div data-heading="Stand" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content">
                                    {{ updateTime|date('d.m.Y H:i') }}
                                </div>
                            </div>
                            {% endif %}
                        </div>
                        {% endmacro %}
                        {% macro dPortRow(key, port, userSettings, updateTime) %}
                            <div class="Rtable-row {% if port.portstatus == 3 %}bg-danger{% endif %}">
                                <div data-heading="Bezeichnung" class="Rtable-cell rw-10">
                                    <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ port.name }}">
                                        {{ port.name }}
                                    </div>
                                </div>
                                <div data-heading="Aktueller Wert" class="Rtable-cell rw-80">
                                    <div class="Rtable-cell--content">
                                        {{ port.label }}
                                    </div>
                                </div>
                                {% if check_setting('portlist_date' ,userSettings,true) %}
                                    <div data-heading="Stand" class="Rtable-cell rw-10">
                                        <div class="Rtable-cell--content">
                                            {{ updateTime|date('d.m.Y H:i') }}
                                        </div>
                                    </div>
                                {% endif %}
                            </div>
                        {% endmacro %}
                    </div>
                </div>
            {% endif %}
        {% else %}
            <div class="Rtable-row">
                <div class="Rtable-cell rw-100">
                    <div class="Rtable-cell--content ">
                        Es wurden keine Tanks gefunden
                    </div>
                </div>
            </div>
        {% endfor %}
    {% endif %}
{% endblock %}

{% block settingsMenu %}
    {% set showSettings = true %}
    {{ parent() }}
{% endblock %}

{% block settings %}
    <form action={{ path('settings_save_profile',{'redirect': app.request.attributes.get('_route'),'params': app.request.attributes.get('_route_params')}) }} method="post">
        <div class="list-group-item border-0 bg-light text-center font-weight-bold text-muted text-uppercase small">
            Tankliste - Felder
        </div>
        <div class="list-group-item border-0">
            {% for setting, data in settings.bool %}
                {% set permission = null %}
                {% if data is array %}
                    {% set permission = data[1] %}
                    {% set data = data[0] %}
                {% else %}
                    {% set permission = false %}
                {% endif %}
                {% if permission == false or is_granted(permission) %}
                    {% if setting starts with 'tanklist' %}
                        <div class="aside-options">
                            <div class="clearfix">
                                <div class="form-check form-switch">
                                    <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                    <input class="form-check-input" type="checkbox" id="settingsBool[{{ setting }}]" name="settingsBool[{{ setting }}]" {% if userSettings[setting] is defined %} {% if userSettings[setting] == true %} checked {% endif %} {% else %} checked {% endif %}>
                                    <label class="form-check-label" for="settingsBool[{{ setting }}]">{{ data|raw }}</label>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                {% endif %}
            {% endfor %}
        </div>
        <div class="list-group-item border-0 bg-light text-center font-weight-bold text-muted text-uppercase small">
            Ports - Felder
        </div>
        <div class="list-group-item border-0">
            {% for setting, description in settings.bool %}
                {% if setting starts with 'portlist' %}
                    <div class="aside-options">
                        <div class="clearfix">
                            <div class="form-check form-switch">
                                <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                <input class="form-check-input" type="checkbox" id="settingsBool[{{ setting }}]" name="settingsBool[{{ setting }}]" {% if userSettings[setting] is defined %} {% if userSettings[setting] == true %} checked {% endif %} {% else %} checked {% endif %}>
                                <label class="form-check-label" for="settingsBool[{{ setting }}]">{{ description|raw }}</label>
                            </div>
                        </div>
                    </div>
                {% endif %}
            {% endfor %}
        </div>
        <div class="list-group-item border-0">
            <button type="submit" class="btn btn-success text-white btn-sm w-100">
                Speichern
            </button>
        </div>
    </form>
{% endblock %}

{% block styles %}
    {#    <link rel="stylesheet" href="{{ asset('_resources/css/chart.css') }}">#}
{% endblock %}

{% block javascripts %}
    {% if is_granted('device_ordersize_change') %}
        <div class="modal fade" id="ordersizeChangeModal" tabindex="-1" role="dialog" aria-labelledby="ordersizeChangeModal" aria-hidden="true">
          <div class="modal-dialog" role="document">
          <form method="post" action="{{path('devices_saveordersize')}}">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Bestellmenge ändern</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <input type="hidden" name="deviceID" id="deviceID">
                <input type="hidden" name="tankID" id="tankID">
                <div class="input-group mb-3">
                    <input type="text" class="form-control" name="ordersize" id="ordersize">
                    <div class="input-group-append">
                        <span class="input-group-text unit"></span>
                    </div>
                </div>
              </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-primary">Speichern</button>
                  </div>
            </div>
          </form>
          </div>
        </div>
    {% endif %}
    <script>
        $(function () {
            let deviceID = 0
            let tankID = 0
            $('.collapse-all').on('click keydown touch', function () {
                if ($('.ports.show').length > 0) {
                    $('.ports.show').removeClass('show')
                } else {
                    $('.ports').addClass('show')
                }
            })

            $('#filterbox select').on('change', function () {
                showLoading()
                $('#filterform').submit()
            })

            $('#ordersizeChangeModal').on('show.bs.modal', function (e) {
                $('#ordersizeChangeModal #ordersize').val('')
                $('#ordersizeChangeModal .input-group-text').text('')
                deviceID = $(e.relatedTarget).data('deviceid')
                tankID = $(e.relatedTarget).data('tankid')
                $('#ordersizeChangeModal #deviceID').val(deviceID)
                $('#ordersizeChangeModal #tankID').val(tankID)
                $.ajax({
                method: 'POST',
                url:"{{ path('devices_getordersize') }}",
                data:{
                  deviceID : deviceID,
                  tankID: tankID
                }
                }).done(function (response){
                  if (response.result == 1){
                    $('#ordersizeChangeModal #ordersize').val(response.ordersize)
                    $('#ordersizeChangeModal .input-group-text').text(response.unit)
                  }else{
                    alert('Es ist ein Fehler aufgetreten')
                  }
                })
            })
        })
    </script>
{% endblock %}