<!doctype html>
<html lang="fr">
<head>
{% if app.environment == "dev" %}
<meta name="robots" content="noindex,nofollow">
{% else %}
<!-- Tarte au citron -->
<script src="/tarteaucitron/tarteaucitron.js"></script>
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "", /* Privacy policy url */
"bodyPosition": "bottom", /* or top to bring it as first element for accessibility */
"hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
"cookieName": "tarteaucitron", /* Cookie name */
"orientation": "middle", /* Banner position (top - bottom) */
"groupServices": false, /* Group services by category */
"showDetailsOnClick": true, /* Click to expand the description */
"serviceDefaultState": "wait", /* Default state (true - wait - false) */
"showAlertSmall": false, /* Show the small banner on bottom right */
"cookieslist": false, /* Show the cookie list */
"closePopup": false, /* Show a close X on the banner */
"showIcon": true, /* Show cookie icon to manage cookies */
//"iconSrc": "", /* Optionnal: URL or base64 encoded image */
"iconPosition": "BottomLeft", /* BottomRight, BottomLeft, TopRight and TopLeft */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"DenyAllCta" : true, /* Show the deny all button */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"removeCredit": false, /* Remove credit link */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
"useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
//"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
"readmoreLink": "", /* Change the default readmore link */
"mandatory": true, /* Show a message about mandatory cookies */
"mandatoryCta": true /* Show the disabled accept button when mandatory on */
});
</script>
<script type="text/javascript">
tarteaucitron.user.gtagUa = 'G-P8X4Q2KZXM';
// tarteaucitron.user.gtagCrossdomain = ['example.com', 'example2.com'];
tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
(tarteaucitron.job = tarteaucitron.job || []).push('gtag');
</script>
<meta name="robots" content="index,follow">
{% endif %}
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- End - Google Font -->
<title>{% block title %}La Cabane à Coudre{% endblock %}</title>
<meta name="description" content="{% block metaDescription %}{% endblock %}">
<link rel="icon" href="{{ asset('assets/img/logo/logo-couleur.png') }}">
<link rel="stylesheet" href="{{ asset('assets/css/front-office/styles.css') }}">
{% block link %}{% endblock %}
</head>
<body>
{# MENU BURGER #}
{% include "front-office/partials/_menu_burger.html.twig" %}
{# END - MENU BURGER #}
{# NOTIFICATION #}
{% include "front-office/partials/_notification.html.twig" %}
{# END - NOTIFICATION #}
{% block header %}
<header class="base-header meli-section-90" id="js-base-header">
<div class="row meli-between-center meli-section-95">
<div class="img-box meli-width-10">
<img src="{{ asset('assets/img/logo/logo-transparent.png') }}" alt="La Cabane à coudre">
</div>
<nav class="nav-box meli-width-55">
<ul class="meli-between-center">
<li>
<a class="txt-green txt-size15 txt-bold txt-century"
href="{{ path('home') }}">Accueil</a>
</li>
<li>
<a class="txt-green txt-size15 txt-bold txt-century"
href="{{ path('blog_list') }}">Blog</a>
</li>
<li>
<a class="txt-green txt-size15 txt-bold txt-century"
href="{{ path('sewing_list') }}">La boutique</a>
</li>
<li>
<a class="txt-green txt-size15 txt-bold txt-century"
href="{{ path('formation_list') }}">Formations</a>
</li>
<li>
<a class="txt-green txt-size15 txt-bold txt-century"
href="{{ path('story') }}">Notre histoire</a>
</li>
<li>
<a class="txt-green txt-size15 txt-bold txt-century"
href="{{ path('contact') }}">Contact</a>
</li>
{% if commonVarBasketCount is defined and commonVarBasketCount > 0 and notBasket is not defined %}
{% set display = "block" %}
{% else %}
{% set display = "none" %}
{% endif %}
<li class="meli-width-5 bgc-green basket-link"
style="display: {{ display }}"
id="js-header-basket"
>
<a class=""
href="{{ path('basket') }}">
<img src="{{ asset('assets/img/icons/panier.png') }}" alt="Panier">
</a>
<div class="countNb-box bgc-red meli-center-center">
<span class="countNb txt-century txt-bold txt-size12 txt-white"
id="js-header-basket-count">
{{ commonVarBasketCount }}
</span>
</div>
</li>
</ul>
</nav>
<div class="btn-box">
{% if app.user and is_granted('ROLE_CLIENT') %}
<div>
<button class="btn-base" id="js-submenu-btn">
<span>Mon compte</span>
</button>
</div>
<nav class="base-membership-submenu bgc-white" id="js-burger-submenu">
<p class="txt-century txt-bold txt-green txt-size15">Bonjour {{ app.user.client.firstname }}</p>
<ul>
<li>
<a href="{{ path('client_index') }}" class="txt-century txt-orange txt-size15">
Mon espace
</a>
</li>
<li>
<a href="{{ path('client_informations') }}" class="txt-century txt-orange txt-size15">
Mes informations
</a>
</li>
<li>
<a href="{{ path('client_command_list') }}" class="txt-century txt-orange txt-size15">
Mes commandes
</a>
</li>
<li>
<a href="{{ path('client_formation_list') }}" class="txt-century txt-orange txt-size15">
Mes cours
</a>
</li>
<li>
<a href="{{ path('app_logout') }}" class="txt-century txt-orange txt-size15">
Me déconnecter
</a>
</li>
</ul>
</nav>
{% elseif app.user and is_granted('ROLE_ADMIN') %}
<div>
<button class="btn-base" id="js-submenu-btn">
<span>Mon compte</span>
</button>
</div>
<nav class="base-membership-submenu bgc-white" id="js-burger-submenu">
<p class="txt-century txt-bold txt-green txt-size15">Bonjour {{ app.user.client.firstname }}</p>
<ul>
<li>
<a href="{{ path('admin_home') }}" class="txt-century txt-orange txt-size15">
Espace admin
</a>
</li>
<li>
<a href="{{ path('app_logout') }}" class="txt-century txt-orange txt-size15">
Me déconnecter
</a>
</li>
</ul>
</nav>
{% else %}
<a href="{{ path('app_login') }}">
<button class="btn-base">
<span>Connexion / Inscription</span>
</button>
</a>
{% endif %}
</div>
</div>
</header>
{# HEADER RESPONSIVE #}
<header class="resp-base-header bgc-darkGreen">
<div class="menu-row meli-section-90 meli-between-center">
<div class="burger meli-width-10">
<img src="{{ asset('assets/img/icons/menu-burger.png') }}" alt="Menu" id="js-burger-btn">
</div>
<div class="meli-width-25 meli-center-center">
<div class="account meli-width-40">
{% if app.user %}
<a href="{{ path('app_logout') }}">
<img src="{{ asset('assets/img/icons/mon-compte.png') }}" alt="Déconnexion">
</a>
{% else %}
<a href="{{ path('app_login') }}">
<img src="{{ asset('assets/img/icons/mon-compte.png') }}" alt="Mon compte">
</a>
{% endif %}
</div>
<div class="basket-resp meli-width-40" style="display: {{ display }}">
<a href="{{ path('basket') }}">
<img src="{{ asset('assets/img/icons/panier.png') }}" alt="Panier">
</a>
</div>
</div>
</div>
<div class="logo-box meli-section-30 meli-center-center">
<div class="img-box meli-width-100">
<img src="{{ asset('assets/img/logo/logo-couleur.png') }}" alt="La Cabane à Coudre">
</div>
</div>
</header>
{% endblock %}
<main>
{# MODAL FLASH #}
{% for message in app.flashes('info') %}
<div class="flash-modal" id="js-flash-modal">
<div class="content">
<p class="txt-century txt-green txt-size25">{{ message }}</p>
</div>
</div>
{% endfor %}
{% block modal %}{% endblock %}
{% block content %}{% endblock %}
</main>
{% block footer %}
<footer class="base-footer">
<div class="line-blue"></div>
<div class="meli-section-50">
<div class="row meli-between-start">
<div class="elm1 meli-width-15">
<a class="txt-century txt-bold txt-green txt-size15" href="{{ path('contact') }}">contact</a>
</div>
<div class="elm2 meli-width-25">
<ul>
<li>
<a class="txt-century txt-bold txt-green txt-size15" href="{{ path('legal-mention') }}">mentions légales</a>
</li>
<li>
<a class="txt-century txt-bold txt-green txt-size15" href="{{ path('cgv') }}">CGV</a>
</li>
{#<li>
<a class="txt-century txt-bold txt-green txt-size15" href="#">RGPD</a>
</li>#}
<li>
<a class="txt-century txt-bold txt-green txt-size15" href="#">Plan du site</a>
</li>
</ul>
</div>
<div class="elm3 meli-width-25">
<div class="img-box meli-width-90">
<img src="{{ asset('assets/img/logo/logo-transparent.png') }}" alt="La Cabane à Coudre">
</div>
</div>
<div class="elm4 meli-width-35">
<p class="social-title txt-center txt-century txt-bold txt-green txt-size15">
Suivez-nous
</p>
<div class="meli-evenly-center">
<div class="img-box meli-width-15">
<a href="https://fr-fr.facebook.com/SewingSo33/" target="_blank">
<img src="{{ asset('assets/img/icons/facebook.png') }}" alt="">
</a>
</div>
<div class="img-box meli-width-15">
<a href="https://www.youtube.com/c/SewingSoLaCabane%C3%A0coudre?app=desktop" target="_blank">
<img src="{{ asset('assets/img/icons/icone-youtube.png') }}" alt="">
</a>
</div>
<div class="img-box meli-width-15">
<a href="https://www.instagram.com/sewing_so_/?hl=fr" target="_blank">
<img src="{{ asset('assets/img/icons/icone-instagram.png') }}" alt="">
</a>
</div>
</div>
</div>
</div>
<div>
<p class="txt-century txt-size15 txt-lightGreen txt-regular txt-center">
2022 par <a
class="txt-century txt-size15 txt-lightGreen txt-regular txt-center txt-underline"
href="https://meliway.fr">Meliway</a> - Tous droits réservés
</p>
</div>
</div>
</footer>
{% endblock %}
<script src="{{ asset('assets/js/script.js') }}"></script>
{% block script %}{% endblock %}
</body>
</html>