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

<div class="card card-light">
    <div class="card-header">
        <h4 class="card-title w-100">
            <a class="d-block w-100 collapsed"
               data-toggle="collapse"
               href="#collapseEmail"
               aria-expanded="false">
                <span>
                    <i class="fa fa-envelope" aria-hidden="true"></i>
                    Email:
                </span>
{#                <span class="ml-1">{{ app.user.email }}</span>#}
            </a>
        </h4>
    </div>
    <div id="collapseEmail" class="collapse {{ errorsEmail is not empty or editingEmail ? 'show' }}"
         data-parent="#accordionManageAccount">
        <div class="card-body p-3">

            <div class="row">
                <div class="col">
                    {{ helpers.errors(errorsEmail) }}
                </div>
            </div>


            {{ form_start(profileUpdateEmailForm, { 'attr': {
                'novalidate': 'novalidate',
                'class': 'compressed-form',
                'autocomplete': 'off',
                'action': path('bo_profile_update_email'),
                'method': 'POST',
            } }) }}

            {{ helpers.field(profileUpdateEmailForm.email) }}

            <div class="row">
                <div class="col text-center">
                    <button type="submit" class="btn btn-primary btn-admin ">
                        Save
                    </button>
                    <button type="button"
                            data-toggle="collapse"
                            data-target="#collapseEmail"
                            class="btn btn-secondary btn-admin">
                        Cancel
                    </button>
                </div>
            </div>
            {{ form_end(profileUpdateEmailForm) }}
        </div>
    </div>
</div>