{% include '@SyliusShop/_flashes.html.twig' with { 'class' : 'margin-bottom-2' } %}

<div class="row listing-header-container">
    <div class="col-md-6">
        <div class="listing-header-img-wrapper">
            {% include '@SyliusShop/Taxon/_mainImage.html.twig' %}
        </div>
    </div>
    <div class="col-md-6">
        <h1 class="h1">{{ taxon.name }}</h1>
        <div class="show-hide" data-height="55" data-height-md="120" data-height-lg="120">
            <div class="show-hide-body">
                {{ taxon.description|raw }}
            </div>
            <div class="show-hide-footer">
                <div class="show-hide-footer-container">
                    <a href="#" class="show-hide-footer-link">
                        <span class="text-read-more">
                            {{ 'app.ui.read_more' | trans }}
                        </span>
                        <span class="text-read-less hidden">
                            {{ 'app.ui.read_less' | trans }}
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
