{% extends 'base.html' %}

{% block content %}
<div class="row justify-content-sm-center">
    <div class="col-sm-2 text-center align-self-center m-2">
        <img src="{{ user.get_picture_url() }}"
             alt="profile picture for user {{ user.username }}"
             class="img-thumbnail"
             style="max-width: 150px"
        >
    </div>
    <div class="col-sm-4 vstack gap-1 align-self-center m-2">
        <div><b>Username:</b> {{ user.username }}</div>
        <div><b>Email:</b> {{ user.email }}</div>
        <div><b>First Name:</b> {{ user.first_name }}</div>
        <div><b>Last Name:</b> {{ user.last_name }}</div>
        <div><b>Nickname:</b> {{ user.display_name }}</div>
    </div>
    <div class="col-sm-auto vstack gap-1 align-self-center m-2">
        <a class="btn btn-primary"
            href="{{ url_for('usermanager.user_update', username=user.username) }}"
            role="button"><i class="bi-person-gear"></i> Edit</a>
        <a class="btn btn-outline-danger"
            href="{{ url_for('usermanager.user_delete', username=user.username) }}"
            role="button"><i class="bi-person-slash"></i> Delete</a>
    </div>
</div>
{% endblock content %}
