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

{% block searchBtn %}{% endblock %}
{% block searchTerm %}{% endblock %}

{% block breadcrumb %}
    <a href="{{ path('tanks') }}">Tanks</a> > Tank bearbeiten: <b class="d-md-down-none">{{ tank.name }}</b>
{% endblock %}

{% block body %}
    <div class="edit_tanktype">
        <form action="{{ path("tanks_save") }}" method="POST">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <b>Tank-Daten</b>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <label class="m-0 pt-2">Bezeichnung</label>
                                    <input class="form-control item-required" value="{{ tank.name }}" name="name">
                                </div>
                                <div class="col-sm-6">
                                    <label class="m-0 pt-2">Firma</label>
                                    <input type="text" class="form-control" value="Firma wird durch Topas-ID festgelegt" readonly>
                                    {#                    <select class="form-control item-required" name="company"> #}
                                    {#                        {% for company in companies %} #}
                                    {#                            <option value="{{ company.id }}">{{ company.name }}</option> #}
                                    {#                        {% else %} #}
                                    {#                            <option disabled>Keine Firmen vorhanden</option> #}
                                    {#                        {% endfor %} #}
                                    {#                    </select> #}
                                </div>
                                <div class="col-sm-6">
                                    <label class="m-0 pt-2">Tank-Typ</label>
                                    <select class="form-control" name="tanktype">
                                        {% for tanktype in tanktypes %}
                                            <option value="{{ tanktype.id }}" {% if tanktype.id == tank.tanktype.id %}selected{% endif %}>{{ tanktype.name }}</option>
                                        {% else %}
                                            <option disabled>Keine Tank-Typen vorhanden</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-sm-6">
                                    <label class="m-0 pt-2">Gasart</label>
                                    <select class="form-control" name="gastype">
                                        {% for gastype in gastypes %}
                                            <option value="{{ gastype.id }}" {% if gastype.id == tank.gastype.id %}selected{% endif %}>{{ gastype.name|raw }}</option>
                                        {% else %}
                                            <option disabled>Keine Gasarten vorhanden</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-12">
                                    <label class="m-0 pt-2">Beschreibung</label>
                                    <textarea class="form-control" name="description">{{ tank.description }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-3">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <b>Topas-Daten</b>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label class="m-0 pt-2">Topas ID</label>
                                    <input class="form-control item-required" value="{{ tank.topasID }}" name="topasid">
                                </div>
                                <div class="col-12 mt-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label class="m-0 pt-2">Topas Ports</label>
                                            <div class="Rtable">
                                                {% for data in portdata %}
                                                    <div class="Rtable-row Rtable-row-{{ cycle(['odd', 'even'], loop.index0) }}">
                                                        {% for port in data.ports %}
                                                            <div class="Rtable-cell Rtable-cell-center rw-12_5">
                                                                <label class="m-0" for="port{{ port }}">{{ port }}</label>
                                                                <div class="form-check form-switch">
                                                                    <input class="form-check-input" type="checkbox" id="port{{ port }}" name="ports[{{ port }}]"{% if tank.ports[port] is defined %}{% if tank.ports[port] == 'on' %} checked{% endif %}{% endif %}>
                                                                </div>
                                                            </div>
                                                        {% endfor %}
                                                    </div>
                                                {% endfor %}
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row">
                                                <div class="col-12">
                                                    <label class="m-0 pt-2">E-Mail-Warnung senden an:</label>
                                                    <input class="form-control" name="emailwarning" value="{{ tank.mails|join(',') }}">
                                                </div>
                                                <div class="col-12">
                                                    <label class="m-0 pt-2">Bestell-Warnung senden an:</label>
                                                    <input class="form-control" name="orderwarning" value="{{ tank.ordermails|join(',') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <label class="m-0 pt-2">Primär-Port</label>
                                            <select class="form-control" name="primaryport">
                                                {% for data in portdata %}
                                                    {% if 'primary' in data.selectable %}
                                                        {% for port in data.ports %}
                                                            <option value="{{ port }}" {% if port == tank.primaryport %}selected{% endif %}>{{ port }}</option>
                                                        {% endfor %}
                                                    {% endif %}
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <label class="m-0 pt-2">Alarm-Port</label>
                                            <select class="form-control" name="alertport">
                                                {% for data in portdata %}
                                                    {% if 'primary' in data.selectable %}
                                                        {% for port in data.ports %}
                                                            <option value="{{ port }}" {% if port == tank.watchdogport %}selected{% endif %}>{{ port }}</option>
                                                        {% endfor %}
                                                    {% endif %}
                                                {% endfor %}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-3">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <b>Disposition-Daten</b>
                            </div>
                            <div class="row">
                                <div class="col-3">
                                    <label class="m-0 pt-2">Tourenkennzeichen</label>
                                    <input type="text" class="form-control" name="touridentifier" value="{{ tank.touridentifier }}">
                                </div>
                                <div class="col-3">
                                    <label class="m-0 pt-2">Tourenkennzeichen Klartext</label>
                                    <input type="text" class="form-control" name="touridentifierraw" value="{{ tank.touridentifierraw }}">
                                </div>
                                <div class="col-6">
                                    <label class="m-0 pt-2">Lieferant</label>
                                    <select class="form-control" name="supplier">
                                        <option value="" {% if not tank.supplier %}selected{% endif %}>Kein Fremdlieferant gewählt</option>
                                        {% for supplier in suppliers %}
                                            <option value="{{ supplier.id }}" {% if tank.supplier and supplier.id == tank.supplier.id %}selected{% endif %}>{{ supplier.name }}</option>
                                        {% else %}
                                            <option disabled>Keine Fremdlieferanten vorhanden</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-3">
                                    <label class="m-0 pt-2">Liefermengen-Maßeinheit</label>
                                    <select class="form-control" name="deliveryunit">
                                        <option value="" {% if not tank.deliveryunit %}selected{% endif %}>Keine Maßeinheit gewählt</option>
                                        {% for measurement in measurements %}
                                            {% if measurement.deliveryquantityunit == true %}
                                                <option value="{{ measurement.id }}" {% if tank.deliveryunit and measurement.id == tank.deliveryunit.id %}selected{% endif %}>{{ measurement.name }}</option>
                                            {% endif %}
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="col-3">
                                    <label class="m-0 pt-2">Umrechnungsfaktor der Liefermenge</label>
                                    <input type="number" class="form-control" name="deliveryunitfactor" value="{{ tank.deliveryunitfactor }}">
                                </div>
                                <div class="col-3">
                                    <label class="m-0 pt-2">Max. disponierbarer Tankinhalt</label>
                                    <input type="number" class="form-control" name="maxdispotankcontent" value="{{ tank.maxdispotankcontent }}">
                                </div>
                                <div class="col-3">
                                    <label class="m-0 pt-2">Anzahl Bündel</label>
                                    <input type="number" class="form-control" name="bundlecount" step="1" value="{{ tank.bundlecount }}">
                                </div>
                                <div class="col-3">
                                    <label class="m-0 pt-2">Tankgröße in Litern</label>
                                    <input type="text" class="form-control" name="litercontent" value="{{ tank.litercontent }}">
                                </div>
                                <div class="col-6">
                                    <label class="m-0 pt-2">Abweichender Standort </label>
                                    <input type="text" class="form-control" name="alternativelocation" value="{{ tank.alternativelocation }}">
                                </div>
                                <div class="col-3">
                                    <label class="m-0 pt-2">Abweichende Lieferadressnummer </label>
                                    <input type="text" class="form-control" name="alternativelocationnumber" value="{{ tank.alternativelocationnumber }}">
                                </div>
                                <div class="col-12">
                                    <hr>
                                </div>
                                <div class="col-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="basiowned" {% if tank.basiowned %}checked{% endif %}>
                                        <label class="form-check-label">Basi-eigener Tank</label>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="basidispo" {% if tank.basidispo %}checked{% endif %}>
                                        <label class="form-check-label">Basi disponiert</label>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="deliverydeactivated" {% if tank.deliverydeactivated %}checked{% endif %}>
                                        <label class="form-check-label">Automatische Lieferung deaktivieren</label>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="basimailing" {% if tank.basimailing %}checked{% endif %} {% if not tank.deliverydeactivated %}disabled{% endif %}>
                                        <label class="form-check-label">Stattdessen Mail an basi Auftragsannahme</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <hr>
                                </div>
                                <div class="col-12">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="tankblocked" {% if tank.tankblocked %}checked{% endif %}>
                                        <label class="form-check-label">Für weitere Lieferung gesperrt (Wird bereits beliefert)</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-3">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <b>Sensorüberwachung</b>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" name="sensormonitoring" {% if tank.sensormonitoring %}checked{% endif %}>
                                        <label class="form-check-label">Sensorüberwachung aktivieren</label>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-12">
                                    <label class="m-0 pt-2">Anzahl gleichbleibender Messungen bis Fehler</label>
                                    <input type="number" step="1" class="form-control" name="sensormonitoringcount" value="{% if tank.sensormonitor %}{{ tank.sensormonitor.monitorcount }}{% endif %}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 mt-4">
                    <div class="alert alert-danger d-none">
                        Der Primärport muss auf einen zugewiesenen Port verweisen.
                    </div>
                    <input type="hidden" value="{{ tank.id }}" name="id">
                    <a href="{{ path('tanks') }}" class="btn btn-secondary">Abbrechen</a>
                    <button class="btn btn-primary" type="submit">Tank speichern</button>
                </div>
            </div>
        </form>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        $(function () {

            $('input[name=sensormonitoring]').on('change', function () {
                let ischecked = $(this).is(':checked')
                $('input[name=sensormonitoringcount]').prop('disabled', !ischecked)
            })

            $('input[name=deliverydeactivated]').on('change', function () {
                let ischecked = $(this).is(':checked')
                $('input[name=basimailing]').prop('disabled', !ischecked)
                if (!ischecked) {
                    $('input[name=basimailing]').prop('checked', false)
                }
            })

            $('select[name=primaryport]').on('change', function () {
                checkValidPrimaryPort()
            })
            $('.Rtable .switch-input').on('change', function () {
                checkValidPrimaryPort()
            })
            checkValidPrimaryPort()
        })

        function checkValidPrimaryPort() {
            let primaryport = $('select[name=primaryport]').val()
            let valid = ($('#port' + primaryport).is(':checked'))
            $('.btn[type=submit]').attr('disabled', !valid)
            $('.alert-danger').toggleClass('d-none', valid)
        }
    </script>
{% endblock %}