{% load widget_tweaks %}
{% load pretty_name %}
{% load static %}

<script src="{% static 'playbooks/js/search.js' %}"></script>
  <div class="modal-dialog mt-5">
    <div class="modal-content">
      <form id="updateForm" method="post" action="">
        {% csrf_token %}

  <div class="modal-header">
    <h3 class="modal-title">Редактировать группу</h3>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>

  <div class="modal-body">

    <div class="{% if form.non_field_errors %}invalid{% endif %} mb-2">
      {% for error in form.non_field_errors %}
        {{ error }}
      {% endfor %}
    </div>


      <div class="form-group">
        <label for="{{ form.name.id_for_label }}">{{ form.name.label }}</label>
        {% render_field form.name class="form-control" placeholder=form.name.label %}
        <div class="error_name invalid">
          {% for error in form.name.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
          </div>
      </div>

      <div class="form-group">

        <label for="{{ form.description.id_for_label }}">{{ form.description.label }}</label>
        {% render_field form.description class="form-control" placeholder=form.description.label %}
        <div class="error_description invalid">
          {% for error in form.description.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
          </div>
      </div>

      <div class="form-group">

        <label for="{{ form.model_host.id_for_label }}">{{ form.model_host.label }}</label>
        <input class="form-control" id="search_host_custom" type="search" placeholder="Поиск">
        {% render_field form.model_host class="form-control" placeholder=form.model_host.label %}
        <div class="error_model_host escriptiinvalid">
          {% for error in form.model_host.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
          </div>
      </div>
      <div class="form-group">
        <label for="id_hosts_choice">Доменные хосты</label>
        <input class="form-control" id="search_host_domain" type="search" placeholder="Поиск">
        <select name="hosts_choice" placeholder="Хосты" class="form-control" id="id_hosts_choice" multiple="">

          {% for host in hosts %}
                {% if host in  object.hosts%}
                    <option selected="selected" value="{{host}}">{{host}}</option>
                  {% else %}
                    <option value="{{host}}">{{host}}</option>
                {% endif %}

            {% endfor %}

            </select>
        <div class="error_hosts_choice invalid">
          {% for error in from.hosts_choice.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
        </div>
      </div>

  </div>




  <div class="modal-footer">
    <button type="submit" class="btn btn-primary">Редактировать</button>
  </div>

</form>

  </div>
</div>