devicehub-teal/ereuse_devicehub/templates/inventory/actions.html

<div class="modal fade" id="actionModal" tabindex="-1" style="display: none;" aria-hidden="true">
  <div class="modal-dialog modal-fullscreen">
    <div class="modal-content">

      <div class="modal-header">
        <h5 class="modal-title">New Action</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <form action="{{ url_for('inventory.devices.action_add') }}" method="post">
      {{ form_new_action.csrf_token }}
        <div class="modal-body">
          <p class="text-danger">
              You need select first some device before to do one action
          </p>
          {% for field in form_new_action %}
          {% if field != form_new_action.csrf_token %}
          {% if field == form_new_action.devices  %}
          {{ field(class_="devicesList") }}
          {% elif field == form_new_action.lot %}
            {{ field(class_="form-control") }}
          {% else %}
          <div class="col-12">
              {{ field.label(class_="form-label") }}
              {{ field(class_="form-control") }}
              {% if field.errors %}
              <p class="text-danger">
                {% for error in field.errors %}
                  {{ error }}<br/>
                {% endfor %}
              </p>
              {% endif %}
          </div>
          {% endif %}
          {% endif %}
          {% endfor %}
        </div>


        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <input type="submit" class="btn btn-primary d-none" value="Create" />
        </div>
      </form>

    </div>
  </div>
</div>