81 lines
4.2 KiB
Twig
81 lines
4.2 KiB
Twig
{% block body %}
|
|
<div class="card no-header-bg border-0"
|
|
data-controller="user"
|
|
data-user-org-id-value="{{organizationId}}">
|
|
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="d-flex gap-2">
|
|
{% if user.pictureUrl is not empty %}
|
|
<img src="{{ asset(user.pictureUrl) }}" alt="user" class="rounded-circle" style="width:40px; height:40px;">
|
|
{% endif %}
|
|
<div class="card-title">
|
|
<h2>{{ user.surname|capitalize }} {{ user.name|capitalize }}</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex gap-2">
|
|
{# Trigger the edit modal with the user ID #}
|
|
<button type="button" class="btn btn-primary"
|
|
data-action="click->user#openEditUserModal"
|
|
data-id="{{ user.id }}">
|
|
Modifier
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-body ms-4">
|
|
<p><b>Email: </b>{{ user.email }}</p>
|
|
<p><b>Dernière connection: </b>{{ user.lastConnection|date('d/m/Y') }} à {{ user.lastConnection|date('H:m') }}</p>
|
|
<p><b>Compte crée le: </b>{{ user.createdAt|date('d/m/Y') }}</p>
|
|
<p><b>Numéro de téléphone: </b>{{ user.phoneNumber ? user.phoneNumber : 'Non renseigné' }}</p>
|
|
</div>
|
|
|
|
{# Reusable Edit Modal #}
|
|
<div class="modal fade" id="editUserModal" tabindex="-1" aria-hidden="true" data-user-target="modal">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Modifier l'utilisateur</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<form data-action="submit->user#submitEditUser">
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">Email*</label>
|
|
<input type="email" name="email" class="form-control" data-user-target="emailInput" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">Numéro de téléphone</label>
|
|
<input type="text" name="phoneNumber" class="form-control" data-user-target="phoneInput">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">Prénom*</label>
|
|
<input type="text" name="name" class="form-control" data-user-target="nameInput" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">Nom*</label>
|
|
<input type="text" name="surname" class="form-control" data-user-target="surnameInput" required>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="organizationId" value="{{ organizationId }}">
|
|
<hr>
|
|
<label class="form-label">**Accès aux applications**</label>
|
|
<div class="row" data-user-target="appList">
|
|
{# Checkboxes loaded here #}
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
|
|
<button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|