{% extends 'base.html.twig' %}

{% block title %} {{ produit.metaTitle}} {% endblock %}
{% block description %} {{ produit.metaDesc}} {% endblock %}

{% block body %}

{% include "front/inc/breadcrumb.html.twig" with {
    'current_page' : produit.nomProduits,
    'content_title': produit.categorie.nomCategorie,
    'content_lien' : path('app_categorie',{'categorie':produit.categorie.slug}),
    'image'        : produit.categorie.imageCategorie
} %}

{# Product/Service Schema.org #}
{% import "macros/schema_org.html.twig" as schema %}
{% set productUrl = absolute_url(path('fiche_massage', {
    '_locale': app.request.locale,
    'categorie': produit.categorie.slug,
    'slug': produit.slugProduits
})) %}
{% set productImage = produit.imageProduits ? absolute_url(sonata_path(produit.imageProduits, 'reference')) : absolute_url(asset('front/images/fiche_massage.jpg')) %}
{% set lowestPrice = null %}
{% set highestPrice = null %}
{% if produit.prixProduits|length > 0 %}
    {% for prix in produit.prixProduits %}
        {% if lowestPrice is null or prix.prixParPersonne < lowestPrice %}
            {% set lowestPrice = prix.prixParPersonne %}
        {% endif %}
    {% endfor %}
{% endif %}

{{ schema.product_schema(
    produit.nomProduits,
    produit.introProduits|striptags|trim,
    productImage,
    productUrl,
    {
        'price': lowestPrice,
        'priceCurrency': 'MAD',
        'availability': 'https://schema.org/InStock',
        'url': productUrl,
        'priceValidUntil': 'now'|date_modify('+30 days')|date('Y-m-d'),
    },
    {
        'name': 'Natea Les Massages d\'Agadir'
    },
    null
) }}


{% set discountPercentage = 0 %}

{% if produit.typeProduit == 1 %}

    {% set formulesProduits = produit.prixProduits[0].formulesProduits %}
    {% set lowestPrice      = produit.prixProduits[0].prixParPersonne %}

    {% set total = 0 %}
    {% for it in formulesProduits %}
        {% set total = total + it.prixProduitParPersonne %}
    {% endfor %}
    {% set discountPercentage = ((total - lowestPrice) / total ) * 100 %}
{% endif %}


<div class="fiche_massage">
    <section class="fiche-massage-formules">
        <div class="fiche-massage-image">
            {% if discountPercentage > 0 %}
                <span class="miniature-icon-promo">
                    <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M39.2339 3.87557C42.3151 1.36867 46.166 0 50.1383 0C54.1105 0 57.9614 1.36867 61.0427 3.87557L62.197 4.81343L63.6542 4.57535C67.5766 3.94516 71.5963 4.68584 75.0364 6.67264C78.4765 8.65945 81.1269 11.771 82.5412 15.4834L83.0679 16.8613L84.4458 17.3879C88.1582 18.8023 91.2697 21.4527 93.2565 24.8928C95.2433 28.3329 95.984 32.3526 95.3538 36.2749L95.1157 37.7394L96.0536 38.8865L93.5935 40.8849L96.0464 38.8865C101.219 45.2351 101.219 54.3395 96.0464 60.6953L95.1157 61.8424L95.3538 63.2996C95.984 67.222 95.2433 71.2417 93.2565 74.6818C91.2697 78.1219 88.1582 80.7723 84.4458 82.1866L83.0679 82.7133L82.5412 84.0984C81.1256 87.8094 78.4747 90.9194 75.0347 92.9048C71.5947 94.8902 67.5757 95.6299 63.6542 94.9992L62.1897 94.7684L61.0427 95.699C57.9614 98.2059 54.1105 99.5746 50.1383 99.5746C46.166 99.5746 42.3151 98.2059 39.2339 95.699L38.0868 94.7611L36.6295 94.9992C32.7081 95.6299 28.6891 94.8902 25.2491 92.9048C21.8091 90.9194 19.1582 87.8094 17.7425 84.0984L17.2159 82.7133L15.8307 82.1866C12.1211 80.7697 9.01271 78.1183 7.02867 74.6784C5.04463 71.2385 4.30604 67.2202 4.93717 63.2996L5.17524 61.8424L4.23738 60.6881C1.73232 57.6074 0.364746 53.7579 0.364746 49.7873C0.364746 45.8167 1.73232 41.9672 4.23738 38.8865L5.17524 37.7322L4.93717 36.2749C4.30604 32.3544 5.04463 28.3361 7.02867 24.8962C9.01271 21.4563 12.1211 18.8048 15.8307 17.3879L17.2159 16.8613L17.7425 15.4834C19.1569 11.771 21.8073 8.65945 25.2474 6.67264C28.6875 4.68584 32.7072 3.94516 36.6295 4.57535L38.0868 4.81343L39.2339 3.87557Z" fill="#EB001B"/>
                    </svg> 
                    <span class="miniature-icon-promo-price">-{{discountPercentage|number_format(0, '.', '')}}%</span>
                </span>
            {% endif %}
            <img src="{{ (produit.imageProduits) ? sonata_path(produit.imageProduits, 'images') : asset('front/images/fiche_massage.jpg') }}" alt="{{produit.nomProduits}}" width="961" height="670" />
            {% if produit.reserveAuFemme is same as(true) %}
                <div class="reserveaufemme fiche-pr">{{ 'message.pourlesfemme'|trans }}</div>
            {% endif %}
        </div>
        <div class="fiche-massage-detail">
            <div>
                <div class="detail-title">
                    <h1 class="larg_title">{{produit.nomProduits}}</h1>
                    <p class="dis">
                        {{produit.introProduits|raw}}
                    </p>
                </div>
                <div class="fiche-massage-image mobile">
                    <img src="{{ (produit.imageProduits) ? sonata_path(produit.imageProduits, 'images') : "#" }}" alt="{{produit.nomProduits}}" width="961" height="670" />
                    {% if produit.reserveAuFemme is same as(true) %}
                        <div class="reserveaufemme">{{ 'message.pourlesfemme'|trans }}</div>
                    {% endif %}
                </div>
                <div class="detail-select-option">

                    {% set type = false %}
                    {% for horaire in produit.prixProduits %}
                        {% set type = horaire.duree.type %}
                    {% endfor %}
                    <div class="option-duration">
                        <label>
                                {% if type is same as(false) %}
                                    {{ 'fiche.duree'|trans }}
                                {% else %}
                                   {{ 'fiche.soin'|trans }}
                                {% endif %}
                        </label>
                        <div class="form-group">
                            <select class="form-control dureesoin" id="selectCtrl">
                                {% if produit.prixProduits|length > 1 %}
                                    <option value="">{{ 'fiche.options'|trans }}</option>
                                {% endif %}
                                {% for horaire in produit.prixProduits %}
                                    <option data="{{horaire.prixParPersonne}}" value="{{ horaire.duree.id }}">{{ horaire.duree.intitule }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                    <div class="option-people">
                        <label>{{ 'fiche.nombredepersonne'|trans }}
                        </label>
                        <div class="form-group">
                            <select class="form-control numberpersonne" id="selectCtrl">
                                <option value="">{{ 'fiche.options'|trans }}</option>
                                {% for nombre in 1..produit.nombrePersonne %}
                                    <option value="{{ nombre }}">{{ nombre }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                </div>
                {% set lowestPrice = produit.prixProduits[0].prixParPersonne %}
                {% for horaire in produit.prixProduits %}
                    {% if horaire.prixParPersonne < lowestPrice %}
                        {% set lowestPrice = horaire.prixParPersonne %}
                    {% endif %}
                {% endfor %}
                <div class="detail-select-price">
                    <div class="price">
                        <p>
                            {% if produit.prixProduits|length > 1 %} {{ 'index.apartir'|trans }} {% endif %}
                            {% if discountPercentage %}
                                <span class="original">{{ total }}DH</span>
                            {% endif %}
                            <b> {{ lowestPrice|number_format(0, '.', ' ') }}DH /Pers</b>
                        </p>
                        <sup></sup>
                    </div>
                    <div class="button">
                        <a href="javascript:void(0)" data="{{ produit.categorie.id }}" id="{{produit.id}}" class="reserver-btn button--ujarak reserveProduit">{{ 'index.reserver'|trans }}</a>
                        <input type="hidden" name="product_id" value="{{produit.id}}"/>
                        <input type="hidden" name="raisonde" value="{{ 'fiche.message'|trans }}"/>
                        <a href="javascript:void(0)" class="cadeau-btn addproduittoabonnement" data="{{ produit.categorie.id }}" id="{{produit.id}}">
                          <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="">
                            <path d="M9.76856 12.2161C7.95666 12.2161 2.62398 12.2161 2.62398 12.2161C2.05788 12.2161 1.59467 12.6793 1.59467 13.2454V20.9708C1.59467 21.5369 2.05788 22.0001 2.62398 22.0001C2.62398 22.0001 8.06824 22.0001 9.88869 22.0001C10.1308 22.0001 10.1308 21.7399 10.1308 21.7399V12.5659C10.1308 12.5659 10.1308 12.2161 9.76856 12.2161Z" fill="white"/>
                            <path d="M19.3761 12.2161C19.3761 12.2161 14.023 12.2161 12.2388 12.2161C11.8041 12.2161 11.8692 12.6688 11.8692 12.6688V21.7483C11.8692 21.7483 11.8657 21.9998 12.1271 21.9998C13.9393 21.9998 19.376 21.9998 19.376 21.9998C19.9421 21.9998 20.4053 21.5367 20.4053 20.9706V13.2454C20.4054 12.6793 19.9422 12.2161 19.3761 12.2161Z" fill="white"/>
                            <path d="M10.1308 6.1376C10.1308 6.1376 10.1308 5.78882 9.7861 5.78882C7.7223 5.78882 1.46162 5.78882 1.46162 5.78882C0.895524 5.78882 0.432312 6.25203 0.432312 6.81805V10.031C0.432312 10.5971 0.895524 11.0602 1.46162 11.0602C1.46162 11.0602 7.75035 11.0602 9.81429 11.0602C10.1308 11.0602 10.1308 10.7858 10.1308 10.7858V6.1376Z" fill="white"/>
                            <path d="M20.5384 5.78882C20.5384 5.78882 14.2751 5.78882 12.1874 5.78882C11.8693 5.78882 11.8693 6.09185 11.8693 6.09185V10.7921C11.8693 10.7921 11.8693 11.0602 12.256 11.0602C14.3265 11.0602 20.5384 11.0602 20.5384 11.0602C21.1045 11.0602 21.5677 10.5971 21.5677 10.031V6.81805C21.5677 6.25203 21.1045 5.78882 20.5384 5.78882Z" fill="white"/>
                            <path d="M6.62985 5.02732C6.15892 5.02732 5.72877 4.98998 5.35157 4.91626C4.3935 4.72909 3.73502 4.36479 3.33847 3.80266C2.98317 3.29888 2.87443 2.67781 3.01519 1.95664C3.26176 0.694856 4.10914 0 5.40107 0C5.67448 0 5.97474 0.0315707 6.2936 0.0938873C7.10469 0.252341 8.1421 0.717428 9.06875 1.33797C10.6409 2.3909 10.7187 3.04549 10.6404 3.44631C10.5253 4.03528 9.97477 4.45612 8.95739 4.73299C8.27003 4.92001 7.42167 5.02732 6.62985 5.02732ZM5.40114 1.6497C4.90081 1.6497 4.72886 1.78948 4.63445 2.27294C4.55721 2.66821 4.65462 2.80627 4.68656 2.85164C4.82035 3.04136 5.16882 3.19959 5.66788 3.297C5.93717 3.34965 6.2699 3.37747 6.62978 3.37747C7.42114 3.37747 8.11833 3.25756 8.58094 3.1264C8.61461 3.11688 8.66688 3.07706 8.61086 3.04369C8.00607 2.55101 6.89959 1.89312 5.97729 1.71292C5.76244 1.67107 5.56852 1.6497 5.40114 1.6497Z" fill="white"/>
                            <path d="M15.394 5.02731C15.394 5.02731 15.394 5.02731 15.3938 5.02731C14.602 5.02731 13.7537 4.92 13.0664 4.73297C12.0489 4.45618 11.4985 4.03527 11.3834 3.44637C11.3052 3.04555 11.3828 2.39096 12.9551 1.33803C13.8816 0.717489 14.919 0.252402 15.7302 0.0939483C16.0491 0.0316318 16.3494 6.10352e-05 16.6226 6.10352e-05C17.9148 6.10352e-05 18.7621 0.694992 19.0084 1.95677C19.1493 2.67787 19.0407 3.29894 18.6853 3.80272C18.2888 4.36492 17.6303 4.72915 16.672 4.91632C16.295 4.98989 15.8649 5.02731 15.394 5.02731ZM13.4261 3.03348C13.3725 3.0646 13.3984 3.11372 13.4263 3.12174C13.8886 3.2547 14.5932 3.37753 15.3938 3.37753C15.7539 3.37753 16.0864 3.34971 16.3558 3.29707C16.8548 3.19958 17.2034 3.04142 17.3371 2.8517C17.3692 2.80633 17.4667 2.66828 17.3892 2.273C17.2949 1.78954 17.1229 1.64976 16.6225 1.64976C16.4552 1.64976 16.2614 1.67106 16.0464 1.71305C15.124 1.89318 14.0309 2.54072 13.4261 3.03348Z" fill="white"/>
                        </g>
                        <defs>
                            <clipPath id="clip0_2783_1130">
                            <rect width="22" height="22" fill="white"/>
                            </clipPath>
                        </defs>
                        </svg>
                        </a>
                    </div>
                </div>
                <div class="detail-select-liste">
                    {{produit.pointFort|raw}}
                </div>
                <div class="detail-select-icons">
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none" viewBox="0 0 24 25">
                            <path
                                fill="#7E2110"
                                d="M23.25 15.625c-.414 0-.75.35-.75.781v5.469h-21V12.5h8.25c.414 0 .75-.35.75-.781 0-.432-.336-.782-.75-.782H1.5V7.812h8.25c.414 0 .75-.35.75-.781 0-.431-.336-.781-.75-.781H1.5c-.828 0-1.5.7-1.5 1.562v14.063c0 .862.672 1.562 1.5 1.562h21c.828 0 1.5-.7 1.5-1.562v-5.469c0-.431-.336-.781-.75-.781Z"
                            />
                            <path
                                fill="#7E2110"
                                d="M6.75 15.625h-3c-.414 0-.75.35-.75.781 0 .431.336.781.75.781h3c.414 0 .75-.35.75-.781 0-.431-.336-.781-.75-.781ZM23.546 3.969l-5.25-2.344a.738.738 0 0 0-.593 0l-5.25 2.344a.785.785 0 0 0-.453.718v3.125c0 4.299 1.525 6.811 5.627 9.272a.729.729 0 0 0 .747 0C22.474 14.63 24 12.117 24 7.812V4.687a.784.784 0 0 0-.454-.718ZM22.5 7.812c0 3.608-1.146 5.594-4.5 7.688-3.354-2.099-4.5-4.085-4.5-7.688V5.203l4.5-2.01 4.5 2.01v2.61Z"
                            />
                            <path
                                fill="#7E2110"
                                d="M20.72 6.42a.735.735 0 0 0-1.055.122l-2.358 3.072-.933-1.453a.734.734 0 0 0-1.04-.218.802.802 0 0 0-.208 1.083l1.5 2.344a.75.75 0 0 0 .592.349h.032a.74.74 0 0 0 .587-.294l3-3.907a.804.804 0 0 0-.117-1.098Z"
                            />
                        </svg>
                        <span>{{ 'footer.paiementsecurise'|trans }}</span>
                    </div>
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" fill="none" viewBox="0 0 23 22">
                            <g clip-path="">
                                <path
                                    fill="#7E2110"
                                    d="M22.5 5.726h-7.038c.624-.303 1.227-.676 1.713-1.14a2.614 2.614 0 0 0 0-3.81c-1.064-1.017-2.918-1.018-3.982 0-.784.75-1.337 1.781-1.693 2.74-.356-.959-.909-1.99-1.693-2.74-1.065-1.018-2.92-1.017-3.982 0a2.614 2.614 0 0 0 0 3.81c.486.464 1.089.837 1.713 1.14H.5a.49.49 0 0 0-.5.479v3.826a.49.49 0 0 0 .5.478H1v11a.49.49 0 0 0 .5.478h20a.49.49 0 0 0 .5-.478v-11h.5a.49.49 0 0 0 .5-.478V6.205a.49.49 0 0 0-.5-.479ZM9 21.031H2V10.509h7v10.522ZM9 9.553H1v-2.87h8v2.87ZM6.532 3.909a1.686 1.686 0 0 1 0-2.456 1.842 1.842 0 0 1 1.284-.51c.485 0 .94.18 1.284.51 1.285 1.229 1.889 3.51 1.903 4.258l-.001.015h-.055c-.813-.026-3.146-.604-4.415-1.817ZM13 21.031h-3V10.509h3v10.522Zm0-11.478h-3v-2.87h3v2.87Zm-.947-3.827h-.055l-.001-.015c.014-.748.618-3.03 1.903-4.258a1.844 1.844 0 0 1 1.284-.51c.485 0 .941.18 1.284.51a1.685 1.685 0 0 1 0 2.456c-1.269 1.213-3.602 1.79-4.415 1.817ZM21 21.031h-7V10.509h7v10.522Zm1-11.478h-8v-2.87h8v2.87Z"
                                />
                            </g>
                            <defs>
                                <clipPath id="a">
                                    <path fill="#fff" d="M0 0h23v22H0z" />
                                </clipPath>
                            </defs>
                        </svg>
                        <span>{{ 'fiche.utilisable'|trans }}</span>
                    </div>
                    <div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="none" viewBox="0 0 22 22">
                            <g clip-path="">
                                <path
                                    fill="#7E2110"
                                    d="M17.387 13.628c-.45-.469-.994-.72-1.57-.72-.57 0-1.118.247-1.587.716l-1.468 1.462c-.12-.065-.241-.125-.357-.186a5.932 5.932 0 0 1-.46-.246c-1.374-.873-2.623-2.01-3.821-3.482-.58-.734-.97-1.351-1.254-1.978.38-.348.734-.71 1.077-1.059l.39-.394c.975-.976.975-2.238 0-3.214L7.07 3.26a19.338 19.338 0 0 1-.432-.441 21.919 21.919 0 0 0-.873-.864c-.45-.446-.989-.682-1.555-.682-.567 0-1.115.236-1.58.682l-.008.01-1.58 1.592a3.397 3.397 0 0 0-1.007 2.16C-.076 7.071.323 8.334.63 9.16c.752 2.03 1.875 3.91 3.552 5.925 2.033 2.429 4.48 4.346 7.276 5.697 1.068.507 2.493 1.106 4.086 1.208.097.004.2.009.292.009 1.073 0 1.974-.385 2.68-1.151.004-.01.013-.015.018-.024.241-.292.52-.557.813-.84.2-.19.403-.39.603-.6.46-.477.701-1.035.701-1.606 0-.576-.246-1.128-.715-1.592l-2.549-2.559Zm1.662 4.89c-.004 0-.004.004 0 0-.18.195-.366.371-.566.566-.302.288-.608.59-.896.929-.47.501-1.022.738-1.746.738-.07 0-.144 0-.214-.005-1.379-.088-2.66-.627-3.622-1.086a20.627 20.627 0 0 1-6.853-5.368C3.57 12.384 2.51 10.62 1.81 8.725c-.432-1.156-.59-2.057-.52-2.907.046-.543.255-.993.64-1.379l1.584-1.583c.228-.214.469-.33.706-.33.292 0 .53.177.678.325l.014.014c.283.265.552.539.835.831.144.149.293.297.442.45l1.267 1.268c.492.492.492.948 0 1.44-.135.134-.265.269-.4.399-.39.4-.76.77-1.165 1.133-.009.01-.018.014-.023.023-.4.4-.325.79-.241 1.054l.014.042c.33.799.794 1.55 1.5 2.447l.004.005c1.282 1.578 2.633 2.809 4.123 3.751.19.121.386.219.571.312.168.083.325.162.46.246.019.009.037.023.056.032.158.079.306.116.46.116.385 0 .626-.241.705-.32l1.588-1.588c.158-.158.409-.348.701-.348.288 0 .525.18.669.338l.01.01 2.558 2.558c.478.474.478.961.004 1.454ZM11.89 5.233a5.888 5.888 0 0 1 3.203 1.663 5.918 5.918 0 0 1 1.663 3.203.62.62 0 0 0 .617.52.627.627 0 0 0 .622-.734 7.162 7.162 0 0 0-2.01-3.876 7.162 7.162 0 0 0-3.877-2.01.63.63 0 0 0-.725.51.62.62 0 0 0 .507.724Zm10.084 4.472a11.782 11.782 0 0 0-3.31-6.385A11.782 11.782 0 0 0 12.279.01a.624.624 0 0 0-.72.51.63.63 0 0 0 .516.725 10.55 10.55 0 0 1 5.707 2.957 10.52 10.52 0 0 1 2.957 5.707c.051.306.316.52.618.52.037 0 .07-.005.107-.01a.615.615 0 0 0 .51-.714Z"
                                />
                            </g>
                            <defs>
                                <clipPath id="a">
                                    <path fill="#fff" d="M0 0h22v22H0z" />
                                </clipPath>
                            </defs>
                        </svg>
                        <span>{{'fiche.réservation'|trans }} </span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="fiche-massage-gallery">
        <div class="fiche-massage-intro">
            <p class="title-M">{{'fiche.gallery_title'|trans }}</p>
            <p class="dis-intro">
                {{'fiche.gallery_text'|trans }}
            </p>
        </div>
        <div class="gallery">
            {% if galeries|length > 0 %}
                {% for image in galeries %}
                    <img src="{{ asset('upload/gallery/' ~ image.image) }}" width="266" height="177"/>
                {% endfor %}
            {% endif %}
        </div>
    </section>
    <section class="fiche-massage-slider">
        <p class="larg_title">
            {{'fiche.massage-slider'|trans }}
        </p>
        <div class="slider_section3">
            <div class="slider-wrapper">
                <div data-slider data-ctrlpos="bottom" data-nav="true" data-loop="false" data-slideby="1" data-autoplay="true" data-drag="true" data-ctrl="true" data-breakpoints="992-576-0" data-items="3-3-1">
                {% set asscoies = produit|getproduitAssocie(app.request.locale) %}
                    {% for associe in asscoies %}

                            {% set discountPercentage = 0 %}

                            {% if associe.typeProduit == 1 %}

                                {% set formulesProduits = associe.prixProduits[0].formulesProduits %}
                                {% set lowestPrice      = associe.prixProduits[0].prixParPersonne %}

                                {% set total = 0 %}
                                {% for it in formulesProduits %}
                                    {% set total = total + it.prixProduitParPersonne %}
                                {% endfor %}
                                {% set discountPercentage = ((total - lowestPrice) / total ) * 100 %}
                            {% endif %}

                        <div>
                            <a href="{{ path('fiche_massage', {_locale: app.request.locale ,categorie : associe.categorie.slug , slug : associe.slugProduits }) }}">
                                <div class="image-container">
                                    
                                    <div class="with-bg">

                                        {% if discountPercentage > 0 %}
                                            <span class="miniature-icon-promo">
                                                <svg width="73" height="73" viewBox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M28.4784 2.83953C30.7359 1.00279 33.5574 0 36.4677 0C39.3781 0 42.1995 1.00279 44.4571 2.83953L45.3028 3.52667L46.3705 3.35224C49.2443 2.89052 52.1894 3.43319 54.7099 4.88887C57.2304 6.34455 59.1723 8.62431 60.2085 11.3442L60.5944 12.3538L61.604 12.7397C64.3239 13.7759 66.6036 15.7178 68.0593 18.2383C69.515 20.7588 70.0577 23.7039 69.5959 26.5777L69.4215 27.6507L70.1087 28.4911L68.3062 29.9552L70.1034 28.4911C73.8932 33.1425 73.8932 39.8131 70.1034 44.4698L69.4215 45.3102L69.5959 46.378C70.0577 49.2517 69.515 52.1969 68.0593 54.7173C66.6036 57.2378 64.3239 59.1797 61.604 60.216L60.5944 60.6018L60.2085 61.6167C59.1713 64.3356 57.2291 66.6142 54.7087 68.0689C52.1883 69.5235 49.2437 70.0655 46.3705 69.6034L45.2975 69.4342L44.4571 70.1161C42.1995 71.9528 39.3781 72.9556 36.4677 72.9556C33.5574 72.9556 30.7359 71.9528 28.4784 70.1161L27.6379 69.429L26.5702 69.6034C23.6971 70.0655 20.7525 69.5235 18.2321 68.0689C15.7117 66.6142 13.7694 64.3356 12.7322 61.6167L12.3464 60.6018L11.3315 60.216C8.61355 59.1778 6.33613 57.2352 4.88248 54.7149C3.42883 52.1946 2.88768 49.2505 3.35009 46.378L3.52452 45.3102L2.83738 44.4645C1.00198 42.2074 0 39.387 0 36.4778C0 33.5686 1.00198 30.7482 2.83738 28.4911L3.52452 27.6454L3.35009 26.5777C2.88768 23.7052 3.42883 20.7611 4.88248 18.2408C6.33613 15.7205 8.61355 13.7778 11.3315 12.7397L12.3464 12.3538L12.7322 11.3442C13.7685 8.62431 15.7104 6.34455 18.2308 4.88887C20.7513 3.43319 23.6964 2.89052 26.5702 3.35224L27.6379 3.52667L28.4784 2.83953Z" fill="#EB001B"/>
                                                </svg>
                                                <span class="miniature-icon-promo-price">-{{discountPercentage|number_format(0, '.', '')}}%</span>
                                            </span>
                                        {% endif %}

                                        <img src="{{ (associe.imageProduits) ? sonata_path(associe.imageProduits, 'formule') : asset('front/images/massage2.jpg') }}" alt="{{associe.nomProduits}}" width="424" height="289" />
                                        <span class="zoom-icon"></span>
                                        {% if associe.reserveAuFemme is same as(true) %}
                                            <div class="reserveaufemme associefemme">{{ 'message.pourlesfemme'|trans }}</div>
                                        {% endif %}
                                    </div>
                                    <div class="image-caption">
                                        <div class="info">
                                            <div class="product_title">
                                                <p class="larg_title">{{associe.nomProduits}}</p>
                                            </div>
                                            <div class="product_prix">
                                                <p> {{ (associe.prixProduits|length > 1 or associe.typeProduit == 1 ) ? 'index.apartir'|trans : '' }}
                                                    <span>
                                                        {% set lowestPrice = associe.prixProduits[0].prixParPersonne %}
                                                        {% set type = false %}
                                                        {% for horaire in associe.prixProduits %}
                                                            {% if horaire.prixParPersonne < lowestPrice %}
                                                                {% set lowestPrice = horaire.prixParPersonne %}
                                                                {% set type = horaire.duree.type %}
                                                            {% endif %}
                                                        {% endfor %}
                                                        {{ lowestPrice|number_format(0, '.', ' ') }}DH
                                                    </span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="info-image">
                                            
                                            <div class="horaire_slide">
                                                {% if type is same as(false) %}
                                                <p>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="none" viewBox="0 0 19 19">
                                                        <g clip-path="">
                                                            <path
                                                                fill="#000"
                                                                d="M9.5 0A9.5 9.5 0 0 1 19 9.5 9.5 9.5 0 0 1 9.5 19 9.5 9.5 0 0 1 0 9.5 9.5 9.5 0 0 1 9.5 0Zm0 1.325a8.175 8.175 0 1 0 0 16.35 8.175 8.175 0 0 0 0-16.35Zm-.883 3.977c.365 0 .662.297.662.663v4.64h4.64a.663.663 0 0 1 0 1.325H8.615a.663.663 0 0 1-.663-.663V5.966c0-.367.297-.664.663-.664Z"
                                                            />
                                                        </g>
                                                        <defs>
                                                            <clipPath id="a">
                                                                <path fill="#fff" d="M0 0h19v19H0z" />
                                                            </clipPath>
                                                        </defs>
                                                    </svg>
                                                    <span>
                                                    {% if associe.prixProduits|length > 0 %}
                                                        {% set combinedDuration = '' %}
                                                            {% for horaire in associe.prixProduits %}
                                                                {% set combinedDuration = combinedDuration ~ horaire.duree.intitule ~ '/' %}
                                                            {% endfor %}
                                                        {% set combinedDuration = combinedDuration|trim('/') %}
                                                        {{ combinedDuration }}
                                                    {% endif %}
                                                    </span>
                                                </p>
                                                {% endif %}
                                            </div>
                                            
                                            <div class="reserver">
                                                <button class="reserver-btn button--ujarak">
                                                    {{ 'index.découvrir'|trans }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        <hr class="border-hr"/>
    </section>
    <section class="fiche-massage-featured-poste">
        {{ produit.textRef|raw }}
    </section>
</div>
{% endblock %}