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

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

{% block body %}
<div class="container mt-4">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h1>User Information</h1>
                </div>
                <div class="card-body">
                    <div class="alert alert-success">
                        <h3>✅ You are successfully logged in!</h3>
                    </div>
                    
                    <h4 class="mt-4">User Details</h4>
                    <table class="table table-bordered">
                        <tbody>
                            <tr>
                                <th>Identifier:</th>
                                <td>{{ user.userIdentifier }}</td>
                            </tr>
                            <tr>
                                <th>Username:</th>
                                <td>{{ user.username }}</td>
                            </tr>
                            <tr>
                                <th>Email:</th>
                                <td>{{ user.email }}</td>
                            </tr>
                            <tr>
                                <th>Roles:</th>
                                <td>
                                    <ul class="list-unstyled">
                                        {% for role in user.roles %}
                                            <li><span class="badge bg-secondary">{{ role }}</span></li>
                                        {% endfor %}
                                    </ul>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    
                    <h4 class="mt-4">User Object</h4>
                    <div class="card mb-3">
                        <div class="card-body bg-light">
                            <pre>{{ dump(user) }}</pre>
                        </div>
                    </div>
                    
                    <h4 class="mt-4">Session Information</h4>
                    <div class="card">
                        <div class="card-body bg-light">
                            <pre>{{ dump(app.session) }}</pre>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ path('app_home') }}" class="btn btn-secondary">Back to Home</a>
                    <a href="{{ path('app_dashboard') }}" class="btn btn-primary">Go to Dashboard</a>
                    <a href="{{ path('app_logout') }}" class="btn btn-danger">Logout</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}