{% extends "base.html" %} {% block title %}Subida{% endblock %} {% block content %}

<!-- Row Header -->
<div class="px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
    <h1 class="display-4">Upload</h1>
</div>

<div class="container">
    <form class="list-group list-group-flush" action="{{pagename}}/uploader" method="POST" enctype="multipart/form-data">
        <!-- File input -->
        <div class="list-group-item" style="padding-left: 50px;">
            <input type="file" class="form-control-file" name="file" />
        </div>

        <!-- Sensor select -->
        <div class="form-group required" style="padding-top: 10px;">
            <label class="form-check-label" for="activeProbe" style="padding-left: 5px;">Escoge el sensor utilizado</label
      >
      <select name="activeProbe" id="activeProbe">
        {% for j in i.active %}
        <option value="{{ j }}">{{ j }}</option>
        {% endfor %}
      </select>
    </div>

    <!-- Force station -->
    <div class="form-group">
      <input
        class="form-check-input"
        type="checkbox"
        name="forceStation{{i.sensor}}"
        id="forceStation{{i.sensor}}"
        onchange="toggleSelect('forceStation{{i.sensor}}', 'stations{{i.sensor}}')"
      />
      <label
        class="form-check-label"
        for="forceStation{{i.sensor}}"
        style="padding-left: 5px;"
      >
        Forzar estación
      </label>

            <label class="form-check-label" for="stations{{i.sensor}}" style="padding-left: 5px;">Selecciona la estación utilizada</label
      >
      <select name="stations{{i.sensor}}" id="stations{{i.sensor}}" disabled>
        {% for j in i.stations %}
        <option value="{{ j }}">{{ j }}</option>
        {% endfor %}
      </select>
    </div>

    <!-- Apply quality control -->
    <div class="list-group-item" style="padding-bottom: 50px;">
      <input
        class="form-check-input"
        type="checkbox"
        id="autoSizingCheck"
        checked
      />
      <label
        class="form-check-label"
        for="autoSizingCheck"
        style="padding-left: 5px;"
      >
        Aplicar control de calidad
      </label>
        </div>

        <!-- Submit -->
        <input type="hidden" value="{{i.sensor}}" name="probe" />
        <button type="submit" class="btn btn-primary btn-lg btn-block">
      Subir CSV
    </button>
    </form>
</div>
<!-- Close container field -->

{% endblock %}