{% extends "app_home/base.html" %}
{% load static %}
{% load i18n %}

{% block navbar_app %}
{% include 'app_home/_sidebar.html' %}
{% endblock %}

{% block title %}
<h3>{{ group.displayname|default:group.keyname }}</h3>
<small class="text-muted">{% translate "Group details" %}</small>
<hr>{% endblock %}

{% block content %}

<!-- UI action selector -->
<div class="dropdown">       
    <button class="btn btn-outline-dark dropdown-toggle" type="button" data-bs-toggle="dropdown">
        <i class="fa fa-lg fa-plus me-2"></i>{% translate 'Action' %}
    </button>

    <ul class="dropdown-menu">


        {% if 'p_group_update' in aaa.perms %}
        <li>
            <a class="dropdown-item" 
            href="{% url 'app_user:group_edit' group.id %}">
            {% translate 'Edit' %}
            </a>
        </li>
        {% endif %}
      


        {% if 'p_group_delete' in aaa.perms %}{% if not group.is_builtin %}
        <li>
            <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#DeleteModal">
                {% translate "Delete" %}
            </a>
        </li>
        {% endif %}{% endif %}


        {% if ui_texteditor %}
        <li><hr class="dropdown-divider"></li>
        <li>
          <a class="dropdown-item" href="{% url 'app_data:texteditor' '_group' group.id %}">
            {% translate "Code" %}</a>
        </li>
        {% endif %}

    </ul>
</div>

<hr>

<table class="table table-hover table-bordered table-sm">

  <tr class="table-success"><td colspan="2"><strong>{% translate 'Group' %}</strong></td></tr>

  <tr><td class="table-light" width="20%">{% translate 'Keyname(*)' %}</td>
  <td>{{ group.keyname }}</td></tr>

  <tr><td class="table-light" width="20%">{% translate 'Display Name' %}</td>
  <td>{{ group.displayname|default:'' }}</td></tr>

  <tr><td class="table-light" width="20%">{% translate 'Description' %}</td>
  <td>{{ group.description|default:'' }}</td></tr>

  <tr><td class="table-light" width="20%">{% translate 'Is Enabled' %}</td>
  <td>{% if group.is_enabled %}<input type="checkbox" checked disabled/>
      {% else %}<input type="checkbox" disabled/>{% endif %}
  </td></tr>

  <tr><td class="table-light" width="20%">{% translate 'Built-in' %}</td>
  <td>{% if group.is_builtin %}<input type="checkbox" checked disabled/>
      {% else %}<input type="checkbox" disabled/>{% endif %}
  </td></tr>

  <tr><td class="table-light" width="20%">{% translate 'Autogroup' %}</td>
    <td>{{ group.autogroup|default:'' }}</td></tr>


  <tr><td class="table-light" width="20%">{% translate 'ID' %}</td>
      <td>{{ group.id }}</td></tr>
        
</table>

<hr>

<!-- SUBGROUPS -->
<table class="table table-hover table-bordered table-sm">
    <tr class="table-success"><td colspan="4"><strong>{% translate 'Subgroups' %}</strong></td></tr>
    <tr>
    <td class="table-light">
        <div class="d-flex flex-wrap"> 
        {% for z in group.subgroups.all %}
        <a class="btn btn-success btn-sm mx-1 my-1" href="{% url 'app_user:group_detail' z.id %}" role="button">
        {{ z.keyname }}</a>{% endfor %} 
        {% for z in subgroups_indirect %}
        <a class="btn btn-outline-success btn-sm mx-1 my-1" href="{% url 'app_user:group_detail' z.id %}" role="button">
        {{ z.keyname }}</a>{% endfor %} 
        </div>    
    </td></tr>
    </table>



<table class="table table-hover table-bordered table-sm">
    
    <!-- DIRECT USER DETAILS -->
    <tr class="table-warning">
        <td width="20%"><b>{% translate 'Users' %}</b></td>
        <td>{% translate 'Display name' %}</td>
        <td>{% translate 'Email' %}</td>
        <td>{% translate 'Mobile' %}</td>
        <td>{% translate 'Last Login' %}</td>
    </tr>
    
    {% for z in users_direct %}
    <tr>
        <td>
            <a href="{% url 'app_user:user_detail' z.id %}"><i class="fa fa-plus me-2"></i>{{ z.login}}</a>
        </td>
        <td>{{ z.displayname }}</td>
        <td>{{ z.email|default:'' }}</td>
        <td>{{ z.mobile|default:'' }}</td>
        <td>{{ z.last_login|date:'Y-m-d H:i:s' }} {% if z.last_login %} ({{ z.last_login|timesince }}){% endif %}</td>
    </tr>
    {% endfor %}    

    <!-- COMPUTED USER DETAILS -->
    <tr class=""><td colspan="6"></td></tr>

    <tr class="table-primary">
        <td width="20%"><b>{% translate 'Users (auto)' %}</b></td>
        <td>{% translate 'Display name' %}</td>
        <td>{% translate 'Email' %}</td>
        <td>{% translate 'Mobile' %}</td>
        <td>{% translate 'Last Login' %}</td>
    </tr>

    {% for z in users_computed %}
    <tr>
        <td>
            <a href="{% url 'app_user:user_detail' z.id %}"><i class="fa fa-plus me-2"></i>{{ z.login}}</a>
        </td>
        <td>{{ z.displayname }}</td>
        <td>{{ z.email|default:'' }}</td>
        <td>{{ z.mobile|default:'' }}</td>
        <td>{{ z.last_login|date:'Y-m-d H:i:s' }} {% if z.last_login %} ({{ z.last_login|timesince }}){% endif %}</td>
    </tr>
    {% endfor %}    

    <!-- INDIRECT USER DETAILS -->
    <tr class=""><td colspan="6"></td></tr>

    <tr class="table-success">
        <td width="20%"><b>{% translate 'Users (Subgroups)' %}</b></td>
        <td>{% translate 'Display name' %}</td>
        <td>{% translate 'Email' %}</td>
        <td>{% translate 'Mobile' %}</td>
        <td>{% translate 'Last Login' %}</td>
    </tr>

    {% for z in users_indirect %}
    <tr>
        <td>
            <a href="{% url 'app_user:user_detail' z.id %}"><i class="fa fa-plus me-2"></i>{{ z.login}}</a>
        </td>
        <td>{{ z.displayname }}</td>
        <td>{{ z.email|default:'' }}</td>
        <td>{{ z.mobile|default:'' }}</td>
        <td>{{ z.last_login|date:'Y-m-d H:i:s' }} {% if z.last_login %} ({{ z.last_login|timesince }}){% endif %}</td>
    </tr>
    {% endfor %}    
</table>




<!-- DELETE CONFIRM Modal -->
{% if group %}

<div class="modal fade" id="DeleteModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">

<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">{% translate "Confirm delete ?" %}</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
    
<div class="modal-body">
<p>Group: {{ group.keyname|default:'n/a' }}</p>
</div>

<div class="modal-footer">
<form action="{% url 'app_user:group_delete' group.id %}" method="post">{% csrf_token %}
<button role="button" class="btn btn-danger">{% translate "Delete" %}</button>
<a role="button" class="btn btn-outline-dark" data-dismiss="modal">{% translate "Cancel" %}</a>
</form>
</div>

</div>
</div>
</div>
{% endif %}


{% endblock %}