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

{% block content %}
    <div class="container">
        {% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}
    </div>

    <div class="product-show-container container">
        <div class="row">
            <div class="col-md-4 col-lg-6">
                {{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
            </div>

            <div class="col-md-8 col-lg-6">
                {{ sylius_template_event('sylius.shop.product.show.right_sidebar', _context) }}
            </div>
        </div>
    </div>

    <div class="product-content-container container">
        {{ sylius_template_event('sylius.shop.product.show.content', _context) }}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        lightbox.option({
            'albumLabel': '{{ 'sylius.lightbox.image_album_label'|trans|escape('js') }}'
        });
    </script>
{% endblock %}
