
{% if not included %}
{% extends 'index.html' %}
{% endif %}

{% block content %}

<div class="row mb-1">
  
  <label for="{{device}}"
         class="col-4 col-form-label">
    {{device}}
  </label>
  
  <div class="input-group col">
    
    <div class="input-group-text">
      <input class="form-check-input mt-0"
             type="checkbox"
             id="{{device}}-chk"
             onclick="$('[name={{device}}]').prop('disabled', !this.checked);"
             >
    </div>

    <input type="text"
           class="form-control"
           id="{{device}}-x"
           name="{{device}}"
           value="{{params['options']}}"
           placeholder="no named pos"
           disabled
           >

    <input type="text"
           class="form-control"
           id="{{device}}-y"
           name="{{device}}"
           value="{{params['options']}}"
           placeholder="no named pos"
           disabled
           >
    
    <button type="button" class="btn btn-outline-secondary"
            data-bs-container="body"
            data-bs-toggle="popover"
            data-bs-placement="right"
            data-bs-content="asd" tabindex="-1">
      ?
    </button>
    
  </div>
  
    <var class="form-text col-2 mt-2">qwe</var>
    
</div>

<!-- <\!-- ---------------------------------------------------------- -\-> -->


<!-- <div class="row mb-1"> -->
  
<!--   <label for="{{device}}" -->
<!--          class="col-4 col-form-label"> -->
<!--     {{device}} -->
<!--   </label> -->
  
<!--   <div class="input-group col"> -->
    
<!--     <div class="input-group-text"> -->
<!--       <input class="form-check-input mt-0" -->
<!--              type="checkbox" -->
<!--              id="{{device}}-chk" -->
<!--              onclick="$('#{{device}}').prop('disabled', !this.checked);" -->
<!--              > -->
<!--     </div> -->


<!--     <input type="text" -->
<!--            class="form-control" -->
<!--            id="{{device}}" -->
<!--            name="{{device}}" -->
<!--            value="{{params['options']}}" -->
<!--            placeholder="no named pos" -->
<!--            disabled -->
<!--            > -->
    
<!--     <button type="button" class="btn btn-outline-secondary" -->
<!--             data-bs-container="body" -->
<!--             data-bs-toggle="popover" -->
<!--             data-bs-placement="right" -->
<!--             data-bs-content="asd" tabindex="-1"> -->
<!--       ? -->
<!--     </button> -->
    
<!--   </div> -->
  
<!--   <var class="form-text col-2 mt-2">qwe</var> -->
  
<!-- </div> -->

<!-- <\!-- ---------------------------------------------------------- -\-> -->

<!-- <div class="row mb-1"> -->
  
<!--   <label for="{{device}}" -->
<!--          class="col-4 col-form-label"> -->
<!--     {{device}} -->
<!--   </label> -->
  
<!--   <div class="input-group col"> -->
    
<!--     <div class="input-group-text"> -->
<!--       <input class="form-check-input mt-0" -->
<!--              type="checkbox" -->
<!--              id="{{device}}-chk" -->
<!--              onclick="$('#{{device}}').prop('disabled', !this.checked);" -->
<!--              > -->
<!--     </div> -->
    
<!--     <select id="{{device}}" name="{{device}}" class="form-control" disabled> -->
<!--       {% for o in params['options'] %} -->
<!--       <option value="{{o}}"{% if o == value %} selected {% endif %}> -->
<!--           {{o}} -->
<!--       </option> -->
<!--       {% endfor %} -->
<!--     </select> -->
    
<!--     <button type="button" class="btn btn-outline-secondary" -->
<!--             data-bs-container="body" -->
<!--             data-bs-toggle="popover" -->
<!--             data-bs-placement="right" -->
<!--             data-bs-content="asd" tabindex="-1"> -->
<!--       ? -->
<!--     </button> -->
    
<!--   </div> -->
  
<!--   <var class="form-text col-2 mt-2">qwe</var> -->
  
<!-- </div> -->



<script src="/static/popover.js"></script>
{% endblock %}
