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

{% block title %}{% trans "Manage user" %}{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>{% trans "Manage user" %}</h1>
                <br><br>
            </div>
        </div>

        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <table class="table table-hover mb-0">
                        <tr>
                            <td>{% trans "Username" %}</td>
                            <td>{{ user.username }}</td>
                        </tr>
                        <tr>
                            <td>{% trans "Email" %}</td>
                            <td>{{ user.email }}</td>
                        </tr>
                        <tr>
                            <td>{% trans "Created" %}</td>
                            <td>{{ user.date_joined|date:"Y-m-d H:i:s e" }}</td>
                        </tr>
                        <tr>
                            <td>{% trans "Last login" %}</td>
                            <td>{{ user.last_login|date:"Y-m-d H:i:s e" }}</td>
                        </tr>
                        <tr>
                            <td>{% trans "Groups" %}</td>
                            <td>
                                {% for group in user.groups.all|dictsort:"name" %}
                                    {{ group.name }}<br>
                                {% endfor %}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="col-md-4 mt-md-0 mt-3">
                <div class="mb-3">
                    <a href="{% url 'audit.log' %}?actor={{ user.username }}" class="btn btn-lg btn-light">
                        <i class="fa fa-address-card fa-fw" aria-hidden="true"></i>
                        {% trans "View audit log" %}
                    </a>
                </div>
                <div>
                    {% if user.is_active %}
                        <button type="button" class="btn btn-danger btn-lg" data-bs-toggle="modal"
                                data-bs-target="#modal-deactivate">
                            <i class="fa fa-lock fa-fw"></i>
                            {% trans "Deactivate" %}
                        </button>
                    {% else %}
                        <button type="button" class="btn btn-success btn-lg" data-bs-toggle="modal"
                                data-bs-target="#modal-reactivate">
                            <i class="fa fa-lock-open fa-fw"></i>
                            {% trans "Reactivate" %}
                        </button>
                    {% endif %}
                </div>
            </div>
        </div>

        {% if not user.is_active %}
            <div id="secrets-load-container" class="mt-4"
                 hx-get="{% url 'accounts.user-pending-secrets' user.username %}"
                 hx-trigger="load" hx-swap="outerHTML">
                <div class="text-center p-5 card">
                    <div class="card-body">
                        <i class="fa fa-spinner fa-spin fa-2x text-muted mb-2"></i>
                        <p>{% trans "Loading secrets and checking permissions..." %}</p>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>

    <div class="modal fade" id="universal-share-modal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div id="modal-content-target" class="modal-content">
            </div>
        </div>
    </div>

    {% if user.is_active %}
        <div class="modal fade" id="modal-deactivate" tabindex="-1" role="dialog"
             aria-labelledby="modal-deactivate-label"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="modal-deactivate-label">{% trans "Confirm deactivation" %}</h4>
                        <button type="button" class="btn-close fa-pull-right" data-bs-dismiss="modal"
                                aria-label="Close"></button>
                    </div>
                    <form role="form" method="POST"
                          action="{% url 'accounts.user-deactivate' username=user.username %}">
                        {% csrf_token %}
                        <div class="modal-body">
                            <div class="alert alert-warning">
                                <i class="fa fa-info-circle fa-fw"></i>
                                {% trans "Any secrets accessed by this user will be marked for changing." %}
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-danger"><i
                                    class="fa fa-lock fa-fw"></i> {% trans "Deactivate" %}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    {% else %}
        <div class="modal fade" id="modal-reactivate" tabindex="-1" role="dialog"
             aria-labelledby="modal-reactivate-label"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="modal-reactivate-label">{% trans "Confirm reactivation" %}</h4>
                        <button type="button" class="btn-close fa-pull-right" data-bs-dismiss="modal"
                                aria-label="Close"></button>
                    </div>
                    <form role="form" method="POST"
                          action="{% url 'accounts.user-reactivate' username=user.username %}">
                        {% csrf_token %}
                        <div class="modal-body">
                            <div class="alert alert-info">{% trans "Do you really wish to reactivate this user?" %}</div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-success"><i
                                    class="fa fa-lock-open fa-fw"></i> {% trans "Reactivate" %}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    {% endif %}

{% endblock %}