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

{% block title %}
	SS BODY MIND
{% endblock %}
{% block stylesheets %}

	{{parent()}}

	<style>
	    .custom-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.header-logo {
    visibility: visible !important;
}
.custom-card:hover {
    transform: translateY(-6px);
}

.card-header {
    background: linear-gradient(135deg, #41553d, #6f8f5f);
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    letter-spacing: 1px;
}

.card-body {
    flex: 1;
    display: flex;
    padding: 6px;
    flex-direction: column;
    justify-content: space-between;
}

.card-body ul {
    padding-left: 18px;
}

.card-body ul li {
    margin-bottom: 6px;
    font-size:13px;
}

.price {
    float: right;
    font-weight: 500;
     font-size:12px;
    
}

/* TABS */
.nav-pills .nav-link {
    border-radius: 50px;
    padding: 10px 25px;
    margin: 0 5px;
    color: #41553d;
    border: 1px solid #41553d;
    transition: 0.3s;
}

.nav-pills .nav-link.active {
    background: #41553d;
    color: #fff;
}

/* SMALL DESCRIPTION */
.small-desc {
    font-size: 14px;
    color: #777;
}

.spa-banner {
 min-height: 50vh; 
      background: linear-gradient(180deg, rgba(66, 86, 62, 0.3) 0%, rgba(90, 120, 80, 0.75) 50%, rgba(66, 86, 62, 0.3) 100%);
    color: white;
  padding: 75px 0 40px 0px;
}

.spa-banner h1 {
    font-size: 48px;
    letter-spacing: 1px;
}

.spa-banner p {
    opacity: 0.9;
}

/* BUTTON */
.btn-spa {
    background: white;
    color: #41553d;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: bold;
    transition: 0.3s;
}

.btn-spa:hover {
    background: #6f8f5f;
    color: white;
}
.pic-cures-labs{
    width: 70%;
}
	 #filterTabs {
   
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(8px);
    border-radius: 50px;
    padding: 10px 20px;
    width: fit-content;
    margin: 0 auto 40px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
 
	    @media (max-width: 768px) {
	        
            .title-banner-cures-labs{
                font-size: 30px !important;
        	 }
        	 .col-lg-4.col-md-6.col-6.filter-item.packs {
    padding: 5px;
}
        	 .card-header {
        font-size: 10px;
        padding: 10px;
    }

.pic-cures-labs {
    width: 80%;
}

.small-content-cures {
    line-height: 18px !important;
}

    .card-body {
        font-size: 12px;
    }
    .bilan-suiv-soin{
        font-size: 12px !important;
    } 
    .price{
         font-size: 10px;
    }

    .col-lg-3.col-md-6.col-6.filter-item.slimlab,.col-lg-3.col-md-6.col-6.filter-item.packs { 
        padding: 0px 4px;
    }
    #filterTabs{
        margin-bottom: 20px !important;
}

        }
        
        .bilan-suiv-soin {
    font-size: 15px;
    font-weight: 700;
    color: #465b41;
}
        
   .table-header-gradient th {
    color:white;
    background: linear-gradient(135deg, #41553d, #6f8f5f);
	    
   }

#filterTabs{
        margin-bottom: 40px;
}
.custom-card .card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.custom-card .card-body > div:first-child {
    flex-grow: 1;
}

.custom-card .card-body {
    display: flex;
    flex-direction: column;
}

.bottom-content {
    margin-top: auto;
}
.small-content-cures{
   line-height: 35px; 
}    

	</style>
	
{% endblock %}

{% block body %}

<section class="spa-banner d-flex align-items-center text-center text-lg-start">
    <div class="container">
        <div class="row align-items-center">
            
            <!-- TEXT -->
            <div class="col-lg-6">
                <h1 class="fw-bold mb-3 title-banner-cures-labs">Planning Body & Mind</h1>
                <p class="lead mb-4">
                    Organisez vos séances bien-être et atteignez vos objectifs<br> corps & esprit
                </p>
                <a href="{{path('home')}}" class="btn btn-spa">Réserver maintenant</a>
            </div>

            <!-- IMAGE -->
            <div class="col-lg-6 text-center mt-4 mt-lg-0">
                <img src="https://images.unsplash.com/photo-1544161515-4ab6ce6db874" 
                     class="img-fluid rounded-4 shadow pic-cures-labs" 
                     alt="Spa">
            </div>

        </div>
    </div>
</section>

<div class="container py-5">

    <!-- FILTER TABS -->
    <ul class="nav nav-pills justify-content-center" id="filterTabs">
        <li class="nav-item">
            <button class="nav-link active" data-filter="packs" style="width: 200px;">CURES</button>
        </li>
        <li class="nav-item">
            <button class="nav-link" data-filter="slimlab" style="width: 200px;">PROTOCOLES</button>
        </li>
    </ul>

    <!-- CARDS -->
    <div class="row g-4">

         <!-- PACK 1 -->
        {#<div class="col-lg-4 col-md-6 col-6 filter-item packs">#}
        {#    <div class="card custom-card">#}
        {#        <div class="card-header">SS TRANSFORMATION 360</div>#}
        {#        <div class="card-body">#}
        {#            <div>#}
        {#                <p class="small-desc">Le protocole phare pour la perte du poids</p>#}
        {#                <ul>#}
        {#                    <li>Lipocavitation</li>#}
        {#                    <li>Radiofréquence</li>#}
        {#                    <li>Palper rouler</li>#}
        {#                    <li>Électrolipolyse</li>#}
        {#                    <li>Cryo</li>#}
        {#                    <li>Ondes de choc</li>#}
        {#                    <li>Panda Slim ou Madérothérapie</li>#}
        {#                    <li>Presso</li>#}
        {#                </ul>#}
        {#            </div>#}
        {#             <strong class="bilan-suiv-soin">2 Bilans nutritionnels</strong>#}
        {#                 <strong class="bilan-suiv-soin">5 Suivis nutritionnels</strong>#}
                 
                    
        {#             <div class="d-flex justify-content-between">#}
                      
        {#                  <strong class="bilan-suiv-soin">20 Soins</strong>#}
        {#                <strong  class="number-seance-pack-price">9 900 dh</strong>#}
        {#            </div>#}
        {#        </div>#}
        {#    </div>#}
        {#</div>#}
       
         <!-- PACK 2 -->
        {#<div class="col-lg-4 col-md-6 col-6 filter-item packs">#}
        {#    <div class="card custom-card">#}
        {#        <div class="card-header">SS FIRM & LIFT</div>#}
        {#        <div class="card-body">#}
        {#            <div>#}
        {#                <p class="small-desc">Raffermissement et affinement silhouette (pertes de cm)</p>#}
        {#                <ul>#}
        {#                    <li>Radiofréquence</li>#}
        {#                    <li>Ondes de choc </li>#}
        {#                    <li>Panda Slim</li>#}
        {#                    <li>LPG</li>#}
        {#                    <li>Électrolipolyse</li>#}
        {#                </ul>#}
        {#            </div>#}
        {#            <div class="d-flex justify-content-between mt-3">#}
        {#                <strong class="number-seance-pack-price">12 soins</strong>#}
        {#                <strong class="number-seance-pack-price">8 600 dh</strong>#}
        {#            </div>#}
        {#        </div>#}
        {#    </div>#}
        {#</div>#}
       
        
        {#<!-- PACK 3 -->#}
        {#<div class="col-lg-4 col-md-6 col-6 filter-item packs">#}
        {#    <div class="card custom-card">#}
        {#        <div class="card-header">SS BODY SCULPT</div>#}
        {#        <div class="card-body">#}
        {#            <div>#}
        {#                <p class="small-desc">Reshape & sculpt et amélioration du tonus musculaire</p>#}
        {#                <ul>#}
        {#                    <li>LPG</li>#}
        {#                    <li>Radiofréquence</li>#}
        {#                    <li>Esculpt</li>#}
        {#                    <li>Panda Slim</li>#}
        {#                    <li>Massage sportif</li>#}
        {#                    <li>Presso</li>#}
        {#                </ul>#}
        {#            </div>#}
        {#            <div class="d-flex justify-content-between mt-3">#}
        {#                <strong class="number-seance-pack-price">20 soins</strong>#}
        {#                <strong class="number-seance-pack-price">9 900 dh</strong>#}
        {#            </div>#}
        {#        </div>#}
        {#    </div>#}
        {#</div>#}

        {#<!-- PACK 4 -->#}
        {#<div class="col-lg-4 col-md-6 col-6 filter-item packs">#}
        {#    <div class="card custom-card">#}
        {#        <div class="card-header">SS CELLULITE ATTACK</div>#}
        {#        <div class="card-body">#}
        {#            <div>#}
        {#                <p class="small-desc">Combattre la cellulite et améliorer l’aspect de la peau</p>#}
        {#                <ul>#}
        {#                    <li>Ondes de choc</li>#}
        {#                    <li>Radiofréquence</li>#}
        {#                    <li>LPG</li>#}
        {#                    <li>Madérothérapie</li>#}
        {#                    <li>Cryothérapie</li>#}
        {#                    <li>Presso</li>#}
        {#                </ul>#}
        {#            </div>#}
        {#            <div class="d-flex justify-content-between mt-3">#}
        {#                <strong class="number-seance-pack-price">10 soins</strong>#}
        {#                <strong class="number-seance-pack-price">5 500 dh</strong>#}
        {#            </div>#}
        {#        </div>#}
        {#    </div>#}
        {#</div>#}

        {#<!-- PACK 5 -->#}
        {#<div class="col-lg-4 col-md-6 col-6 filter-item packs">#}
        {#    <div class="card custom-card">#}
        {#        <div class="card-header">SS BODY FLOW & DETOX</div>#}
        {#        <div class="card-body">#}
        {#            <div>#}
        {#                <p class="small-desc">Détoxifier, drainer et retrouver la fluidité</p>#}
        {#                <ul>#}
        {#                    <li>LPG</li>#}
        {#                    <li>Drainage</li>#}
        {#                    <li>Couverture chauffante</li>#}
        {#                    <li>Panda Slim</li>#}
        {#                    <li>Presso</li>#}
        {#                    <li>Massage aux pochons d’herbes</li>#}
        {#                </ul>#}
        {#            </div>#}
        {#            <div class="d-flex justify-content-between mt-3">#}
        {#                <strong class="number-seance-pack-price">12 soins</strong>#}
        {#                <strong class="number-seance-pack-price">4 900 dh</strong>#}
        {#            </div>#}
        {#        </div>#}
        {#    </div>#}
        {#</div>#}

        {#<!-- Slim LAB -->#}
        {#    <div class="col-lg-4 col-md-6 col-6 filter-item packs">#}
        {#        <div class="card custom-card">#}
        {#            <div class="card-header">Slim LAB</div>#}
        {#            <div class="card-body">#}
        {#                <ul>#}
        {#                    <li>Cure LPG corps 10 soins <span class="price">3500 DH</span></li>#}
        {#                    <li>Cure LPG corps 20 soins <span class="price">5800 DH</span></li>#}
        {#                    <li>Cryothérapie 3 applications <span class="price">2500 DH</span></li>#}
        {#                    <li>Cure 5 lipocavitation <span class="price">2500 DH</span></li>#}
        {#                    <li>Cure 5 Esculpt <span class="price">2500 DH</span></li>#}
        {#                </ul>#}
        {#            </div>#}
        {#        </div>#}
        {#    </div>#}
        
        
       
     
        <div class="col-lg-3 col-md-6 col-6 filter-item packs">
            <div class="card custom-card">
                <div class="card-header">SS TRANSFORMATION</div>
                <div class="card-body">
                    <div>
                        <div class="d-flex justify-content-between mt-2 mb-2">
                        <strong class="bilan-suiv-soin">26 Soins</strong>
                        <strong class="number-seance-pack-price">9 500 dh</strong>
                    </div>
                        <p class="small-desc">
                            <b>Objectif :</b> Perte de poids <br>« Je veux transformer mon corps, et reprendre le contrôle de ma silhouette »
                        </p>
        
                        <ul>
                            <li><strong>1 Bilan Nutritionnel</strong> <br>
                            (Impédancemétrie - Morphologique - Psychonutritionnel)</li>
                            <li><strong>5 Consultations de suivi nutritionnel</strong></li>
                        </ul>
        
                        <ul>
                            <li style="list-style: none;"><strong>20 soins amincissants :</strong></li>
                            <li>Lipocavitation (4 soins)</li>
                            <li>Palper rouler (4 soins)</li>
                            <li>Ondes de choc (4 soins)</li>
                            <li>Panda Slim (4 soins)</li>
                            <li>Madérothérapie (2 soins)</li>
                            <li>Cryothérapie (2 soins)</li>
                        </ul>
                    </div>
        
                   <div class="mt-2">
                        <strong class="bilan-suiv-soin">✔ Perdre du poids</strong><br>
                        <strong class="bilan-suiv-soin">✔ Réduire les amas graisseux</strong><br>
                        <strong class="bilan-suiv-soin">✔ Casser les cellules graisseuses</strong><br>
                        <strong class="bilan-suiv-soin">✔ Favoriser l’élimination des toxines</strong>
                    </div>
        
                    
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-6 filter-item packs">
            <div class="card custom-card">
                <div class="card-header">SS FIRM & LIFT</div>
                <div class="card-body">
                    <div>
                        <div class="d-flex justify-content-between mt-2 mb-2">
                        <strong class="bilan-suiv-soin">15 Soins</strong>
                        <strong class="number-seance-pack-price">7 200 dh</strong>
                    </div>
                        <p class="small-desc">
                            <b>Objectif :</b> Raffermissement et affinement de la silhouette <br>
                            « Je veux retrouver une fermeté »
                        </p>
        
                        <ul class="small-content-cures">
                            {#<li style="list-style: none;"><strong>15 soins :</strong></li>#}
                            <li>Radiofréquence (4 soins)</li>
                            <li>LPG (4 soins)</li>
                            <li>Électrolipolyse (3 soins)</li>
                            <li>Panda Slim / Madérothérapie (4 soins)</li>
                        </ul>
                    </div>
        
                    <div class="mt-2 bottom-content">
                        <strong class="bilan-suiv-soin">✔ Redonner une tonicité à la peau</strong><br>
                        <strong class="bilan-suiv-soin">✔ Retendre les tissus relâchés</strong><br>
                        <strong class="bilan-suiv-soin">✔ Redessiner les contours du corps</strong>
                    </div>
        
                    
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-6 filter-item packs">
            <div class="card custom-card">
                <div class="card-header">SS BODY SCULPT</div>
                <div class="card-body">
                    <div>
                         <div class="d-flex justify-content-between mt-2 mb-2">
                        <strong class="bilan-suiv-soin">15 Soins</strong>
                        <strong class="number-seance-pack-price">7 500 dh</strong>
                    </div>
                        <p class="small-desc">
                            <b>Objectif :</b> Reshape & Sculpt et amélioration du tonus musculaire <br>
                            « Je deviens la meilleure version de mon corps »
                        </p>
        
                        <ul class="small-content-cures">
                            <li>E-Sculpt (5 soins)</li>
                            <li>Panda Slim (5 soins)</li>
                            <li>LPG (5 soins)</li>
                        </ul>
                    </div>
        
                    <div class="mt-2 bottom-content">
                        <strong class="bilan-suiv-soin">✔ Affiner la silhouette</strong><br>
                        <strong class="bilan-suiv-soin">✔ Créer un effet “body contouring” naturel et élégant</strong><br>
                        <strong class="bilan-suiv-soin">✔ Améliorer la définition corporelle</strong>
                    </div>
        
                   
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-6 filter-item packs">
            <div class="card custom-card">
                <div class="card-header">CELLULITE ATTACK</div>
                <div class="card-body">
                    <div>
                         <div class="d-flex justify-content-between mt-2 mb-2">
                        <strong class="bilan-suiv-soin">15 Soins</strong>
                        <strong class="number-seance-pack-price">6 700 dh</strong>
                    </div>
                        <p class="small-desc">
                            <b>Objectif :</b> Combattre la cellulite et améliorer l’aspect de la peau <br>
                            « Je dis à dieu à la cellulite et je retrouve une peau plus lisse »
                        </p>
        
                        <ul class="small-content-cures">
                            <li>Palper Rouler (4 soins)</li>
                            <li>Lipocavitation (4 soins)</li>
                            <li>Radiofréquence (4 soins)</li>
                            <li>Presso (2 soins)</li>
                            <li>Drainage Lymphatique (1 soin)</li>
                        </ul>
                    </div>
        
                    <div class="mt-2 bottom-content">
                        <strong class="bilan-suiv-soin">✔ Casser les amas graisseux responsables de l’effet peau d’orange</strong><br>
                        <strong class="bilan-suiv-soin">✔ Avoir une peau plus lisse</strong><br>
                        <strong class="bilan-suiv-soin">✔ Lisser et homogénéiser la texture de la peau</strong>
                    </div>
        
                   
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-6 filter-item packs">
                <div class="card custom-card">
                    <div class="card-header">Micronutrition LAB</div>
                    <div class="card-body">
                        <ul>
                            <li>Bilan nutritionnel <span class="price">450 DH</span> <br><span>(Impédancemétrie-morphologique-psychonutritionnel) </span> </li>
                            <li>5 Suivis nutritionnels  <span class="price">2000 DH</span></li>
                            <li>10 Suivis nutritionnels <span class="price">3800 DH</span></li>
                            </ul>
                    </div>
                </div>
            </div>
            
            
             <!-- Slim LAB -->
            <div class="col-lg-3 col-md-6 col-6 filter-item packs">
                <div class="card custom-card">
                    <div class="card-header">Slim LAB</div>
                    <div class="card-body">
                        <ul>
                            <li>Cure LPG corps 10 soins <span class="price">3500 DH</span></li>
                            <li>Cure LPG corps 20 soins <span class="price">5800 DH</span></li>
                            <li>Cryothérapie 3 applications <span class="price">2500 DH</span></li>
                            <li>Cure 5 lipocavitation <span class="price">2500 DH</span></li>
                            <li>Cure 5 Esculpt <span class="price">2500 DH</span></li>
                        </ul>
                    </div>
                </div>
            </div>
         
        
            

           
        
            <!-- Pilates LAB -->
            <div class="col-lg-4 col-md-6 col-6 filter-item slimlab d-none">
                <div class="card custom-card">
                    <div class="card-header">Pilates LAB</div>
                    <div class="card-body">
                        <ul>
                            <li>Drop in SS Reform <span class="price">200 DH</span></li>
                            <li>1 Session <span class="price">300 DH</span></li>
                            <li>3 séances découverte <span class="price">600 DH</span></li>
                            <li>10 cours <span class="price">2600 DH</span></li>
                            <li>20 cours <span class="price">4800 DH</span></li>
                            <li>30 cours <span class="price">6800 DH</span></li>
                            <li>50 cours <span class="price">8500 DH</span></li>
                            <li>Illimité <span class="price">12 500 DH</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        
            <!-- Renforcement LAB -->
            <div class="col-lg-4 col-md-6 col-6 filter-item slimlab d-none">
                <div class="card custom-card">
                    <div class="card-header">Renforcement LAB</div>
                    <div class="card-body">
                        <ul>
                            <li>1 cours personal training<span class="price">350 DH</span></li> 
                            <li>10 cours <span class="price">3500 DH</span></li>
                            <li>20 cours <span class="price">5000 DH</span></li>
                            <li>30 cours <span class="price">6500 DH</span></li>
                            <li>50 cours <span class="price">7500 DH</span></li>
                            <li>Illimité <span class="price">12 500 DH</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        
            <!-- Mix LAB -->
            <div class="col-lg-4 col-md-6 col-12 filter-item slimlab d-none">
                <div class="card custom-card">
                    <div class="card-header" style="white-space: nowrap;">Mix Pilates & Renforcement</div>
                    <div class="card-body">
                        <ul>
                            <li>Yes You Can (10 cours) <span class="price">3500 DH</span></li>
                            <li style="margin-bottom: 25px;">Work Hard, Play Hard (20 cours) <span class="price">5000 DH</span></li>
                            <li style="margin-bottom: 25px;">Work Harder (30 cours) <span class="price">7500 DH</span></li>
                            <li>Illimité <span class="price">12 500 DH</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            
        
           <!-- Wellness LAB -->
            <div class="col-lg-3 col-md-6 col-12 filter-item slimlab d-none">
                <div class="card custom-card">
                    <div class="card-header">Wellness LAB</div>
                    <div class="card-body">
                        <ul>
                            <li>Drainage lymphatique  <span class="price">800 DH</span></li>
                            <li>Cure 10 drainage lymphatique    <span class="price">6800 DH</span></li>
            
                            <li>1 Maderothérapie <span class="price">450 DH</span></li>
                            <li>Cure 10 maderos<span class=" price">4000 DH</span></li>
            
            
                            <li>1 Massage relaxant (1h) <span class="price">400 DH</span></li>
                            <li>Cure 10 massages relaxants <span class="price">3500 DH</span></li>
            
                            <li>1 Massage tonique (1h) <span class="price">500 DH</span></li>
                            <li>Cure 10 massages toniques <span class="price">4500 DH</span></li>
            
                            <li>Massage à la bougie <span class="price">450 DH</span></li>
                            <li>Cure 10 massages à la bougie <span class="price">3800 DH</span></li>
            
                            <li>Massage jambes lourdes (30 min) <span class="price">250 DH</span></li>
                            <li>Massage aux pochons d’herbes <span class="price">450 DH</span></li>
                            
                            <li> Massage aux pierres chaudes  <span class="price">450 DH</span></li>
            
                            <li> Massage dos et jambes (30 min)  <span class="price">300 DH</span></li>
                            
                            <li>Massage extrême des pieds (30 min) <span class="price">250 DH</span></li>
            
                            <li>Massage prénatal <span class="price">500 DH</span></li>
                            <li>Cure 10 massages prénataux <span class="price">4500 DH</span></li>
                            
                            <li>Massage post natal <span class="price">600 DH</span></li>
                            
                            <li>Cure 10 massages post natal <span class="price">5500 DH</span></li>
            
                            <li>Hammam <span class="price">290 DH</span></li>
                            <li>Carnet 10 hammam <span class="price">2500 DH</span></li>
                        </ul>
                    </div>
                </div>
            </div>
                    
                       <!-- Skin LAB -->
            <div class="col-lg-3 col-md-6 col-12 filter-item slimlab d-none">
                <div class="card custom-card">
                    <div class="card-header">Skin LAB</div>
                    <div class="card-body">
                        <ul>
                            <li>1 Soin kobido (45 min) + LED <span class="price">500 DH</span></li>
                            <li>Cure 10 soins Kobido <span class="price">4500 DH</span></li>
            
                            <li>1 Soin Kobido & 1 mini soin <span class="price">800 DH</span></li>
                            
                            <li>Madero visage (45 min) <span class="price">300 DH</span></li>
            
                            <li>Soin modelage aux pierres <span class="price">350 DH</span></li>
            
                            <li>1 Soin Hydrafacial <span class="price">1000 DH</span></li>
                            
                            <li>1 Carbon peel <span class="price">900 DH</span></li>
                            
                            <li>1 Soin hydrafacial + carbon peel  <span class="price">1700 DH</span></li>
            
                            <li>Soin lumière Perle Blanche Gemology <span class="price">1200 DH</span></li>
                            <li>Soin spécifique Gemology <span class="price">1000 DH</span></li>
                            <li>6 soins spécifiques Gemology <span class="price">5500 DH</span></li>
            
                            <li>Radiofréquence visage <span class="price">1000 DH</span></li>
                            <li>Cure 5 radiofréquences visage <span class="price">4500 DH</span></li>
            
                            <li>Radiofréquence cou <span class="price">700 DH</span></li>
                            <li>Cure 5 radiofréquences cou <span class="price">3000 DH</span></li>
            
                            <li>LED visage <span class="price">200 DH</span></li>
                        </ul>
                    </div>
                </div>
            </div>
         <!-- Laser LAB -->
          {#  <div class="col-lg-4 col-md-6 col-6 filter-item slimlab d-none">#}
          {#      <div class="card custom-card">#}
          {#          <div class="card-header">Laser LAB</div>#}
          {#          <div class="card-body">#}
          {#              <ul>#}
          {#                  <li>Jambes complètes <span class="price">2000 DH</span></li>#}
          {#                  <li>Demi-jambes <span class="price">900 DH</span></li>#}
          {#                  <li>Cuisses <span class="price">1100 DH</span></li>#}
            
          {#                  <li>Maillot intégral <span class="price">1500 DH</span></li>#}
          {#                  <li>Maillot brésilien <span class="price">1200 DH</span></li>#}
          {#                  <li>Bord de maillot <span class="price">600 DH</span></li>#}
            
          {#                  <li>Aisselles <span class="price">600 DH</span></li>#}
            
          {#                  <li>Duvet <span class="price">300 DH</span></li>#}
          {#                  <li>Menton <span class="price">300 DH</span></li>#}
          {#                  <li>Visage  <span class="price">1000 DH</span></li>#}
            
          {#                  <li>Bras complets <span class="price">1100 DH</span></li>#}
          {#                  <li>Demi-bras <span class="price">700 DH</span></li>#}
            
          {#                  <li>Abdomen <span class="price">700 DH</span></li>#}
          {#                  <li>Ligne blanche <span class="price">400 DH</span></li>#}
                            
          {#                  <li>Dos intégral  <span class="price">1500 DH</span></li>#}
                
          {#                  <li>Demi-dos <span class="price">800 DH</span></li>#}
                            
          {#                  <li>Mamelons <span class="price">300 DH</span></li>#}
                            
          {#                  <li>Narines  <span class="price">300 DH</span></li>#}
                            
          {#                  <li>Demi Torse   <span class="price">700 DH</span></li>#}
                            
          {#                  <li>Torse intégral   <span class="price">1500 DH</span></li>#}
          {#              </ul>#}
          {#          </div>#}
          {#      </div>#}
          {#  </div>#}
          {#  <div class="col-lg-12 col-md-6 col-12 filter-item slimlab d-none">#}
          {#     <h3 class="section-title" style="color: #44583e;">Packs Laser (À partir de 5 soins)</h3>#}
          {#       <p class="small-note" style="color: grey;">PS : Le prix indiqué des packs est par séance</p>#}
          {#       <div class="table-responsive">#}
          {#          <table class="table table-bordered text-center">#}
          {#              <thead class="table-header-gradient">#}
          {#                  <tr>#}
                              
          {#                      <th>Zone(s) traitée(s)</th>#}
          {#                      <th>Prix / séance</th>#}
          {#                  </tr>#}
          {#              </thead>#}
          {#              <tbody>#}
          {#                  <tr>#}
                              
          {#                      <td>Jambes complètes + Aisselles + Maillot intégral</td>#}
          {#                      <td>2 800 dh</td>#}
          {#                  </tr>#}
          {#                  <tr>#}
                             
          {#                      <td>Demi jambes + Aisselles + Maillot classique</td>#}
          {#                      <td>1 800 dh</td>#}
          {#                  </tr>#}
          {#                  <tr>#}
                               
          {#                      <td>Aisselles + Maillot intégral</td>#}
          {#                      <td>1 600 dh</td>#}
          {#                  </tr>#}
          {#                  <tr>#}
                               
          {#                      <td>Jambes complètes + Bras complets</td>#}
          {#                      <td>2 400 dh</td>#}
          {#                  </tr>#}
          {#                   <tr>#}
                               
          {#                      <td>Duvet + menton</td>#}
          {#                      <td>500 dh</td>#}
          {#                  </tr>#}
          {#              </tbody>#}
          {#          </table>#}
          {#      </div>#}
          {#</div>#}
          
             <div class="col-lg-6 col-md-6 col-12 filter-item slimlab d-none">
            <div class="card custom-card">
                
                <!-- ONE TITLE -->
                <div class="card-header text-center">
                    Laser LAB
                </div>
        
                <div class="card-body">
                    <div class="row">
                        
                        <!-- LEFT SIDE (LIST) -->
                        <div class="col-lg-4">
                            <ul class="list-unstyled">
                                <li>Jambes complètes <span class="price">2000 DH</span></li>
                                <li>Demi-jambes <span class="price">900 DH</span></li>
                                <li>Cuisses <span class="price">1100 DH</span></li>
        
                                <li>Maillot intégral <span class="price">1500 DH</span></li>
                                <li>Maillot brésilien <span class="price">1200 DH</span></li>
                                <li>Bord de maillot <span class="price">600 DH</span></li>
        
                                <li>Aisselles <span class="price">600 DH</span></li>
        
                                <li>Duvet <span class="price">300 DH</span></li>
                                <li>Menton <span class="price">300 DH</span></li>
                                <li>Visage <span class="price">1000 DH</span></li>
        
                                <li>Bras complets <span class="price">1100 DH</span></li>
                                <li>Demi-bras <span class="price">700 DH</span></li>
        
                                <li>Abdomen <span class="price">700 DH</span></li>
                                <li>Ligne blanche <span class="price">400 DH</span></li>
        
                                <li>Dos intégral <span class="price">1500 DH</span></li>
                                <li>Demi-dos <span class="price">800 DH</span></li>
        
                                <li>Mamelons <span class="price">300 DH</span></li>
                                <li>Narines <span class="price">300 DH</span></li>
        
                                <li>Demi Torse <span class="price">700 DH</span></li>
                                <li>Torse intégral <span class="price">1500 DH</span></li>
                            </ul>
                        </div>
        
                        <!-- RIGHT SIDE (PACKS) -->
                        <div class="col-lg-8">
                            {#<h5 class="section-title" style="color: #44583e;">#}
                            {#    Packs Laser#}
                            {#</h5>#}
                            <p class="small-note text-muted">
                                PS : Le prix indiqué des packs est par séance (à partir de 5 soins)
                            </p>
        
                            <div class="table-responsive">
                                <table class="table table-bordered text-center">
                                    <thead class="table-header-gradient">
                                        <tr>
                                            <th>Zone(s) traitée(s)</th>
                                            <th>Prix / séance</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>Jambes complètes + Aisselles + Maillot intégral</td>
                                            <td>2 800 DH</td>
                                        </tr>
                                        <tr>
                                            <td>Demi jambes + Aisselles + Maillot classique</td>
                                            <td>1 800 DH</td>
                                        </tr>
                                        <tr>
                                            <td>Aisselles + Maillot intégral</td>
                                            <td>1 600 DH</td>
                                        </tr>
                                        <tr>
                                            <td>Jambes complètes + Bras complets</td>
                                            <td>2 400 DH</td>
                                        </tr>
                                        <tr>
                                            <td>Duvet + menton</td>
                                            <td>500 DH</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
        
                    </div>
                </div>
            </div>
        </div>
        

    </div>
</div>


{% endblock %}


{% block javascripts %}

	{{parent()}}

<script>
document.querySelectorAll('#filterTabs button').forEach(btn => {
    btn.addEventListener('click', function () {

        document.querySelectorAll('#filterTabs button').forEach(b => b.classList.remove('active'));
        this.classList.add('active');

        let filter = this.getAttribute('data-filter');

        document.querySelectorAll('.filter-item').forEach(item => {
            if (item.classList.contains(filter)) {
                item.classList.remove('d-none');
            } else {
                item.classList.add('d-none');
            }
        });

    });
});
</script>
{% endblock %}
