{% extends "support.html" %}

{% block head %}
    {{ block.super }}

    <script type="text/javascript">
        $(function() {
             $("#id_tag").keyup(function () {
                this.value = this.value.toUpperCase();
            });

            DosisAuth.Management.setup({
                URLs: {
                    ajax_update: "{% url 'site:settings-update-role-field' %}"
                },
                CSRF_token: '{{ csrf_token }}',
                show_add_form_errors: {{ add_form.errors|yesno:"true,false" }}
            });
            DosisAuth.Management.registerRolePermissionsEdit();


        });
    </script>

{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <form method="POST" class="ajax-update-form-auth">
        <button type="button" class="btn btn-default btn-default-auth add-dialog-btn add-dialog-btn-auth">Add Role</button>
        <table class="table table-bordered table-striped table-management-auth">
            <thead>
            <tr class="dosis-report-header">
                {% include 'report-table-header.html' %}
            </tr>
            </thead>
            <tbody>
            {% for frm in role_form %}
                <tr>
                    <td>{{ frm.id }}{{ frm.instance.tag }}</td>
                    <td>{{ frm.description }}</td>
                    <td>{{ frm.display_name }}</td>
                    <td>{{ frm.treat_as_rph }}</td>
                    <td>{{ frm.treat_as_director }}</td>
                    <td>{{ frm.treat_as_corporate }}</td>
                    <td>
                        <button type="button" class="btn btn-default btn-default-auth" data-toggle="collapse"
                                data-target="#edit-role-permissions-collapse-{{ forloop.counter }}-auth">
                            Show/Hide <i class="icon-caret-down"></i>
                        </button>
                        <div id="edit-role-permissions-collapse-{{ forloop.counter }}-auth" class="collapse">
                            <div class="edit-role-permissions-auth">
                                {% for permission in permissions %}
                                    {% if permission.enforced %}
                                        <label class="checkbox">
                                            <input data-field-type="permissions" class="edit-role-permissions-checkbox-auth" value="{{ permission.id }}" type="checkbox" {% if permission in frm.instance.permissions.all %}checked{% endif %}>
                                            {{ permission.display_name }}
                                        </label>
                                    {% else %}
                                        <label class="checkbox inactive-cell">
                                            <input data-field-type="permissions" disabled="disabled" class="edit-role-permissions-checkbox-auth" value="{{ permission.id }}" type="checkbox" {% if permission in frm.instance.permissions.all %}checked{% endif %}>
                                            {{ permission.display_name }}
                                        </label>
                                    {% endif %}
                                {% endfor %}
                                <button data-role-id="{{ frm.id.value }}" type="button" class="btn btn-primary btn-primary-auth edit-role-permissions-save-btn-auth">
                                    Save
                                </button>
                            </div>
                        </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <button type="button" class="btn btn-default btn-default-auth add-dialog-btn add-dialog-btn-auth">Add Role</button>
    </form>
    <div class="add-dialog" title="Add Role">
        <form class="add-form" method="POST">
            {% csrf_token %}
            <input type="hidden" name="add_role_flag" value="ADD"/>
            <input type="hidden" name="{{ add_form.active.html_name }}" value="True"/>
            <div class="alert alert-error add-form-validation-alert" style="display: none;">
                {% for field, error in add_form.errors.items %}
                    {{ error }}
                {% endfor %}
                <ul class="client-errorlist"></ul>
            </div>
            <table class="add-dialog-table-auth">
                <tr>
                    <td><label for="{{ add_form.tag.id_for_label }}">Tag</label> {{ add_form.tag }}</td>
                    <td><label for="{{ add_form.description.id_for_label }}">Description</label> {{ add_form.description }}</td>
                    <td><label for="{{ add_form.display_name.id_for_label }}">Display Name</label> {{ add_form.display_name }}</td>
                </tr>
                <tr>
                    <td style="padding-bottom: 2vh;"><label for="{{ add_form.treat_as_rph.id_for_label }}">Treat As RPh</label> {{ add_form.treat_as_rph }}</td>
                    <td style="padding-bottom: 2vh;"><label for="{{ add_form.treat_as_director.id_for_label }}">Treat As Director</label> {{ add_form.treat_as_director }}</td>
                    <td style="padding-bottom: 2vh;"><label for="{{ add_form.treat_as_corporate.id_for_label }}">Treat As Corporate</label> {{ add_form.treat_as_corporate }}</td>
                </tr>
            </table>
            <div class="alert alert-info">You can set permissions on this role after creation.</div>
        </form>
    </div>
{% endblock %}