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

{% block searchBar %}{% endblock %}

{% block searchBtn %}{% endblock %}

{% block searchTerm %}{% endblock %}

{% block breadcrumbMenu %}{% endblock %}

{% block breadcrumb %}
    <a href="{{ path('index') }}">Tankliste</a> > <a href="{{ path('tanklist_detail',{'id':tank.id}) }}">Tank <b class="d-md-down-none">{{ tank.name }}</b></a> >Tank-Füllungen - <b class="d-md-down-none">{{ company.name }}</b>
{% endblock %}

{% block body %}
    <div class="form-row">
        <div class="col-12">
            <b>Tank: </b>{{ tank.name }}
        </div>
        <div class="col-12">
            <b>Tanktyp: </b>{{ tank.tanktype.name }}
        </div>
        <div class="col-12">
            <b>Topas ID:</b> {{ tank.topasID }}
        </div>
        <div class="col-12">
            <b>Kunde:</b> {{ company.name }}
        </div>
        <div class="col-12">
            <b>Letzter Messzeitpunkt:</b>
            {% if lastmeasurement.time is defined %}
                {{ lastmeasurement.time.format('d.m.Y H:i:s') }}
            {% else %}
                Keine Daten vorhanden
            {% endif %}
        </div>
        <div class="col-12 mt-3">
            <div class="card">
                <div class="card-header py-1 d-flex align-items-center justify-content-between">
                    <b>Individuelle Abfrage</b>
                </div>
                <div class="card-body">
                    <form action="{{ path('tanklist_refill',{'id':tank.id}) }}" method="post">
                        <div class="form-row">
                            <input type="hidden" name="refillFormsent" value="true">
                            <div class="col-12 col-md-6">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="">Von:</span>
                                    </div>
                                    <select class="form-control" name="fromDay">
                                        {% for i in 1..31 %}
                                            <option val="{{ i }}" {% if fromDay is defined %}{% if fromDay == i %} selected="selected"{% endif %}{% endif %}>{{ i }}</option>
                                        {% endfor %}
                                    </select>
                                    <select class="form-control" name="fromMonth">
                                        {% for i in 1..12 %}
                                            <option val="{{ i }}" {% if fromMonth is defined %}{% if fromMonth == i %} selected="selected"{% endif %}{% endif %}>{{ i }}</option>
                                        {% endfor %}
                                    </select>
                                    <select class="form-control" name="fromYear">
                                        {% for i in firstmeasurement.time.format('Y')..lastmeasurement.time.format('Y') %}
                                            <option val="{{ i }}" {% if fromYear is defined %}{% if fromYear == i %} selected="selected"{% endif %}{% else %}{% if loop.last %} selected="selected"{% endif %}{% endif %}>{{ i }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="">Bis:</span>
                                    </div>
                                    <select class="form-control" name="tillDay">
                                        {% for i in 1..31 %}
                                            <option val="{{ i }}" {% if tillDay is defined %}{% if tillDay == i %} selected="selected"{% endif %}{% endif %}>{{ i }}</option>
                                        {% endfor %}
                                    </select>
                                    <select class="form-control" name="tillMonth">
                                        {% for i in 1..12 %}
                                            <option val="{{ i }}" {% if tillMonth is defined %}{% if tillMonth == i %} selected="selected"{% endif %}{% endif %}>{{ i }}</option>
                                        {% endfor %}
                                    </select>
                                    <select class="form-control" name="tillYear">
                                        {% for i in firstmeasurement.time.format('Y')..lastmeasurement.time.format('Y') %}
                                            <option val="{{ i }}" {% if tillYear is defined %}{% if tillYear == i %} selected="selected"{% endif %}{% else %}{% if loop.last %} selected="selected"{% endif %}{% endif %}>{{ i }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-sm btn-outline-primary float-right mt-2 noload">
                            Jetzt abfragen
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-6"></div>
    </div>
    <div class="Rtable Rtable--collapse">
        <div class="Rtable-row Rtable-row--head">
            <div class="Rtable-cell column-heading rw-30">
                Datum
            </div>
            <div class="Rtable-cell column-heading rw-40">
                Differenz (Füllmenge)
            </div>
            <div class="Rtable-cell column-heading rw-40">
                Min/Max/Differenz (Milliampere)
            </div>
        </div>
        {% set refillSum = 0 %}
        {% for refill in refills %}
            {% set refillSum = refillSum + refill.viewVars.diffFillNumeric %}
            <div class="Rtable-row border-bottom border-success">
                <div data-heading="Datum" class="Rtable-cell Rtable-cell-heading rw-30">
                    <div class="Rtable-cell--content">
                        {{ refill.viewVars.time }}
                    </div>
                </div>
                <div data-heading="Differenz (Füllmenge)" class="Rtable-cell rw-40">
                    <div class="Rtable-cell--content">
                        {{ refill.viewVars.diffFillNumeric }} {{ refill.viewVars.diffUnit }}
                    </div>
                </div>
                <div data-heading="Min/Max/Differenz (Milliampere)" class="Rtable-cell rw-40">
                    <div class="Rtable-cell--content">
                        {{ refill.viewVars.diffAmpere }}
                    </div>
                </div>
            </div>
        {% else %}
            <div class="Rtable-row border-bottom border-success">
                <div class="Rtable-cell Rtable-cell-heading Rtable-cell-button">
                    <div class="Rtable-cell--content">
                        Keine Füllungen gefunden
                    </div>
                </div>
            </div>
        {% endfor %}
        {% if refills|length > 0 %}
            <div class="Rtable-row border-bottom border-success">
                <div data-heading="Datum" class="Rtable-cell Rtable-cell-heading rw-30">
                    <div class="Rtable-cell--content">
                        <b>Summe</b>
                    </div>
                </div>
                <div data-heading="Differenz (Füllmenge)" class="Rtable-cell rw-40">
                    <div class="Rtable-cell--content">
                        <b>{{ refillSum }} {{ refills[0].viewVars.diffUnit }}</b>
                    </div>
                </div>
                <div data-heading="Min/Max/Differenz (Milliampere)" class="Rtable-cell rw-40">
                    <div class="Rtable-cell--content"></div>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}