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

{% block title %}User{% endblock %}

{% block body %}
<div class="container mx-auto px-4 py-8">

<h1 class="text-2xl font-bold mb-6">User</h1>

    <table class="min-w-full border border-gray-200 rounded-lg shadow-sm">
        <tbody>
        {% for label, value in {
            'Id': user.id,
            'Email': user.email,
            'Roles': user.roles ? user.roles|json_encode : '',
            'Prenom': user.prenom,
            'Nom': user.nom,
            'Tel': user.tel,
            'IsVerified': user.isVerified ? 'Yes' : 'No',
            'LogCount': user.logCount,
            'IsBlocked': user.isBlocked ? 'Yes' : 'No',
            'VerificationCode': user.verificationCode,
            'VerificationCodeExpiresAt': user.verificationCodeExpiresAt ? user.verificationCodeExpiresAt|date('Y-m-d H:i:s') : '',
            'Request_reset_pwd': user.requestResetPwd ? user.requestResetPwd|date('Y-m-d H:i:s') : '',
            'Request_code_count': user.requestCodeCount,
            'Attemp_log': user.attempLog,
            'Attemp_register': user.attempRegister
        } %}
            <tr class="border-t border-gray-200 hover:bg-gray-50">
                <th class="text-left px-4 py-2 bg-gray-100 font-semibold text-gray-700 w-48">{{ label }}</th>
                <td class="px-4 py-2">{{ value }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <div class="mt-6 flex space-x-4">
        <a href="{{ path('app_user_index') }}" class="inline-block bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-2 px-4 rounded">Back to list</a>
        <a href="{{ path('app_user_edit', {'id': user.id}) }}" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded">Edit</a>
    </div>

    <div class="mt-4">
        {{ include('user/_delete_form.html.twig') }}
    </div>
</div>
{% endblock %}