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

{% block title %}{{ user }} - {{ 'lang.editProfile'|trans }}{% endblock %}

{% block body_class %}bg-gray-50{% endblock %}

{% block body %}
<div class="profile-page bg-gray-50 min-h-screen">
    {{ include('_components/profile_header.html.twig', { user: user, size: 'sm', gradient: 'gray' }) }}

    {{ include('_components/profile_hero.html.twig', { user: user, variant: 'edit' }) }}

    <div class="profile-bcard-wrap pb-12">
        {{ include('user/_form.html.twig', {'button_label': 'lang.update'|trans, 'show_delete': true, 'two_columns': true}) }}
    </div>
</div>
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('show') }}
{% endblock %}