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

{% block stylesheets %}
    {{ parent() }}
    {% set styles %}
        #user-profile .buttons {
          display: flex;
          flex-wrap: nowrap;
          align-content: center;
          justify-content: flex-start;
          align-items: center;
          margin: 1em 0;
        }

        #user-profile .button {
          margin: 0 1em;
        }
        #user-profile .button:first-child {
          margin: 0;
        }
        @media screen and (max-width: 480px) {
          #user-profile .buttons {
            flex-direction: column;
          }
          #user-profile .button {
            width: 100%;
            margin: 1em 0;
          }
        }
    {% endset %}
    {% do assets.addInlineCss(styles) %}
{% endblock %}

{% do form.setAllData(grav.user.toArray) %}

{% block menu %}
	{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}

{% block content %}
    {% include 'partials/messages.html.twig' %}
    {{ page.content|raw }}
    {% include 'forms/form.html.twig' %}
{% endblock %}