{% extends "base.html" %}
{% load i18n %}
{% load display_tags %}
{% load authorization_tags %}

{% block content %}
    {{ block.super }}
<h3 id="id_heading">{% blocktrans with full_name=user.get_full_name %}User: {{ full_name }}{% endblocktrans %}</h3>
<div class="row">
    <div id="tests" class="col-md-8">
        <div class="panel panel-default">
            <div class="panel-heading tight">
                <div class="clearfix">
                    <h3 class="pull-left"><i class="fa-solid fa-id-card dd-card-icon" aria-hidden="true"></i>{% trans "Default Information" %}</h3>
                    <div class="dropdown pull-right">
                        <div class="btn-group">
                            <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1"
                                aria-label="{% trans 'Actions' %}" data-toggle="dropdown" aria-expanded="true">
                                <span class="fa-solid fa-bars"></span>
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
                                {% if "auth.change_user"|has_configuration_permission:request %}
                                <li>
                                    <a class="" href="{% url 'edit_user' user.id %}">
                                        <i class="fa-solid fa-pen-to-square"></i>{% trans "Edit" %}</a>
                                </li>
                                {% endif %}
                                <li role="separator" class="divider"></li>
                                <li>
                                    <a href="{% url 'action_history' user|content_type user.id %}">
                                        <i class="fa-solid fa-clock-rotate-left"></i>{% trans "View History" %}</a>
                                </li>
                                {% if "auth.delete_user"|has_configuration_permission:request and user.id != request.user.id %}
                                <li role="separator" class="divider"></li>
                                <li>
                                    <a class="" href="{% url 'delete_user' user.id %}" id="deleteUser">
                                        <i class="fa-solid fa-trash"></i>{% trans "Delete" %}</a>
                                </li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-striped">
                    <tr>
                        <td><strong>{% trans "First Name" %}</strong></td>
                        <td>{{ user.first_name }}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Last Name" %}</strong></td>
                        <td>{{ user.last_name }}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Username" %}</strong></td>
                        <td>{{ user.username }}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Email" %}</strong></td>
                        <td>{{ user.email }}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="clearfix">
                    <h4 class="pull-left"><i class="fa-solid fa-address-book dd-card-icon" aria-hidden="true"></i>{% trans "Contact Information" %}</h4>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-striped">
                    <tr>
                        <td><strong>{% trans "Title" %}</strong></td>
                        <td>{% if user.usercontactinfo.title %} {{ user.usercontactinfo.title }} {% endif %}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Phone Number" %}</strong></td>
                        <td>{{ user.usercontactinfo.phone_number }}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Cell Number" %}</strong></td>
                        <td>{{ user.usercontactinfo.cell_number }}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Twitter Username" %}</strong></td>
                        <td>{% if user.usercontactinfo.twitter_username %} {{ user.usercontactinfo.twitter_username }}
                            {% endif %}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Github Username" %}</strong></td>
                        <td>{% if user.usercontactinfo.github_username %} {{ user.usercontactinfo.github_username }} {% endif %}</td>
                    </tr>
                    <tr>
                        <td><strong>{% trans "Slack Email Address" %}</strong></td>
                        <td>{% if user.usercontactinfo.slack_username %} {{ user.usercontactinfo.slack_username }} {%endif %}</td>

                    </tr>
                </table>
            </div>
        </div>
        {% block user_product_types_panel %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="clearfix">
                    <h4 class="pull-left"><i class="fa-solid fa-users dd-card-icon" aria-hidden="true"></i>{{ labels.ORG_USERS_LABEL }}</h4>
                    {% if request.user.is_staff %}
                    <div class="dropdown pull-right">
                        <button class="btn btn-primary dropdown-toggle" aria-label="{% trans 'Actions' %}" type="button" id="dropdownMenuAddProductTypeMember"
                            data-toggle="dropdown" aria-expanded="true">
                            <span class="fa-solid fa-bars"></span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuAddProductTypeMember">
                            <li role="presentation">
                                <a id="addProductTypeMember" href="{% url 'authorize_user_for_product_types' user.id %}">
                                    <i class="fa-solid fa-plus"></i> {{ labels.ORG_USERS_ADD_ORGANIZATIONS_LABEL }}
                                </a>
                            </li>
                        </ul>
                    </div>
                    {% endif %}
                </div>
            </div>
            {% if accessible_product_types %}
            <div class="table-responsive">
                <table class="tablesorter-bootstrap table table-condensed table-striped">
                    <thead>
                        <tr>
                            {% if request.user.is_staff %}<th></th>{% endif %}
                            <th style="width: 100%;">{{ labels.ORG_LABEL }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for pt in accessible_product_types %}
                        <tr>
                            {% if request.user.is_staff %}
                            <td>
                                <form method="post" action="{% url 'revoke_user_from_product_type' user.id pt.id %}" id="revoke-product-type-{{ pt.id }}" style="display:none;">
                                    {% csrf_token %}
                                </form>
                                <ul>
                                    <li class="dropdown" style="list-style:none">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" label="Actions" name="dropdownProductTypeActions">&nbsp;<b class="fa-solid fa-ellipsis-vertical"></b>&nbsp;</a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                {# escapejs, not HTML escaping: this string is compiled as JavaScript, where an HTML entity decodes back into a quote. #}
                                                {% autoescape off %}{% blocktrans asvar revoke_product_type_message with username=user.username pt=pt.name %}Revoke {{ username }} from {{ pt }}?{% endblocktrans %}{% endautoescape %}
                                                <a name="revokeProductType" href="#"
                                                   onclick="if (confirm('{{ revoke_product_type_message|escapejs }}')) { document.getElementById('revoke-product-type-{{ pt.id }}').submit(); } return false;">
                                                    <i class="fa-solid fa-trash"></i> {% trans "Revoke" %}
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </td>
                            {% endif %}
                            <td name="member_product_type"><a href="{% url 'view_product_type' pt.id %}">{{ pt.name }}</a></td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="panel-body">
                <small class="text-muted"><em>{{ labels.ORG_USERS_NO_ACCESS_MESSAGE }}</em></small>
            </div>
            {% endif %}
        </div>
        {% endblock user_product_types_panel %}
        {% block user_products_panel %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="clearfix">
                    <h4 class="pull-left"><i class="fa-solid fa-users dd-card-icon" aria-hidden="true"></i>{{ labels.ASSET_USERS_ACCESS_LABEL }}</h4>
                    {% if request.user.is_staff %}
                    <div class="dropdown pull-right">
                        <button class="btn btn-primary dropdown-toggle" aria-label="{% trans 'Actions' %}" type="button" id="dropdownMenuAddProductMember"
                            data-toggle="dropdown" aria-expanded="true">
                            <span class="fa-solid fa-bars"></span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuAddProductMember">
                            <li role="presentation">
                                <a id="addProductMember" href="{% url 'authorize_user_for_products' user.id %}">
                                    <i class="fa-solid fa-plus"></i> {{ labels.ASSET_USERS_ADD_LABEL }}
                                </a>
                            </li>
                        </ul>
                    </div>
                    {% endif %}
                </div>
            </div>
            {% if accessible_products %}
            <div class="table-responsive">
                <table class="tablesorter-bootstrap table table-condensed table-striped">
                    <thead>
                        <tr>
                            {% if request.user.is_staff %}<th></th>{% endif %}
                            <th style="width: 100%;">{{ labels.ASSET_LABEL }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for p in accessible_products %}
                        <tr>
                            {% if request.user.is_staff %}
                            <td>
                                <form method="post" action="{% url 'revoke_user_from_product' user.id p.id %}" id="revoke-product-{{ p.id }}" style="display:none;">
                                    {% csrf_token %}
                                </form>
                                <ul>
                                    <li class="dropdown" style="list-style:none">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" label="Actions" name="dropdownProductActions">&nbsp;<b class="fa-solid fa-ellipsis-vertical"></b>&nbsp;</a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                {% autoescape off %}{% blocktrans asvar revoke_product_message with username=user.username product=p.name %}Revoke {{ username }} from {{ product }}?{% endblocktrans %}{% endautoescape %}
                                                <a name="revokeProduct" href="#"
                                                   onclick="if (confirm('{{ revoke_product_message|escapejs }}')) { document.getElementById('revoke-product-{{ p.id }}').submit(); } return false;">
                                                    <i class="fa-solid fa-trash"></i> {% trans "Revoke" %}
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </td>
                            {% endif %}
                            <td name="member_product"><a href="{% url 'view_product' p.id %}">{{ p.name }}</a></td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="panel-body">
                <small class="text-muted"><em>{{ labels.ASSET_USERS_NO_ACCESS_MESSAGE }}</em></small>
            </div>
            {% endif %}
        </div>
        {% endblock user_products_panel %}
    </div>
    <div class="col-md-4">
        <div class="panel panel-default-secondary">
            <div class="panel-heading">
                <h3 class="panel-title"><span class="fa-solid fa-circle-info fa-fw dd-card-icon" aria-hidden="true"></span>
                    {% trans "Metadata" %}
                </h3>
            </div>
            <div class="table-responsive">
                <table class="table table-striped">
                    <tbody>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Active" %}</strong></td>
                            <td>
                                {% if user.is_active %}
                                <i class="text-success fa-solid fa-check"></i>
                                {% else %}
                                <i class="text-danger fa-solid fa-xmark"></i>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Superuser" %}</strong></td>
                            <td>
                                {% if user.is_superuser %}
                                <i class="text-success fa-solid fa-check"></i>
                                {% else %}
                                <i class="text-danger fa-solid fa-xmark"></i>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Staff" %}</strong></td>
                            <td>
                                {% if user.is_staff %}
                                <i class="text-success fa-solid fa-check"></i>
                                {% else %}
                                <i class="text-danger fa-solid fa-xmark"></i>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Block execution" %}</strong></td>
                            <td>
                                {% if user.usercontactinfo.block_execution %}
                                <i class="text-success fa-solid fa-check"></i>
                                {% else %}
                                <i class="text-danger fa-solid fa-xmark"></i>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Deduplication execution mode" %}</strong></td>
                            <td>
                                {{ user.usercontactinfo.get_deduplication_execution_mode_display|default:_("Async (do not wait)") }}
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Date Joined" %}</strong></td>
                            <td>{{ user.date_joined }}</td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Last Login" %}</strong></td>
                            <td>{% if user.last_login %} {{ user.last_login }} {% else %} {% trans "Never" %} {% endif %}</td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Token Last Reset" %}</strong></td>
                            <td>{% if user.usercontactinfo.token_last_reset %} {{ user.usercontactinfo.token_last_reset }} {% else %} {% trans "Never" %} {% endif %}</td>
                        </tr>
                        <tr>
                            <td style="width: 200px;"><strong>{% trans "Password Last Reset" %}</strong></td>
                            <td>{% if user.usercontactinfo.password_last_reset %} {{ user.usercontactinfo.password_last_reset }} {% else %} {% trans "Never" %} {% endif %}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- Configuration permissions -->
        {% if not user.is_superuser %}
        <div class="panel panel-default-secondary" id="edit_permissions">
            <div class="panel-heading">
                <h3 class="panel-title"><span class="fa-solid fa-lock-open-alt dd-card-icon" aria-hidden="true"></span>&nbsp;{% trans "Configuration Permissions" %}</h3>
            </div>
            <form id="edit_permissions_form" class="" method="post" action="{% url 'edit_user_permissions' user.id %}">{% csrf_token %}
            <div class="table-responsive">
                <table class="table table-striped">
                    <tr>
                        <td id="saving_permissions">&nbsp;</td>
                        <td class="centered"><strong>{% trans "View" %}</strong></td>
                        <td class="centered"><strong>{% trans "Add" %}</strong></td>
                        <td class="centered"><strong>{% trans "Edit" %}</strong></td>
                        <td class="centered"><strong>{% trans "Delete" %}</strong></td>
                    </tr>
                    {% for field in configuration_permission_form.permission_fields %}
                    <tr>
                        <td><strong>{{ field.display_name }}</strong></td>
                        <td class="centered">
                            {% if field.view_codename %}
                            <input id="id_{{ field.view_codename }}"
                                {% if not request.user.is_superuser %}disabled{% endif %}
                                name="{{ field.view_codename }}"
                                aria-label="{{ field.view_codename }}"
                                type="checkbox"
                                {% if user|user_has_configuration_permission_without_group:field.view_codename %}checked{% endif %} />
                            {% endif %}
                        </td>
                        <td class="centered">
                            {% if field.add_codename %}
                            <input id="id_{{ field.add_codename }}"
                                {% if not request.user.is_superuser %}disabled{% endif %}
                                name="{{ field.add_codename }}"
                                aria-label="{{ field.add_codename }}"
                                type="checkbox"
                                {% if user|user_has_configuration_permission_without_group:field.add_codename %}checked{% endif %} />
                            {% endif %}
                        </td>
                        <td class="centered">
                            {% if field.change_codename %}
                            <input id="id_{{ field.change_codename }}"
                                {% if not request.user.is_superuser %}disabled{% endif %}
                                name="{{ field.change_codename }}"
                                aria-label="{{ field.change_codename }}"
                                type="checkbox"
                                {% if user|user_has_configuration_permission_without_group:field.change_codename %}checked{% endif %} />
                            {% endif %}
                        </td>
                        <td class="centered">
                            {% if field.delete_codename %}
                            <input id="id_{{ field.delete_codename }}"
                                {% if not request.user.is_superuser %}disabled{% endif %}
                                name="{{ field.delete_codename }}"
                                aria-label="{{ field.delete_codename }}"
                                type="checkbox"
                                {% if user|user_has_configuration_permission_without_group:field.delete_codename %}checked{% endif %} />
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
            </form>
        </div>
        {% endif %}
        <!-- End Configuration Permissions -->
    </div>
</div>
{% endblock %}
{% block postscript %}
{{ block.super }}
<script type="text/javascript">

    $(function() {
        $('div#edit_permissions input[type=checkbox]').on('click', function() {
            $('#saving_permissions').append(' <small>{% trans "(saving...)" %}</small>')
            $('#edit_permissions_form').submit()
        });
    });

</script>
{% endblock %}