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

{% set included = True %}

{% block title %}
OB editor
{% endblock title %}

{% block content %}

<h3>Ob list</h3>

<div class="row mb-2">
  
  <label for="ob-list-options-editor" class="col-2 col-form-label">Load OB</label>
  <div class="col">
    <select id="ob-list-options-editor" class="form-select">
      <option  selected disabled hidden>
        -- Select a saved OB --
      </option>
      {% for ob in data %}
      <option data-index="{{loop.iterator}}" value="{{ob['@OBID']}}">
        {{ob['@OBID']}}
      </option>
        {% endfor %}
    </select>
  </div>

  
  <span class="col-auto form-text mt-2">or</span>
  <label for="new-ob-name" class="col-2 col-form-label">Create new</label>
  <div class="col input-group mb-3">
    <input class="form-control" id="new-ob-name" placeholder="insert name" minlength="3" >
    <button class="btn btn-outline-secondary" type="button"
            id="create-ob">Create</button>
  </div>
  
</div>

<section id="ob-list">
</section>


{% endblock content %}
