<!DOCTYPE html>
<html lang="de">
    <head>
        <link rel="stylesheet" href="{{ url_for('static', filename='Styles/header.css') }}">
        <link rel="stylesheet" href="{{ url_for('static', filename='Styles/main.css') }}">
        <link rel="stylesheet" href="{{ url_for('static', filename='Styles/switch.css') }}">
        <meta charset="UTF-8">
        <script src="{{ url_for('static', filename='js/action.js') }}"></script>
        <script src="{{ url_for('static', filename='js/webhook.js') }}"></script>
        <script>
            function sleep (time) {
                return new Promise((resolve) => setTimeout(resolve, time));
            }

            function executeAction(command, index, value, handleResponse) {
                var url = '{{url_for("executeAction")}}';
                var messageString = 'no';
                var varString = 'command=' + command + '&index=' + index + '&value=' + value;
                send_web_request(url, messageString, varString, handleResponse);
            }
            function executeActionByValueID(command, index, valueID, valueFactor){
                var value = document.getElementById(valueID).value * valueFactor;
                executeAction(command, index, value);
            }
        </script>
    
        
    </head>
    <body>
        <header>
            <nav>
                <ul>
                    {% for item in nav.top %}
                        <li {{ 'class=active' if item.is_active else '' }}>
                            <a href="{{ item.url }}">
                                {{ item.label }}
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            </nav>

            <a class="heading" href="{{ url_for('startPage')}}">           
                <img src="{{ url_for('static', filename='img/header/wassertropfen.png') }}" alt="" class="title-img">

                <h1>{{ translater.getTranslation("Irrigation") }}-<br>{{ translater.getTranslation("system") }}</h1>
            </a>

            <img src="{{ url_for('static', filename='img/header/blumenbeet.jpg') }}" alt="" class="header-img">
            
        </header>
    </body>
</html>

