{% extends 'base.html.twig' %}

{% block title %}Modifier le membership de {{ membership.user.email }} — VIIZIA{% endblock %}

{% block body %}
{% set organization = membership.organization %}

<nav class="breadcrumb is-small" aria-label="breadcrumbs">
    <ul>
        <li><a href="{{ path('admin_organizations_index') }}">Organisations</a></li>
        <li><a href="{{ path('admin_organizations_edit', {'id': organization.id}) }}">{{ organization.name }}</a></li>
        <li class="is-active"><a href="#" aria-current="page">{{ membership.user.email }}</a></li>
    </ul>
</nav>

<div class="level">
    <div class="level-left">
        <div>
            <p class="title is-4">
                <span class="icon-text">
                    <span class="icon"><i class="fas fa-pen-to-square"></i></span>
                    <span>{{ membership.user.firstName }} {{ membership.user.lastName }}</span>
                </span>
            </p>
            <p class="subtitle is-6 has-text-grey">
                {{ membership.user.email }} · membre de <strong>{{ organization.name }}</strong>
                depuis le {{ membership.joinedAt|date('d/m/Y') }}
            </p>
        </div>
    </div>
</div>

{{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}

    {% if form.vars.errors|length > 0 %}
        <div class="notification is-danger is-light">
            <span class="icon"><i class="fas fa-circle-exclamation"></i></span>
            <strong>Le formulaire contient des erreurs :</strong>
            <ul class="mt-2">
                {% for error in form.vars.errors %}<li>{{ error.message }}</li>{% endfor %}
            </ul>
        </div>
    {% endif %}

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="fas fa-user"></i></span>
                <span>Identifiant</span>
            </span>
        </h3>

        <div class="field">
            <label class="label" for="{{ form.userEmail.vars.id }}">{{ form.userEmail.vars.label }}</label>
            <div class="control has-icons-left">
                {{ form_widget(form.userEmail, {'attr': {'class': 'input' ~ (form.userEmail.vars.errors|length > 0 ? ' is-danger' : '')}}) }}
                <span class="icon is-small is-left"><i class="fas fa-envelope"></i></span>
            </div>
            {% for error in form.userEmail.vars.errors %}
                <p class="help is-danger">{{ error.message }}</p>
            {% endfor %}
        </div>

        <div class="columns">
            <div class="column">
                <div class="field">
                    <label class="label" for="{{ form.userFirstName.vars.id }}">{{ form.userFirstName.vars.label }}</label>
                    <div class="control">
                        {{ form_widget(form.userFirstName, {'attr': {'class': 'input' ~ (form.userFirstName.vars.errors|length > 0 ? ' is-danger' : '')}}) }}
                    </div>
                    {% for error in form.userFirstName.vars.errors %}
                        <p class="help is-danger">{{ error.message }}</p>
                    {% endfor %}
                </div>
            </div>
            <div class="column">
                <div class="field">
                    <label class="label" for="{{ form.userLastName.vars.id }}">{{ form.userLastName.vars.label }}</label>
                    <div class="control">
                        {{ form_widget(form.userLastName, {'attr': {'class': 'input' ~ (form.userLastName.vars.errors|length > 0 ? ' is-danger' : '')}}) }}
                    </div>
                    {% for error in form.userLastName.vars.errors %}
                        <p class="help is-danger">{{ error.message }}</p>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="fas fa-shield-halved"></i></span>
                <span>Rôle et accès</span>
            </span>
        </h3>

        <div class="field">
            <label class="label">{{ form.role.vars.label }}</label>
            <div class="control">
                {% for child in form.role %}
                    <label class="radio mr-4">
                        {{ form_widget(child) }}
                        {{ child.vars.label }}
                    </label><br>
                {% endfor %}
            </div>
        </div>

        <div class="field">
            <label class="label">{{ form.accessMode.vars.label }}</label>
            <div class="control">
                {% for child in form.accessMode %}
                    <label class="radio mr-4">
                        {{ form_widget(child) }}
                        {{ child.vars.label }}
                    </label><br>
                {% endfor %}
            </div>
            <p class="help">{{ form.accessMode.vars.help }}</p>
        </div>

        <div class="field">
            <label class="label">{{ form.status.vars.label }}</label>
            <div class="control">
                <div class="select is-fullwidth">
                    {{ form_widget(form.status) }}
                </div>
            </div>
        </div>
    </div>

    <div class="field is-grouped">
        <div class="control">
            <button type="submit" class="button is-primary">
                <span class="icon"><i class="fas fa-floppy-disk"></i></span>
                <span>Enregistrer</span>
            </button>
        </div>
        <div class="control">
            <a href="{{ path('admin_organizations_edit', {'id': organization.id}) }}"
               class="button is-light">Annuler</a>
        </div>
    </div>

{{ form_end(form) }}

{% if not membership.user.isSuperadmin and is_granted('ROLE_SUPERADMIN') %}
<div class="box mt-5" style="border: 1px solid #f14668;">
    <h3 class="title is-5 has-text-danger">
        <span class="icon-text">
            <span class="icon"><i class="fas fa-triangle-exclamation"></i></span>
            <span>Zone dangereuse</span>
        </span>
    </h3>
    <p class="mb-4">
        Supprime définitivement le compte utilisateur <strong>{{ membership.user.email }}</strong>.
        L'accès à VIIZIA sera immédiatement révoqué. Les données associées sont conservées.
    </p>
    <form method="post"
          action="{{ path('admin_memberships_delete_account', {'id': membership.id}) }}"
          onsubmit="return confirm('Supprimer le compte de {{ membership.user.email }} ? Cette action est irréversible.')">
        <input type="hidden" name="_token" value="{{ csrf_token('delete-account-' ~ membership.id) }}">
        <button type="submit" class="button is-danger is-outlined">
            <span class="icon"><i class="fas fa-trash"></i></span>
            <span>Supprimer ce compte</span>
        </button>
    </form>
</div>
{% endif %}
{% endblock %}