{% extends 'layouts/layout_components.jinja2' %}

{% if current_user.role == 'partner' %}
  {% set dep = 'partnership' %}
{% endif %}
{% if current_user.role == 'admin' %}
  {% set dep = 'partnership_account' %}
{% endif %}

{% block title %}My Account Settings{% endblock %}
{% block heading %} Manage your account details {% endblock %}
{% block breadcrumb %}
    {# <!-- start page title --> #}
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between profile-mobile-tab">
                <h4 class="mb-sm-0 font-size-18">Profile Settings</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ url_for('dashboard.user_dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">Profile Settings</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    {# <!-- end page title --> #}
{% endblock %}
{% block body %}
    {# {{ stylesheet_tag('vue_css_profile') | safe }} #}
    <div class="row">
        <div class="col-12">
            <div id="profile-settings">
                <profile-settings></profile-settings>
            </div>
        </div>
    </div>
{% endblock %}
{% block scripts %}
    {{ javascript_tag('vue_profile_settings_js') | safe }}
{% endblock %}