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

{% block title %}User | Admin | Universities.com{% endblock %}

{% block body %}
    <div class="container">

        <div class="row">
            <div class="col-md-6">
                <div class="page-title-box">
                    <div class="page-title-right mb-3">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ path("admin_dashboard") }}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="{{ path("admin_users") }}">Users</a></li>
                            <li class="breadcrumb-item active">{{ user.firstName }} {{ user.lastName }}</li>
                        </ol>
                    </div>
                </div>
                <h1 class="fw-light mb-3">{{ user.firstName }} {{ user.lastName }}</h1>
            </div>
            <div class="col-md-6 text-md-end">
                <a href="{{ path('admin_users') }}" class="btn btn-primary mb-3">Back to Users</a>
            </div>
        </div>

        <div class="row">
            <div class="col">
                <div class="card bg-light">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-9">
                                <div class="row border-bottom border-1 pb-2">
                                    <div class="col-lg-3">First Name</div>
                                    <div class="col-lg-9 fw-light text-primary">{{ user.firstName }}</div>
                                </div>
                                <div class="row border-bottom border-1 py-2">
                                    <div class="col-lg-3">Last Name</div>
                                    <div class="col-lg-9 fw-light text-primary">{{ user.lastName }}</div>
                                </div>
                                <div class="row border-bottom border-1 py-2">
                                    <div class="col-lg-3">Email</div>
                                    <div class="col-lg-9 fw-light text-primary">{{ user.email }}</div>
                                </div>
                                <div class="row border-bottom border-1 py-2">
                                    <div class="mb-3">Password</div>
                                    <pre class="code">{{ user.password }}</pre>
                                </div>
                                <div class="mt-2">
                                    <div class="mb-3">Data</div>
                                    <div class="mb-3">
                                        {{ user.data ? user.data|json_encode : '' }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <a href="{{ path('admin_user_edit', {'id': user.id}) }}" class="d-block w-100 btn btn-primary mb-3">Edit</a>

                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">ID</div>
                                    <div class="mb-2 fw-light text-primary">{{ user.id }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Active</div>
                                    <div class="mb-2 fw-light text-primary">{{ user.active ? 'Yes' : 'No' }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Created</div>
                                    <div class="mb-2 fw-light text-primary">{{ user.createdAt ? user.createdAt|date('m/d/Y g:i:s a') : '' }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Last Login</div>
                                    <div class="mb-2 fw-light text-primary">{{ user.lastLoginAt ? user.lastLoginAt|date('m/d/Y g:i:s a') : '' }}</div>
                                </div>
                                <div class="mb-3 border-bottom border-1">
                                    <div class="mb-2">Roles</div>
                                    <div class="mb-2">
                                        {% if "ROLE_ADMIN" in user.roles %}
                                            <span class="badge bg-danger">Admin</span>
                                        {% elseif "ROLE_AUTHOR" in user.roles %}
                                            <span class="badge bg-success">Author</span>
                                        {% else %}
                                            <span class="badge bg-primary">User</span>
                                        {% endif %}
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <div class="mb-2">Google ID</div>
                                    <div class="mb-2 fw-light text-primary">{{ user.googleId }}</div>
                                </div>
                            </div>
                        </div>
                        {{ include('admin/user/_delete_form.html.twig') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}