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


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

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

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

{% block breadcrumbMenu %}{% endblock %}

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

{% block body %}
    <div class="row mb-3 mx-0">
        <div class="col-12 d-flex justify-content-between">

            <a href="{{ path('tanklist_printpdf') }}" class="btn btn-outline-primary noload" target="_blank">
                Tankliste als PDF speichern
                <i class="fas fa-save"></i>
            </a>
            {% if hasFilters == true %}
                <form action="{{ path('index') }}" 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 text-white">
                        <i class="fas fa-times"></i> Alle Filter zurücksetzen
                    </button>
                </form>
            {% endif %}
            <button class="btn btn-outline-primary noload" data-coreui-toggle="collapse" data-coreui-target="#filterbox">
                Filter
                <i class="fas fa-filter"></i>
            </button>
        </div>
        <div class="col-12">
            <div class="collapse mt-3{% if hasFilters == true %} show{% endif %}" id="filterbox">
                <form id="filterform" action="{{ path('index') }}" method="post">
                    <div class="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 is defined %}{% if filters.gastype is defined %}{% if filters.gastype == gastype.id %} selected{% endif %}{% endif %}{% endif %}>{{ gastype.name|striptags }}</option>
                                {% else %}
                                    <option selected>Keine GasTypen hinterlegt</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3">
                            Kd-Name:
                            <select class="form-control" name="company">
                                <option value="0">Nicht filtern</option>
                                {% for company in companies %}
                                    <option value="{{ company.id }}"{% if filters is defined %}{% if filters.company is defined %}{% if filters.company == company.id %} selected{% endif %}{% endif %}{% 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 is defined %}{% if filters.location is defined %}{% if filters.location == location %} selected{% endif %}{% endif %}{% 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 is defined %}{% if filters.limits is defined %}{% if filters.limits == 2 %} selected{% endif %}{% endif %}{% endif %}>
                                    Bestellwert wurde unterschritten
                                </option>
                                <option value="3"{% if filters is defined %}{% if filters.limits is defined %}{% if filters.limits == 3 %} selected{% endif %}{% endif %}{% endif %}>
                                    Grenzwerte wurden unterschritten
                                </option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
        </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 is_granted('dispo_view') and check_setting('tanklist_touridentifier' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Tour-Kennz.
                <a class="btn btn{{ orderBy is defined and orderBy == 't.touridentifier' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'t.touridentifier', 'orderDir':orderBy is defined and orderBy == 't.touridentifier' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 't.touridentifier' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
        {% endif %}
        {% if is_granted('dispo_view') and check_setting('tanklist_touridentifier_raw' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Tour-Kennz. KT
                <a class="btn btn{{ orderBy is defined and orderBy == 't.touridentifierraw' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'t.touridentifierraw', 'orderDir':orderBy is defined and orderBy == 't.touridentifierraw' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 't.touridentifiertaw' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
        {% endif %}
        {% if is_granted('dispo_view') and check_setting('tanklist_dispatch' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Versandart
            </div>
        {% endif %}
        {% if is_granted('dispo_view') and check_setting('tanklist_bundlecount' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Bündelanzahl
            </div>
        {% endif %}
        {% if is_granted('dispo_view') and check_setting('tanklist_supplier' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Fremdlieferant
            </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 is_granted('dispo_view') and check_setting('tanklist_basiowned' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                basiTank
                <a class="btn btn{{ orderBy is defined and orderBy == 't.basiowned' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'t.basiowned', 'orderDir':orderBy is defined and orderBy == 't.basiowned' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 't.basiowned' ? orderDir is defined ? orderDir =='ASC' ? '-up' : '-down' : '' : '' }}"></i>
                </a>
            </div>
        {% endif %}
        {% if is_granted('dispo_view') and check_setting('tanklist_customernumber' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Kd-Nr
                <a class="btn btn{{ orderBy is defined and orderBy == 't.customernumber' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'t.customernumber', 'orderDir':orderBy is defined and orderBy == 't.customernumber' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 't.customernumber' ? 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">
                Kd-Name
                <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_altlocation' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Abw. Standort
                <a class="btn btn{{ orderBy is defined and orderBy == 't.alternativelocation' ? '-light' : '-outline-light' }} btn-sm" href="{{ path('index',{'orderBy':'t.alternativelocation', 'orderDir':orderBy is defined and orderBy == 't.alternativelocation' ? orderDir =='ASC'?'DESC':'ASC':'ASC'}) }}">
                    <i class="fas fa-sort{{ orderBy is defined and orderBy == 't.alternativelocation' ? 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_alarmMin' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Alarm Min
            </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_alarmMax' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Alarm Max
            </div>
        {% endif %}
        {% if check_setting('tanklist_maxdispotankcontent' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                max. Dispo
            </div>
        {% endif %}
        {% if check_setting('tanklist_basidispo' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Dispo-Art
            </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 is_granted('dispo_view') and check_setting('tanklist_generateorder' ,userSettings,true) %}
            <div class="Rtable-cell rw-10 column-heading">
                Auftragsgenerierung
            </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 {% if tank.portData.primaryport is not empty %}{% if tank.portData.primaryport.portstatus == 2 %}text-dark bg-warning{% elseif tank.portData.primaryport.portstatus == 3 or tank.portData.primaryport.portstatus  == 5 %}text-light bg-danger{% elseif tank.portData.primaryport.portstatus == 4 %}text-light bg-info{% endif %}{% else %}text-light 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 is_granted('dispo_view') and check_setting('tanklist_touridentifier' ,userSettings,true) %}
                    <div data-heading="Tour-Kennz." class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content " data-toggle="tooltip" title="{% if tank.tankData.touridentifier is defined %} {{ tank.tankData.touridentifier }} {% endif %}">
                        {% if tank.tankData.touridentifier is defined %}
                            {{ tank.tankData.touridentifier }}
                        {% endif %}
                        </div>
                    </div>
                {% endif %}

                {% if is_granted('dispo_view') and check_setting('tanklist_touridentifier_raw' ,userSettings,true) %}
                    <div data-heading="Tour-Kennz." class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content " data-toggle="tooltip" title="{% if tank.tankData.touridentifierraw is defined %} {{ tank.tankData.touridentifierraw }} {% endif %}">
                        {% if tank.tankData.touridentifierraw is defined %}
                            {{ tank.tankData.touridentifierraw }}
                        {% endif %}
                        </div>
                    </div>
                {% endif %}

                {% if is_granted('dispo_view') and check_setting('tanklist_dispatch' ,userSettings,true) %}
                    <div data-heading="Versandart" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content">
                        {% if tank.tankData.dispatch is defined%}
                            {{ tank.tankData.dispatch }}
                        {% endif %}
                        </div>
                    </div>
                {% endif %}

                {% if is_granted('dispo_view') and check_setting('tanklist_bundlecount' ,userSettings,true) %}
                    <div data-heading="Bündelanzahl" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content">
                        {% if tank.tankData.bundlecount is defined%}
                            {{ tank.tankData.bundlecount }}
                        {% endif %}
                        </div>
                    </div>
                {% endif %}

                {% if is_granted('dispo_view') and check_setting('tanklist_supplier' ,userSettings,true) %}
                    <div data-heading="Fremdlieferant" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content">
                        {% if tank.tankData.supplier is defined%}
                            {{ tank.tankData.supplier }}
                        {% endif %}
                        </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 is_granted('dispo_view') and check_setting('tanklist_basiowned' ,userSettings,true) %}
                    <div data-heading="basieigen" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content text-center">
                        {% if tank.tankData.basiowned is defined%}
                            {% if tank.tankData.basiowned == true%}
                                <i class="fa fa-check text-success"></i>
                            {% else %}
                                <i class="fa fa-times text-danger"></i>
                            {% endif %}
                        {% else %}
                                <i class="fa fa-times text-danger"></i>
                        {% endif %}
                        </div>
                    </div>
                {% endif %}

                {% if is_granted('dispo_view') and check_setting('tanklist_customernumber' ,userSettings,true) %}
                    <div data-heading="Kd-Nr" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content" data-toggle="tooltip">
                        {% if tank.tankData.customernumber is defined%}
                            {{ tank.tankData.customernumber }}
                        {% endif %}
                        </div>
                    </div>
                {% endif %}

                {% if check_setting('tanklist_company' ,userSettings,true) %}
                    <div data-heading="Kd-Name" 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 is_granted('dispo_view') and check_setting('tanklist_altlocation' ,userSettings,true) %}
                    <div data-heading="Abweichender Standort" class="Rtable-cell rw-10">
                        <div class="Rtable-cell--content" data-toggle="tooltip" title="{% if tank.tankData.alternativelocation is defined %}{{ tank.tankData.alternativelocation }}{% endif %}">
                        {% if tank.tankData.alternativelocation is defined %}
                            {{ tank.tankData.alternativelocation }}
                        {% endif %}
                        </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_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_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_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_maxdispotankcontent' ,userSettings,true) %}
                        <div data-heading="Alarm Max" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {% if tank.tankData.maxdispotankcontent is defined %}
                                    {{ tank.tankData.maxdispotankcontent }} {% if tank.portData.primaryport is defined %}{{ tank.portData.primaryport.unitname }}{% endif %}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}

                    {% if check_setting('tanklist_basidispo' ,userSettings,true) %}
                        <div data-heading="Alarm Max" class="Rtable-cell rw-10">
                            <div class="Rtable-cell--content">
                                {% if tank.tankData.basidispo is defined %}
                                    {% if tank.tankData.basidispo %}
                                        Basi
                                    {% else%}
                                        SB
                                    {% endif %}
                                {% else%}
                                    SB
                                {% 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 %}

                    {% if is_granted('dispo_view') and check_setting('tanklist_generateorder' ,userSettings,true) %}
                        <div class="Rtable-cell rw-10 column-heading d-flex justify-content-center">
                            {% if tank.tankData.tankblocked is defined and tank.tankData.tankblocked == true %}
                                <i class="fas fa-times text-danger"></i>
                            {% else %}
                                <div class="form-check form-switch">
                                    <input class="form-check-input generateorder" type="checkbox" id="order[{{ tank.id }}]" name="order[{{ tank.id }}]">
                                </div>
                            {% endif %}
                        </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 text-light{% elseif port.portstatus == 4 %}bg-info text-light{% 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 text-light {% 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 %}
    {% if is_granted('dispo_view') and check_setting('tanklist_generateorder' ,userSettings,true) %}
        <button class="btn btn-primary" id="generateButton" disabled>Auftrag generieren</button>
    {% 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')
                    $('.port-collapse').addClass(('collapsed'))
                } else {
                    $('.ports').addClass('show')
                    $('.port-collapse').removeClass(('collapsed'))
                }
            })

            $('#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')
                  }
                })
            })

            $('.generateorder').on('change', function updateButtonState() {
                const checkedCount = $('.generateorder:checked').length;
                const $btn = $('#generateButton');

                if (checkedCount > 0) {
                    $btn.prop('disabled', false).addClass('active');
                    $btn.text(checkedCount === 1 ? '1 Auftrag generieren' : `${checkedCount} Aufträge generieren`);
                } else {
                    $btn.prop('disabled', true).removeClass('active');
                    $btn.text('Auftrag generieren');
                }
            });
        })
    </script>
{% endblock %}