{% extends 'base.html' %}

{% load add_class %}

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

{% block content %}

        <div class="col-5">
            <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>
                <hr class="mt-4">
                {{ form.non_field.errors }}
                <div class="form-group row">
                    <div class="col-sm-1 col-form-label">
                        <label for="{{ form.first_name.id_for_label }}">Фамилия: </label>
                    </div>
                    <div class="col-sm-10">
                        {{ form.first_name|add_class:'form-control' }}
                    </div>
                    <div class="invalid-feedback">
                        {{ form.first_name.errors }}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-1 col-form-label">
                        <label for="{{ form.last_name.id_for_label }}">Имя: </label>
                    </div>
                    <div class="col-sm-10">
                        {{ form.last_name|add_class:'form-control' }}
                    </div>
                    <div class="invalid-feedback">
                        {{ form.last_name.errors }}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-1 col-form-label">
                        <label for="{{ form.username.id_for_label }}">Логин: </label>
                    </div>
                    <div class="col-sm-10">
                        {{ form.username|add_class:'form-control' }}
                    </div>
                    <div class="invalid-feedback">
                        {{ form.username.errors }}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-1 col-form-label">
                        <label for="{{ form.password.id_for_label }}">Пароль: </label>
                    </div>
                    <div class="col-sm-10">
                        {{ form.password|add_class:'form-control' }}
                    </div>
                    <div class="invalid-feedback">
                        {{ form.password.errors }}
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-sm-1 col-form-label">
                        <label for="{{ form.is_system.id_for_label }}">Системный: </label>
                    </div>
                    <div class="col-sm-10 mt-1">
                        {{ form.is_system|add_class:'' }}
                    </div>
                    <div class="invalid-feedback">
                        {{ form.is_system.errors }}
                    </div>
                </div>

                {% if form.is_system.value or object.is_system %}
                    <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-10">
                            {{ form.project|add_class:'form-control' }}
                        </div>
                        <div class="invalid-feedback">
                            {{ form.project.errors }}
                        </div>
                    </div>
                {% endif %}
                <div class="form-group row">
                    <div class="col-sm-1 col-form-label">
                        <label for="{{ form.roles.id_for_label }}">Роли: </label>
                    </div>
                    <div class="col-sm-10 scrollable">
                        {{ form.roles|add_class:'form-check-input' }}
                    </div>
                    <div class="invalid-feedback">
                        {{ form.roles.errors }}
                    </div>
                </div>

            </form>
        </div>
{% endblock %}