{% extends '@SyliusShop/Account/layout.html.twig' %}

{% block breadcrumb %}
    <section id="page-title">
        <div class="container">
            <div class="page-title">
                <h1>{{ 'sylius.ui.my_account'|trans }}</h1>
            </div>
            <div class="breadcrumb justify-content-center" style="background-color: transparent">
                <ul>
                    <li><a href="{{ path('sylius_shop_homepage') }}"><i class="fa fa-home"></i></a> </li>
                    <li class="active" aria-current="page">{{ 'sylius.ui.my_account'|trans }}</li>
                </ul>
            </div>
        </div>
    </section>
{% endblock %}

{% block subcontent %}
    <div class="container pt-4 pb-4">
        <div class="col-lg-12 text-center">
            <h2><span>{{ 'sylius.ui.my_account'|trans }}</span></h2>
            <p>{{ 'sylius.ui.manage_your_personal_information_and_preferences'|trans }}</p>
            {{ sylius_template_event('sylius.shop.account.dashboard.after_content_header', {'customer': customer}) }}
        </div>
        <div class="row just">
            <div class="col-lg-12 text-center mb-2 mt-2">
                <h5>{{ customer.fullName }}</h5>
                <h5>{{ customer.email }}</h5>
                {% if customer.user.verified %}
                    <span class="text-success"><i class="icon-check"></i> {{ 'sylius.ui.verified'|trans }}</span>
                {% else %}
                    <span class="text-red"><i class="fa fa-times"></i> {{ 'sylius.ui.not_verified'|trans }}</span>
                {% endif %}
            </div>
            <div class="col-lg-12 text-center mb-2 mt-2">
                {{ sylius_template_event('sylius.shop.account.dashboard.after_information', {'customer': customer}) }}
                <a href="{{ path('sylius_shop_account_profile_update') }}" class="btn btn-secondary"><i class="icon-pen-tool"></i> {{ 'sylius.ui.edit'|trans }}</a>
                <a href="{{ path('sylius_shop_account_change_password') }}" class="btn btn-secondary"><i class="icon-lock"></i> {{ 'sylius.ui.change_password'|trans }}</a>
                {% if not customer.user.verified %}
                    <form class="item" id="verification-form" {{ sylius_test_html_attribute('verification-form') }} action="{{ path('sylius_shop_user_request_verification_token') }}" method="post">
                        <button type="submit" class="btn btn-info" {{ sylius_test_html_attribute('verification-button') }}>
                            <i class="icon-check"></i> {{ 'sylius.ui.verify'|trans }}
                        </button>
                    </form>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}