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

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


{% block body %}
    <div class="test">
        <form action="{{ path("test_call") }}" method="POST">
            <div class="row">
                <div class="col-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <b>Test API Call</b>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label class="m-0 pt-2">Topas ID</label>
                                    <input type="text" class="form-control" name="topasID">
                                </div>
                                <div class="col-12">
                                    <label class="m-0 pt-2">DataNumber</label>
                                    <input type="text" class="form-control" name="datanumber">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <b>Analogports mA Werte</b>
                            </div>
                            <div class="row">
                                {% for i in 1..8 %}
                                    <div class="col-3">
                                        <label class="m-0 pt-2">A{{ i }}</label>
                                        <input type="number" step="0.01" class="form-control" name="portA{{ i }}">
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <b>Digitalports mA Werte</b>
                            </div>
                            <div class="row">
                                {% for i in 1..8 %}
                                    <div class="col-3">
                                        <label class="m-0 pt-2">D{{ i }}</label>
                                        <input type="number" step="0.001" class="form-control" name="portD{{ i }}">
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-3">
                    <button class="btn btn-primary" type="submit">Test API Call schicken</button>
                </div>
            </div>
        </form>
    </div>
{% endblock %}