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

{% block stylesheets %}
    {{ parent() }}
    {{ sylius_template_event('sylius.shop.account.saved_cards.layout.stylesheets') }}
{% endblock %}

{% block content %}
    {% block breadcrumb %}
        <div class="ui breadcrumb">
            <a href="{{ path('sylius_shop_homepage') }}" class="section">{{ 'sylius.ui.home'|trans }}</a>
            <div class="divider"> / </div>
            <a href="{{ path('sylius_shop_account_dashboard') }}" class="section">{{ 'sylius.ui.my_account'|trans }}</a>
            <div class="divider"> / </div>
            <div class="active section">{{ 'payplug_sylius_payplug_plugin.ui.account.saved_cards.title'|trans }}</div>
        </div>
    {% endblock %}

    <div class="ui stackable grid">
        <div class="four wide column">
            {{ sylius_template_event('sylius.shop.account.layout.menu') }}
        </div>
        <div class="twelve wide column">
            {{ sylius_template_event('sylius.shop.account.layout.before_subcontent') }}

            {% block subcontent %}
            {% endblock %}

            {{ sylius_template_event('sylius.shop.account.layout.after_subcontent') }}
        </div>
    </div>
{% endblock %}