{% extends 'base.html.twig' %}

{% block title %}SwimMonitor - Übersicht Schwimmcontainer{% endblock %}



{% block header %}
    <h1></h1>
{% endblock %}

{% block breadcrumb %}
    Übersicht
{% endblock %}

{% block content %}
    <h1>Warnschwellen senden</h1>

    {% for message in app.flashes('success') %}
        <div class="alert alert-success">{{ message }}</div>
    {% endfor %}
    {% for message in app.flashes('error') %}
        <div class="alert alert-danger">{{ message }}</div>
    {% endfor %}

    <form method="post" action="{{ path('set_iobroker') }}">
        <div class="form-group">
            <label>Datenpunkt auswählen:</label>
            <div>
                <input type="radio" id="ph" name="dataPoint" value="0_userdata.0.dp-smartsolutions.bayrol.ph.warnschwelle" required>
                <label for="ph">Setze PH-Wert Warnschwelle</label>
            </div>
            <div>
                <input type="radio" id="chlor" name="dataPoint" value="0_userdata.0.dp-smartsolutions.bayrol.chlor.warnschwelle">
                <label for="chlor">Setze Chlor Warnschwelle</label>
            </div>
            <div>
                <input type="radio" id="redox" name="dataPoint" value="0_userdata.0.dp-smartsolutions.bayrol.redox.warnschwelle">
                <label for="redox">Setze Redox Warnschwelle</label>
            </div>
            <div>
                <input type="radio" id="temp" name="dataPoint" value="0_userdata.0.dp-smartsolutions.bayrol.t1.warnschwelle">
                <label for="temp">Setze Temperatur Warnschwelle</label>
            </div>
        </div>
        <div class="form-group mt-3">
            <label for="value">Wert eingeben:</label>
            <input type="text" id="value" name="value" class="form-control" required>
        </div>
        <button type="submit" class="btn btn-primary mt-3">Senden</button>
    </form>
{% endblock %}