<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
use Twig\TemplateWrapper;

/* default/categories/slim_lab.html.twig */
class __TwigTemplate_48fa174cad118348bc55215b6d5fe02b extends Template
{
    private Source $source;
    /**
     * @var array<string, Template>
     */
    private array $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'stylesheets' => [$this, 'block_stylesheets'],
            'body' => [$this, 'block_body'],
            'javascripts' => [$this, 'block_javascripts'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 1
        return "base.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/categories/slim_lab.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "default/categories/slim_lab.html.twig"));

        $this->parent = $this->load("base.html.twig", 1);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_title(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        // line 4
        yield "\tSS BODY MIND
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        yield from [];
    }

    // line 6
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_stylesheets(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));

        // line 7
        yield "
\t";
        // line 8
        yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
        yield "

\t<style>
\t    .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: 40px;
    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: 50%;
}
\t #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);
}
 
\t    @media (max-width: 768px) {
\t        
            .title-banner-cures-labs{
                font-size: 30px !important;
        \t }
        \t .col-lg-4.col-md-6.col-6.filter-item.packs {
    padding: 5px;
}
        \t .card-header {
        font-size: 10px;
        padding: 10px;
    }

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

.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);
\t    
   }

#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; 
}    
.custom-card ul li {
  
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
   
}

\t</style>
\t
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        yield from [];
    }

    // line 215
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_body(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 216
        yield "
<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\">Slim LAB</h1>
                <p class=\"lead mb-4\">
                    Organisez vos séances bien-être et atteignez vos objectifs<br> corps & esprit
                </p>
                <a href=\"";
        // line 227
        yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("home");
        yield "\" class=\"btn btn-spa\">Réserver maintenant</a>
            </div>

            <!-- IMAGE -->
            <div class=\"col-lg-6 text-center mt-4 mt-lg-0\">
                <img src=\"";
        // line 232
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("images/pic4-card.png"), "html", null, true);
        yield "\" 
                     class=\"img-fluid rounded-4 shadow pic-cures-labs\" 
                     alt=\"Spa\">
            </div>

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

<div class=\"container py-5 mb-5\">


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

       
       
     
            

           
        
           
         <!-- Slim LAB -->
            <div class=\"col-lg-4 col-md-6 col-12 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 class=\"text-center mt-4\">
                    <a href=\"";
        // line 270
        yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("achetez_pack");
        yield "\" class=\"program-btn btnCuresMore\" style=\"    padding: 10px 50px;\">
                        Découvrez plus
                    </a>
                </div>
            </div>
         
        

    </div>
</div>


";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        yield from [];
    }

    // line 285
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_javascripts(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));

        // line 286
        yield "
\t";
        // line 287
        yield from $this->yieldParentBlock("javascripts", $context, $blocks);
        yield "

<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>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        yield from [];
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName(): string
    {
        return "default/categories/slim_lab.html.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function isTraitable(): bool
    {
        return false;
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  439 => 287,  436 => 286,  423 => 285,  399 => 270,  358 => 232,  350 => 227,  337 => 216,  324 => 215,  107 => 8,  104 => 7,  91 => 6,  79 => 4,  66 => 3,  43 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends 'base.html.twig' %}

{% block title %}
\tSS BODY MIND
{% endblock %}
{% block stylesheets %}

\t{{parent()}}

\t<style>
\t    .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: 40px;
    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: 50%;
}
\t #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);
}
 
\t    @media (max-width: 768px) {
\t        
            .title-banner-cures-labs{
                font-size: 30px !important;
        \t }
        \t .col-lg-4.col-md-6.col-6.filter-item.packs {
    padding: 5px;
}
        \t .card-header {
        font-size: 10px;
        padding: 10px;
    }

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

.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);
\t    
   }

#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; 
}    
.custom-card ul li {
  
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px dashed #eee;
   
}

\t</style>
\t
{% 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\">Slim LAB</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=\"{{asset('images/pic4-card.png')}}\" 
                     class=\"img-fluid rounded-4 shadow pic-cures-labs\" 
                     alt=\"Spa\">
            </div>

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

<div class=\"container py-5 mb-5\">


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

       
       
     
            

           
        
           
         <!-- Slim LAB -->
            <div class=\"col-lg-4 col-md-6 col-12 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 class=\"text-center mt-4\">
                    <a href=\"{{path('achetez_pack')}}\" class=\"program-btn btnCuresMore\" style=\"    padding: 10px 50px;\">
                        Découvrez plus
                    </a>
                </div>
            </div>
         
        

    </div>
</div>


{% endblock %}


{% block javascripts %}

\t{{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 %}
", "default/categories/slim_lab.html.twig", "/home2/ssbodymi/public_html/templates/default/categories/slim_lab.html.twig");
    }
}
