{% extends "layout.html" %}

{% block content %}
<main>
    <div class="container-fluid py-2">
        <div class="card mb-4">
            <div class="card-header">
                <i class="fas fa-table mr-1"></i>
                Logger Timer
            </div>
            <div class="row" id="setFrequency">
                <form class="col-12" method="POST" action="/api/v1/frequency">
                    <div class="input-group">
                        <span class="input-group-text">Periodo di campionamento (ms)</span>
                        <input type="number" class="form-control" id="LogFreq" name="LogFreq"></input>
                        <div class="input-group-append">
                        <input type="submit" value="SET" class="btn btn-success"></input>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="card mb-4">
            <div class="card-header">
                <i class="fas fa-table mr-1"></i>
                Channel 1 Settings
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-2 alert alert-info text-center">
                        Valori Reali
                    </div>
                    <div class="col-5">
                        <form method="POST" action="/api/v1/min1">
                            <div class="input-group mb-3">
                                <span class="input-group-text">Valore Minimo</span>
                                <button type="button" style="text-align: right;" class="btn btn-primary" onclick="">Get current</button>
                                <input type="number" class="form-control" id="MinCh1" name="MinCh1"></input>
                                <div class="input-group-append">
                                    <input type="submit" value="SET" class="btn btn-success"></input>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-5">
                        <form method="POST" action="/api/v1/max1">
                            <div class="input-group mb-3">
                                <span class="input-group-text">Valore Massimo</span>
                                <button type="button" style="text-align: right;" class="btn btn-primary" onclick="">Get current</button>
                                <input type="number" class="form-control" id="MaxCh1" name="MaxCh1"></input>
                                <div class="input-group-append">
                                    <input type="submit" value="SET" class="btn btn-success"></input>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-2 alert alert-info text-center">
                        Valori Scalati
                    </div>
                    <div class="col-5">
                        <form method="POST" action="/api/v1/min1">
                            <div class="input-group mb-3">
                                <span class="input-group-text">Valore Minimo</span>
                                <button type="button" style="text-align: right;" class="btn btn-primary" onclick="">Get current</button>
                                <input type="number" class="form-control" id="MinCh1" name="MinCh1"></input>
                                <div class="input-group-append">
                                    <input type="submit" value="SET" class="btn btn-success"></input>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-5">
                        <form method="POST" action="/api/v1/max1">
                            <div class="input-group mb-3">
                                <span class="input-group-text">Valore Massimo</span>
                                <button type="button" style="text-align: right;" class="btn btn-primary" onclick="">Get current</button>
                                <input type="number" class="form-control" id="MaxCh1" name="MaxCh1"></input>
                                <div class="input-group-append">
                                    <input type="submit" value="SET" class="btn btn-success"></input>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>
{% endblock %}