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

<script src="{% static 'playbooks/js/search.js' %}"></script>
  <div class="modal-dialog mt-5">
    <div class="modal-content">
<form id="addGroup" 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">&times;</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 invalid">
          {% for error in form.model_host.errors %}
            <p class="help-block">{{ error }}</p>
          {% endfor %}
          </div>
      </div>

      <div class="form-group">

        <label for="{{ form.hosts_choice.id_for_label }}">{{ form.hosts_choice.label }}</label>
        <input class="form-control" id="search_host_domain" type="search" placeholder="Поиск">
        {% render_field form.hosts_choice class="form-control" placeholder=form.hosts_choice.label %}
        <div class="error_hosts_choice invalid">
          {% for error in form.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>