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


{% block searchBar %}
    {% set searchParams = {
        'placeholder':'Tankliste durchsuchen',
        'action' : path('search')
    } %}
    {{ parent() }}
{% endblock %}

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

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

{% block breadcrumbMenu %}{% endblock %}

{% block breadcrumb %}
    Tankliste
{% endblock %}

{% block body %}
    <div class="row mb-3">
        <div class="col-12 text-right">
            {% if hasFilters %}
                <form action="/" method="post" class="d-inline-block">
                    <input type="hidden" value="0" name="gastype">
                    <input type="hidden" value="0" name="company">
                    <input type="hidden" value="0" name="location">
                    <input type="hidden" value="0" name="limits">
                    <button class="btn btn-danger">
                        <i class="fas fa-times"></i> Alle Filter zurücksetzen
                    </button>
                </form>
            {% endif %}
            <button class="btn btn-outline-primary noload" data-toggle="collapse" data-target="#filterbox">
                Filter
                <i class="fas fa-filter"></i>
            </button>
        </div>
        <div class="col-12">
            <div class="collapse mt-3{% if hasFilters %} show{% endif %}" id="filterbox">
                <form id="filterform" action="/" method="post">
                    <div class="form-row">
                        <div class="col-md-3">
                            Füllmedium:
                            <select class="form-control" name="gastype">
                                <option value="0">Nicht filtern</option>
                                {% for gastype in gastypes %}
                                    <option value="{{ gastype.id }}"{% if filters.gastype == gastype.id %} selected{% endif %}>{{ gastype.name|striptags }}</option>
                                {% else %}
                                    <option selected>Keine GasTypen hinterlegt</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3">
                            Firma:
                            <select class="form-control" name="company">
                                <option value="0">Nicht filtern</option>
                                {% for company in companies %}
                                    <option value="{{ company.id }}"{% if filters.company == company.id %} selected{% endif %}>{{ company.name|striptags }}</option>
                                {% else %}
                                    <option selected>Keine GasTypen hinterlegt</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3">
                            Ort:
                            <select class="form-control" name="location">
                                <option value="0">Nicht filtern</option>
                                {% for location in locations %}
                                    <option value="{{ location }}"{% if filters.location == location %} selected{% endif %}>{{ location|striptags }}</option>
                                {% else %}
                                    <option selected>Keine GasTypen hinterlegt</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3">
                            Grenzwerte:
                            <select class="form-control" name="limits">
                                <option value="0">
                                    Nicht filtern
                                </option>
                                <option value="2"{% if filters.limits == 2 %} selected{% endif %}>
                                    Bestellwert wurde unterschritten
                                </option>
                                <option value="3"{% if filters.limits == 3 %} selected{% endif %}>
                                    Grenzwerte wurden unterschritten
                                </option>
                                <option value="4"{% if filters.limits == 4 %} selected{% endif %}>
                                    Keine Ports hinterlegt
                                </option>
{#                                <option value="5"{% if filters.limits == 5 %} selected{% endif %}>#}
{#                                    Keine Daten vorhanden#}
{#                                </option>#}
                            </select>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="Rtable Rtable--collapse">
    <div class="Rtable-row Rtable-row--head scrollfixed">
        <div class="Rtable-cell rwf-50 column-heading"></div>
        {% 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_capacity' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Füllwert
            </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_alarmMax' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Alarm Max
            </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 %}
        {% if check_setting('tanklist_ports' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading text-right">
                Ports
                <button class="btn btn-outline-light btn-sm collapse-all noload">
                    <i class="fas fa-exchange-alt fa-rotate-90"></i>
                </button>
            </div>
        {% endif %}
    </div>
    {% for tank in tanks %}
        <div class="Rtable-row border-bottom border-success {% if tank.tankStatus == 3 %}bg-danger{% elseif tank.tankStatus == 4 %}bg-info{% elseif  tank.tankStatus == 2 %}bg-warning{% endif %}">
            <div class="Rtable-cell Rtable-cell-heading Rtable-cell-button rwf-50">
                <div class="Rtable-cell--content">
                    {% if tank.topasID is defined and tank.topasID != '' %}
                        <a class="btn btn-secondary btn-sm" href="{{ path('tanklist_detail',{'id':tank.id}) }}">
                            <i class="fas fa-search fa-fw"></i>
                        </a>
                    {% else %}
                        <button class="btn btn-danger btn-sm noload" data-toggle="tooltip" title="Keine Topas ID hinterlegt">
                            <i class="fas fa-times fa-fw"></i>
                        </button>
                    {% endif %}
                </div>
            </div>
            {% if check_setting('tanklist_name' ,userSettings,true) %}
            <div data-heading="Bezeichnung" class="Rtable-cell Rtable-cell-heading rw-10">
                <div class="Rtable-cell--content " data-toggle="tooltip" title="{{ tank.name }}">
                    {{ tank.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.company.name }}">
                    {{ tank.company.name }}
                </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.company.zip }} {{ tank.company.city }}">
                    {{ tank.company.zip }} {{ tank.company.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.gastype.name|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">
                {% for status, count in tank.portStatus %}
                    {% if count > 0 %}
                        <span class="badge {% if status == 1 %}badge-success{% elseif status == 2 %}badge-warning{% elseif status == 3 %}badge-danger{% elseif status == 4 %}badge-info{% endif %}">{{ count }}</span>
                    {% endif %}
                {% endfor %}
                </div>
            </div>
            {% endif %}
            {% if check_setting('tanklist_date' ,userSettings,true) %}
            <div data-heading="Stand" class="Rtable-cell rw-10
            {% if analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined %}
                {% if (analogPorts[tank.id].ports|first).lastMeasure is defined %}
                    {% set lastMeasure = date((analogPorts[tank.id].ports|first).lastMeasure) %}
                    {% if lastMeasure < date()|date_modify('-2 day') %}
                        bg-danger
                    {% elseif lastMeasure < date()|date_modify('-1 day') %}
                        bg-warning
                    {% endif %}
                {% endif %}
            {% endif %}">
                <div class="Rtable-cell--content">
                    {% if analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined %}
                        {% if (analogPorts[tank.id].ports|first).lastMeasure is defined and (analogPorts[tank.id].ports|first).lastMeasure is not same as(null) %}
                            {{ (analogPorts[tank.id].ports|first).lastMeasure }}
                        {% else %}
                            <span class="badge">Keine Daten vorhanden</span>
                        {% endif %}
                    {% else %}
                        <span class="badge">Keine Ports vorhanden</span>
                    {% endif %}
                </div>
            </div>
            {% endif %}
            {% if check_setting('tanklist_currentvalue' ,userSettings,true) %}
            <div data-heading="Aktueller Wert" class="Rtable-cell rw-10">
                <div class="Rtable-cell--content">
                    {% if analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined and analogPorts[tank.id].ports[tank.primaryport|upper] is defined %}
                        {% set primaryport = analogPorts[tank.id].ports[tank.primaryport|upper] %}
                        {% if primaryport.measuredData is defined and primaryport.measuredData is not same as(null) %}
                            {{ primaryport.measuredData|number_format(primaryport.portData.unit.decimalPlaces,',','.') }} {{ primaryport.portData.unit.name }}
                        {% 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 analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined and analogPorts[tank.id].ports[tank.primaryport|upper] is defined %}
                        {% set primaryport = analogPorts[tank.id].ports[tank.primaryport|upper] %}
                        {% if primaryport.measuredData is defined and primaryport.measuredData is not same as(null) %}
                            {{ (primaryport.portData.capacityAlarmMax - primaryport.measuredData)|number_format(primaryport.portData.unit.decimalPlaces,'.','') }} {{ primaryport.portData.unit.name }}
                        {% 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 analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined and analogPorts[tank.id].ports[tank.primaryport|upper] is defined %}
                            {% set primaryport = analogPorts[tank.id].ports[tank.primaryport|upper] %}
                            {% if primaryport.measuredData is defined and primaryport.measuredData is not same as(null) %}
                                {{ primaryport.portData.capacityAlarmMin|number_format(primaryport.portData.unit.decimalPlaces,'.','') }} {{ primaryport.portData.unit.name }}
                            {% endif %}
                        {% endif %}
                    </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 analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined and analogPorts[tank.id].ports[tank.primaryport|upper] is defined %}
                            {% set primaryport = analogPorts[tank.id].ports[tank.primaryport|upper] %}
                            {% if primaryport.measuredData is defined and primaryport.measuredData is not same as(null) %}
                                {{ primaryport.portData.capacityAlarmMax|number_format(primaryport.portData.unit.decimalPlaces,'.','') }} {{ primaryport.portData.unit.name }}
                            {% 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 analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined and analogPorts[tank.id].ports[tank.primaryport|upper] is defined %}
                        {% set primaryport = analogPorts[tank.id].ports[tank.primaryport|upper] %}
                        {% if primaryport.daily is defined %}
                            {{ primaryport.daily|number_format(primaryport.portData.unit.decimalPlaces,',','.') }} {{ primaryport.portData.unit.name }}
                        {% endif %}
                    {% endif %}
                </div>
            </div>
            {% endif %}
            {% if check_setting('tanklist_daily' ,userSettings,true) %}
                <div data-heading="Wochen &#216; Verbrauch" class="Rtable-cell rw-10">
                    {% if analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined and analogPorts[tank.id].ports[tank.primaryport|upper] is defined %}
                        {% set primaryport = analogPorts[tank.id].ports[tank.primaryport|upper] %}
                        {% if primaryport.weekly is defined %}
                        <div class="Rtable-cell--content"
                            {% if primaryport.dailylist is defined %}
                             data-toggle="tooltip" data-html="true" title="{% for daily in primaryport.dailylist %}<div class='text-left'>{{ daily.time|date("d.m.Y") }}: {{ daily.value }}</div>{% endfor %}"
                        {% endif %}">
                            {{ primaryport.weekly|number_format(primaryport.portData.unit.decimalPlaces,',','.') }} {{ primaryport.portData.unit.name }}
                        </div>
                        {% endif %}
                    {% endif %}
                </div>
            {% endif %}
        {% if check_setting('tanklist_ports' ,userSettings,true) %}
            <div data-heading="Ports" class="Rtable-cell rw-10">
                <div class="Rtable-cell--content text-lg-right">
                    <button type="button" class="btn btn-sm btn-outline-success noload" data-toggle="collapse" data-target="#ports-{{ tank.id }}">
                        Ports anzeigen <i class="fas fa-search"></i>
                    </button>
                </div>
            </div>
        {% endif %}
        </div>
        {% if check_setting('tanklist_ports' ,userSettings,true) %}
            <div class="ports collapse w-100{% if check_setting('maximizedPorts' ,userSettings,true) %} show{% endif %}" id="ports-{{ tank.id }}">
                <div class="Rtable Rtable--collapse Rtable-sm border-bottom border-success">
                    <div class="Rtable-row Rtable-row--head bg-secondary text-dark">
                        <div class="Rtable-cell rw-10 column-heading">
                            Bezeichnung
                        </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>
                    {% if analogPorts[tank.id] is defined and analogPorts[tank.id].ports is defined %}
                        {% for key, port in analogPorts[tank.id].ports %}
                          {{ _self.portRow(key, port, userSettings) }}
                        {% endfor %}
                    {% endif %}
                    {% if virtualPorts[tank.id] is defined and virtualPorts[tank.id].ports is defined %}
                        {% for key, port in virtualPorts[tank.id].ports %}
                           {{ _self.portRow(key, port, userSettings) }}
                        {% endfor %}
                    {% endif %}
                    {% if digitalPorts[tank.id] is defined and digitalPorts[tank.id].ports is defined %}
                        {% for key, port in digitalPorts[tank.id].ports %}
                            {{ _self.dPortRow(key, port, userSettings) }}
                        {% endfor %}
                    {% endif %}
                    {% macro dPortRow(key, port, userSettings) %}
                        <div class="Rtable-row{% if port.portStatus is defined %} {% if port.portStatus == 3 %}bg-danger{% endif %}{% endif %}">
                            <div data-heading="Bezeichnung" class="Rtable-cell rw-10">
                                <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ port.portData.description }} {{ port.portStatus }}">
                                    {{ port.portData.description }}
                                </div>
                            </div>
                            <div data-heading="Aktueller Wert" class="Rtable-cell rw-80">
                                <div class="Rtable-cell--content">
                                    {% if port.measuredData is defined %}
                                        {% if port.measuredData == false %}
                                            {{ port.portData.falselabel }}
                                        {% else %}
                                            {{ port.portData.truelabel }}
                                        {% endif %}
                                    {% else %}
                                        {{ port.portData.falselabel }}
                                    {% endif %}
                                </div>
                            </div>
                            {% if check_setting('portlist_date' ,userSettings,true) %}
                                <div data-heading="Stand" class="Rtable-cell rw-10">
                                    <div class="Rtable-cell--content">
                                        {% if port.measuredData is defined and port.measuredData is not same as(null) %}
                                            {{ port.lastMeasure }}
                                        {% endif %}
                                    </div>
                                </div>
                            {% endif %}
                        </div>
                    {% endmacro %}
                    {% macro portRow(key, port, userSettings) %}
                    <div class="Rtable-row{% if port.portStatus is defined %} {% 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 %}{% endif %}">
                        <div data-heading="Bezeichnung" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content" data-toggle="tooltip" title="{{ port.portData.description }}">
                                {{ port.portData.description }}
                            </div>
                        </div>
                        {% if check_setting('portlist_measurement' ,userSettings,true) %}
                        <div data-heading="Messwert" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {{ port.portData.unit.description }}
                            </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.portData.capacityAlarmMin|number_format(port.portData.unit.decimalPlaces,',','.') }} {{ port.portData.unit.name }}
                            </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.portData.capacityOrder|number_format(port.portData.unit.decimalPlaces,',','.') }} {{ port.portData.unit.name }}
                            </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">
                                {% if port.measuredData is defined and port.measuredData is not same as(null) %}
                                    {{ port.measuredData|number_format(port.portData.unit.decimalPlaces,',','.') }} {{ port.portData.unit.name }}
                                {% else %}
                                    Keine Daten vorhanden
                                {% endif %}
                            </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.portData.capacityAlarmMax|number_format(port.portData.unit.decimalPlaces,',','.') }} {{ port.portData.unit.name }}
                            </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">
                                {% if port.measuredData is defined and port.measuredData is not same as(null) %}
                                    {{ (port.portData.capacityAlarmMax|replace({ ',': '.' }) - port.measuredData)|number_format(port.portData.unit.decimalPlaces,',','.') }} {{ port.portData.unit.name }}
                                {% else %}
                                    Keine Daten vorhanden
                                {% endif %}
                            </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|number_format(port.portData.unit.decimalPlaces,',','.') }} {{ port.portData.unit.name }}
                                {% endif %}
                            </div>
                        </div>
                        {% endif %}
                        {% if check_setting('portlist_weekly' ,userSettings,true) %}
                        <div data-heading="Wochen &#216; Verbrauch" class="Rtable-cell rw-10">
                            {% if port.weekly is defined %}
                            <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.time|date("d.m.Y") }}: {{ daily.value }}</div>{% endfor %}"
                            {% endif %}"
                            >
                            {{ port.weekly|number_format(port.portData.unit.decimalPlaces,',','.') }} {{ port.portData.unit.name }}
                        </div>
                        {% endif %}
                    </div>
                    {% endif %}
                    {% if check_setting('portlist_date' ,userSettings,true) %}
                    <div data-heading="Stand" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content">
                            {% if port.measuredData is defined and port.measuredData is not same as(null) %}
                                {{ port.lastMeasure }}
                            {% endif %}
                        </div>
                    </div>
                    {% endif %}
                </div>
                {% endmacro %}
                {% else %}
                    <div class="Rtable-row">
                        <div data-heading="" class="Rtable-cell rw-100">
                            <div class="Rtable-cell--content">
                                Keine definierten Ports vorhanden
                            </div>
                        </div>
                    </div>
                {% endif %}
        </div>
    </div>
    {% else %}
        <div class="Rtable-row">
            <div class="Rtable-cell Rtable-cell-heading rw-100">
                <div class="Rtable-cell--content ">
                    Es wurden keine Tanks gefunden
                </div>
            </div>
        </div>
    {% endfor %}
    <div>
        {% if tanks|length > 0 %}
            {% if pager.hasNextPage() or pager.hasPreviousPage() %}
                {{ pagerfanta(pager, 'twitter_bootstrap4',{'prev_message': '<i class="fas fa-angle-left"></i>', 'next_message': '<i class="fas fa-angle-right"></i>'}) }}
            {% endif %}
        {% endif %}
    </div>
{% 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, description in settings.bool %}
                {% if setting starts with 'tanklist' %}
                    <div class="aside-options">
                        <div class="clearfix">
                            <small>
                                <b>
                                    {{ description|raw }}
                                </b>
                            </small>
                            <div class="form-check form-switch">
                                <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                <input class="form-check-input" 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 }}]">Default switch checkbox input</label>
                            </div>

                            <label class="switch switch-label switch-sm switch-primary float-right">
                                <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                <input type="checkbox" class="switch-input" name="settingsBool[{{ setting }}]" {% if userSettings[setting] is defined %} {% if userSettings[setting] == true %} checked {% endif %} {% else %} checked {% endif %}>
                                <span class="switch-slider" data-checked="✓" data-unchecked="✕"></span>
                            </label>
                        </div>
                    </div>
                {% 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">
                            <small>
                                <b>
                                    {{ description|raw }}
                                </b>
                            </small>
                            <label class="switch switch-label switch-sm switch-primary float-right">
                                <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                <input type="checkbox" class="switch-input" name="settingsBool[{{ setting }}]" {% if userSettings[setting] is defined %} {% if userSettings[setting] == true %} checked {% endif %} {% else %} checked {% endif %}>
                                <span class="switch-slider" data-checked="✓" data-unchecked="✕"></span>
                            </label>
                        </div>
                    </div>
                {% endif %}
            {% endfor %}
        </div>
        <div class="list-group-item border-0">
            <button type="submit" class="btn btn-success btn-sm w-100">
                Speichern
            </button>
        </div>
    </form>
{% endblock %}

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

{% block javascripts %}
    <script>
        $(function () {
            $('.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();
            })
        });
    </script>
{% endblock %}