{% extends 'permission_index.html' %}

{% load add_class %}
{#{% block title %}#}
{#    {{ title }} :: {{ block.super }}#}
{#{% endblock %}#}


{% block content %}
    <form method="post" class="col-12">
        {% csrf_token %}
        <div class="btn-toolbar mt-2" role="toolbar">
            <div class="btn-group mr-2" role="group">
                {% include 'include/save_button.html' with name="Проверить" %}
            </div>
        </div>
        <hr class="mt-4">
        <div class="form-group row">
            <div class="col-sm-1 col-form-label">
                <label for="inputName">Пользователь</label>
            </div>
            <div class="col-sm-4">
                <div class="dropdown">
                    <select id="{{ form.user.id_for_label }}" class="form-control" name="user">
                        <option value="" selected>None</option>
                        {% for user in users %}
                            <option value="{{ user.id }}">{{ user.name }}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-1 col-form-label">
                <label for="{{ form.project.id_for_label }}">Проект: </label>
            </div>
            <div class="col-sm-4">
                {{ form.project|add_class:'form-control' }}
            </div>
            <div class="invalid-feedback d-block">
                {{ form.project.errors }}
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-1 col-form-label">
                <label for="inputName" >Тип объекта</label>
            </div>
            <div class="col-sm-4">
                {#                    <div class="dropdown">#}
                {#                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"#}
                {#                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">#}
                {#                            {|selectedProject|}#}
                {#                        </button>#}
                {#                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">#}
                {#                            <a v-for="project in projects" class="dropdown-item"#}
                {#                               :class="{ 'active': project === selectedProject }"#}
                {#                               @click="selectedProject = project">{|project|}</a>#}
                {#                        </div>#}
                {#                    </div>#}
                <div class="dropdown">
                    {{ form.type_entity|add_class:'form-control' }}
                </div>
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-1 col-form-label">
                <label for="{{ form.obj_id.id_for_label }}">Ид объекта: </label>
            </div>
            <div class="col-sm-4">
                {{ form.obj_id|add_class:'form-control' }}
            </div>
            <div class="invalid-feedback d-block">
                {{ form.obj_id.errors }}
            </div>
        </div>
    </form>
{% endblock %}