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

{% import '/admin/components/helpers_macro.html.twig' as helpers %}


{% block title %}
    Profile
{% endblock %}


{% block content %}

    {{ helpers.notifications_success() }}
    {{ helpers.notifications_error() }}
    {{ helpers.notifications_warning() }}

    <div class="row">
        <div class="col-12">
            <div class="row">
                <div class="col">
                    <div class="card card-outline card-primary">
                        <div class="card-header card-header-compressed">
                            <strong class="font-20">Profile</strong>
                            <!-- /.card-tools -->
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <div class="row">
                                <div class="col-8 offset-2">
                                    <div id="accordionManageAccount">
                                        {# Email Form #}
                                        {% include '/admin/authenticated/security/profile/_form_update_email.html.twig' %}


                                        {# Password Form #}
                                        {% include '/admin/authenticated/security/profile/_form_update_password.html.twig' %}
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{ helpers.form_processing() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    {{ parent() }}
    <script src="{{ asset('/app/admin/js/authenticated/security/profile/ProfilePasswordFormValidator.js') }}"></script>
    <script src="{{ asset('/app/admin/js/authenticated/security/profile/ProfilePasswordForm.js') }}"></script>

    <script src="{{ asset('/app/admin/js/authenticated/security/profile/ProfileEmailFormValidator.js') }}"></script>
    <script src="{{ asset('/app/admin/js/authenticated/security/profile/ProfileEmailForm.js') }}"></script>
    <script src="{{ asset('/app/admin/js/authenticated/layout/Common/TogglePassword.js') }}"></script>

    <script>
        (new ProfilePasswordForm()).init();
        (new ProfileEmailForm()).init();
        (new TogglePassword()).init();
    </script>
{% endblock %}