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

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('shop', null, 'dedi') }}
{% endblock %}

{% block flash %}
{% endblock %}

{% block bodyClass %}product-page{% endblock %}

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

        <div class="product-show-container">
            {% include '@SyliusShop/_flashes.html.twig' with { 'class' : 'margin-bottom-2' } %}

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

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

                    <div class="d-none" id="product-option-out-of-stock">
                        {% include '@SyliusShop/Product/Show/_outOfStock.html.twig' %}
                    </div>

                    {% if product.isSimple() and simple_product_stock_is_available_and_tracked(product) %}
                        {% include '@SyliusShop/Product/Show/_inStock.html.twig' %}
                    {% else %}
                        {% include '@SyliusShop/Product/Show/_variantsTracked.html.twig' %}
                        <div class="d-none" id="product-option-stock-tracked">
                            {% include '@SyliusShop/Product/Show/_inStock.html.twig' %}
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                {% if product.description is not empty %}
                    <section class="product-description-container" id="product-description">
                        <h2 class="h2">{{ 'sylius.ui.description'|trans }}</h2>
                        {{ sylius_template_event('sylius.shop.product.show.tab_details', _context) }}
                    </section>
                {% endif %}

                {% if product.attributes|length > 0 %}
                    <section class="product-attributes-container" id="product-attributes">
                        <h2 class="h2">{{ 'sylius.ui.attributes'|trans }}</h2>
                        {{ sylius_template_event('sylius.shop.product.show.tab_attributes', _context) }}
                    </section>
                {% endif %}

                <section class="product-reviews-container" id="product-reviews">
                    <h2 class="h2">{{ 'sylius.ui.reviews'|trans }}</h2>
                    {{ sylius_template_event('sylius.shop.product.show.tab_reviews', _context) }}
                </section>
            </div>
        </div>

        {% include '@SyliusShop/Product/Show/_associations.html.twig' %}
    </div>
{% endblock %}
