Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/trash/vhost_www.bachtale.com_1719306535/htdocs/templates/front/product/
/srv/data/trash/vhost_www.bachtale.com_1719306535/htdocs/templates/front/product/read.html.twig
 {% extends 'front/layout.html.twig' %}

{% block title %}{{ product.title }}{% endblock %}
{% block description %}{% endblock %}

{% block content %}
    {% block banner %}
    <section class="section-padding">
        <div class="container-fluid">
            <div class="breadcrumb">
                <a href="{{ path('home')}}">Accueil</a><span class="mx-2">></span>
                <a href="{{ path('category_read', {'id': product.category.id, 'title': product.category.title|my_url_encode}) }}">{{product.category.title}}</a><span class="mx-2">></span>
                <a href=""></a>{{product.title}}</a>
            </div>
        </div>
    </section>
    {% endblock %}

    <!-- The blueimp Gallery widget -->
    <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
        <div class="slides"></div>
        <h3 class="title"></h3>
        <a class="prev">‹</a>
        <a class="next">›</a>
        <a class="close">×</a>
        <a class="play-pause"></a>
        <ol class="indicator"></ol>
    </div>

    <section class="section-padding last gallery-img">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6">
                    {% include "front/block/_slider-product.html.twig" %}
                </div>
                <div class="col-lg-6">
                    <div class="product-read">
                        <h1 class="h2">{{product.title}}</h1>
                        <ul class="list-unstyled">
                            <li class="h6"><strong>Categorie: </strong>{{product.category.title}}</li>
                            <li class="h6"><strong>Collection: </strong>{{product.collectionJewellery.title}}</li>
                            <li class="h6"><strong>Materiaux: </strong>{{ product.metals ? product.metals|join(' | ') : '' }}</li>
                        </ul>
                        <div class="description text-justify">
                            {{product.content|raw}}
                        </div>
                        <div class="row mt-4">
                            <div class="col-md-6">
                                <a class="btn btn-default btn-block colored" href="{{ path('contact')}}"><i class="fas fa-paper-plane"></i> Contactez-nous</a>
                            </div>
                            <div class="col-md-6">
                                <a class="btn btn-default btn-block colored" href="tel:{{company_call_phone1}}"><i class="fas fa-phone-alt"></i> {{company_phone1}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}

{% block javascripts %}
    {{parent()}}
    <script>
        $(".item").click(function () {
            $(".gallery-img").toggleClass('open');
        });
    </script>
{% endblock %}