{% extends 'permission_index.html' %}

{% load add_class %}

{% block title %}
    {{ title }} :: {{ block.super }}
{% endblock %}

{% block content %}
{#    {% include 'include/_breadcrumbs.html' %}#}
        <div class="col-12">
            <form method="post">
                {% 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>
                <div class="mt-4">
                    <div class="form-group row">
                        <div class="col-sm-1 col-form-label">
                            <label for="{{ role.name.id_for_label }}">Название: </label>
                        </div>
                        <div class="col-sm-10">
                            <input type="text" name="name" value="{{ role.name }}" maxlength="30"
                                   class=" form-control" id="id_name">
                        </div>
                        <div class="invalid-feedback d-block">
                            {{ role.name.errors }}
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-1 col-form-label">
                            <label for="permissions_id">Ограничения: </label>
                        </div>
                        <div class="scrollable" id="permissions_id">
                            <ul id="permissions" class=" form-check-input ml-3">
                                {% for perm in permissions %}
                                    <li>
                                        <div class="form-group row">
                                            <div class="custom-control custom-switch form-check-input col-4">
                                                <input type="checkbox" class="custom-control-input"
                                                       id="customSwitch{{ perm.pk }}" value="{{ perm.id }}"
                                                        {% if perm.checked %}
                                                       checked
                                                        {% endif %} name="permissions">
                                                <label class="custom-control-label"
                                                       for="customSwitch{{ perm.pk }}">{{ perm.name }}</label>
                                            </div>
                                            <div class="col mt-1">
                                                {% for choice in access_type %}
                                                    <div class="custom-control custom-radio custom-control-inline">
                                                        <input type="radio"
                                                               id="customRadioInline{{ perm.pk }}{{ choice.0 }}"
                                                               name="access_{{ perm.pk }}"
                                                               class="custom-control-input"
                                                               value="{{ choice.0 }}"
                                                                {% if choice.0 == perm.access %} checked {% endif %}>
                                                        <label class="custom-control-label"
                                                               for="customRadioInline{{ perm.pk }}{{ choice.0 }}">
                                                            {{ choice.1 }}
                                                        </label>
                                                    </div>

                                                {% endfor %}
                                            </div>
                                            {#                                            <select name="access">#}
                                            {#                                                {% for choice in access_type %}#}
                                            {#                                                    <option value="{{ choice.0 }}|{{ perm.pk }}"#}
                                            {#                                                            {% if choice.0 == perm.access %} selected {% endif %}>#}
                                            {#                                                        {{ choice.1 }}#}
                                            {#                                                    </option>#}
                                            {#                                                {% endfor %}#}
                                            {#                                            </select>#}
                                        </div>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="invalid-feedback d-block">
                        </div>
                    </div>
                </div>
            </form>

            {#            <form method="post">#}
            {#                {% 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>#}
            {#                <div class="mt-4">#}
            {#                    <div class="form-group row">#}
            {#                        <div class="col-sm-1 col-form-label">#}
            {#                            <label for="{{ form.name.id_for_label }}">Название: </label>#}
            {#                        </div>#}
            {#                        <div class="col-sm-10">#}
            {#                            {{ form.name|add_class:'form-control' }}#}
            {#                        </div>#}
            {#                        <div class="invalid-feedback d-block">#}
            {#                            {{ form.name.errors }}#}
            {#                        </div>#}
            {#                    </div>#}
            {#                    <div class="form-group row">#}
            {#                        <div class="col-sm-1 col-form-label">#}
            {#                            <label for="{{ form.permissions.id_for_label }}">Ограничения: </label>#}
            {#                        </div>#}
            {#                        <div class="col-sm-10 scrollable">#}
            {#                            {{ form.permissions|add_class:'form-check-input' }}#}
            {#                        </div>#}
            {#                        <div class="invalid-feedback d-block">#}
            {#                            {{ form.permissions.errors }}#}
            {#                        </div>#}
            {#                    </div>#}
            {#                </div>#}
            {#            </form>#}
        </div>
{% endblock %}