haikal/templates/users/user_detail.html

110 lines
4.8 KiB
HTML

{% extends "base.html" %}
{% load static %}
{% load i18n %}
{% block title %}
{{ _("View Staff") }}
{% endblock title %}
{% block content %}
<div class="row my-5">
<div class="card rounded ">
<div class="card-header ">
<p class="mb-0">
<i class="fa-solid fa-user"></i> {{ _("User Details") }}
</p>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-2">
{% if user_.logo %}
<img class="rounded-circle"
src="{{ user_.logo.url }}"
style="width: 100px;
height: 100px"
alt="User Image">
{% else %}
<img class="rounded-circle"
src="{% static 'img/default-user.png' %}"
style="width: 100px;
height: 100px"
alt="Default User Image">
{% endif %}
</div>
<div class="col-md-5">
<p>
<strong>{{ _("Name") }}:</strong> {{ user_.name }}
</p>
<p>
<strong>{{ _("Arabic Name") }}:</strong> {{ user_.arabic_name }}
</p>
<p>
<strong>{{ _("Email") }}:</strong> {{ user_.email }}
</p>
</div>
<div class="col-md-5">
<p>
<strong>{{ _("Phone Number") }}:</strong> {{ user_.phone_number }}
</p>
<div>
<span><strong>{{ _("Roles") }}:</strong></span>
{% for group in user_.groups %}
<span><strong>{{ group.name }}</strong></span>
{% if not forloop.last %}<span>&amp;</span>{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
<div class="table-responsive scrollbar mx-n1 px-1">
<div class="card-header "></div>
<h4 class="my-4">Groups</h4>
<a class="btn btn-sm btn-phoenix-primary mt-2 mb-4"
href="{% url 'user_groups' request.dealer.slug user_.slug %}"><i class="fa-solid fa-users"></i> Manage Groups</a>
<table class="table table-hover table-responsive-sm fs-9 mb-0">
<thead>
<tr>
<th>{% trans 'name'|capfirst %}</th>
</tr>
</thead>
<tbody>
{% for group in user_.groups %}
<tr>
<td>{{ group }}</td>
</tr>
{% empty %}
<tr>
<td>{% trans "No Group" %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="card-footer d-flex ">
<a class="btn btn-sm btn-phoenix-primary me-1"
href="{% url 'user_update' request.dealer.slug user_.slug %}">
{{ _("Edit") }}
<i class="fa-solid fa-pen-to-square"></i>
</a>
<button class="btn btn-phoenix-danger btn-sm delete-btn me-1"
data-url="{% url 'user_delete' request.dealer.slug user_.slug %}"
data-message='{{ _("Are you sure you want to delete this user?") }}'
data-bs-toggle="modal"
data-bs-target="#deleteModal">
{{ _("Delete") }}
<i class="fas fa-trash"></i>
</button>
<a class="btn btn-sm btn-phoenix-secondary"
href="{% url 'user_list' request.dealer.slug %}">
{{ _("Back to List") }}
<i class="fa-regular fa-circle-left"></i>
</a>
<a class="btn btn-sm btn-phoenix-secondary"
href="{% url 'staff_password_reset' request.dealer.slug user_.pk %}">
{{ _("Reset Password") }}
<i class="fa-solid fa-key"></i>
</a>
</div>
</div>
</div>
{% include 'modal/delete_modal.html' %}
{% endblock %}