<!DOCTYPE html>
<html lang="{{ app.request.locale|slice(0, 2) }}">
<head>
{# Seulement si on est en production #}
{% if app.environment == 'prod' %}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KQZBRVZ');</script>
<!-- End Google Tag Manager -->
{% endif %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{% block title %}Bikers Avenue{% endblock %}</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
{# <link href="https://api.mapbox.com/mapbox-assembly/v1.3.0/assembly.min.css" rel="stylesheet">#}
<script id="search-js" defer="" src="https://api.mapbox.com/search-js/v1.0.0-beta.16/web.js"></script>
<script src='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.css' rel='stylesheet' />
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
{% block metatags %}
{% endblock %}
{% block stylesheets %}
<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
<link href="{{ asset('style.css') }}" rel="stylesheet">
<style>
h1, h2, h3, h4, p, a, span, li, ul, button, input, label, textarea, select, option{
font-family: 'Poppins', sans-serif !important;
}
*{
/*font-family: 'Poppins', sans-serif !important;*/
--xs-fz: 16px;
--sm-fz: 20px;
--md-fz: 28px;
--lg-fz: 32px;
}
@media only screen and (max-width: 1025px){
*{
--xs-fz: 12px;
--sm-fz: 14px;
--md-fz: 18px;
--lg-fz: 24px;
}
}
#main-container{
width: 100%;
padding-bottom: 4rem;
margin-top: 7.5rem;
}
#menu {
background: transparent;
position: absolute !important;
width: 100%;
height: 75px;
margin: 0 !important;
}
.bitbag-page a, .bitbag-page a:hover {
color: rgba(0, 0, 0, .87);
width: 100%;
}
.bitbag-image-block a, .bitbag-image-block a:hover, .bitbag-image-block a:focus {
color: #333333;
}
.top.one {
margin-top: 1rem;
}
.bitbag-page, .bitbag-frequently-asked-question {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(34, 36, 38, .15);
}
.bitbag-page:hover {
background: rgba(0, 0, 0, .03);
}
.italic {
font-style: italic;
}
.intro {
text-align: center;
text-transform: uppercase;
font-weight: 900;
}
.intro.promo {
text-align: center;
text-transform: none;
font-weight: 900;
font-size: 20px;
}
.ui.menu .item > .label.credentials {
font-size: 14px;
}
.cms-logo {
margin-top: 20px;
margin-bottom: 20px;
}
pre {
overflow: auto;
}
.container-h {
max-width: 1432px;
width: 100%;
margin: 0 auto;
}
.ui.breadcrumb{
margin: 2rem 0 !important;
}
</style>
{{ sonata_block_render_event('sylius.shop.layout.stylesheets') }}
{{ sylius_template_event('sylius.shop.layout.stylesheets') }}
{% endblock %}
{{ sonata_block_render_event('sylius.shop.layout.head') }}
</head>
<body class="pushable">
{% if app.request.pathInfo %}
<style>
#main-container{
margin-top: 75px;
}
</style>
{% endif %}
{% if app.environment == 'prod' %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQZBRVZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% endif %}
{{ sonata_block_render_event('sylius.shop.layout.before_body') }}
<div class="pusher">
{% block top %}
{% set urlpath = app.request.pathInfo %}
<div id="menu" class="ui large sticky inverted stackable menu">
{{ sonata_block_render_event('sylius.shop.layout.before_currency_switcher') }}
{{ render(controller('sylius.controller.shop.currency_switch:renderAction')) }}
{{ render(controller('sylius.controller.shop.locale_switch:renderAction')) }}
{{ sonata_block_render_event('sylius.shop.layout.before_security_widget') }}
{{ render(controller('sylius.controller.shop.security_widget:renderAction', {'urlpath': urlpath})) }}
{{ sonata_block_render_event('sylius.shop.layout.after_security_widget') }}
</div>
{% endblock %}
{% if app.request.pathInfo != "/" %}
<style>
/*#main-container{*/
/* margin-top: 75px;*/
}
.container-h {
max-width: 1432px;
width: 100%;
margin: 0 auto;
}
</style>
{% endif %}
<div class="ui container" id="main-container">
{# {% block header %}#}
{# <header>#}
{# {% include '@SyliusShop/_header.html.twig' %}#}
{# {{ sonata_block_render_event('sylius.shop.layout.after_header') }}#}
{# <div class="ui large stackable menu">#}
{# {{ render(url('sylius_shop_partial_taxon_index_by_code', {'code': 'menu_category', 'template': '@SyliusShop/Taxon/_horizontalMenu.html.twig'})) }}#}
{# {{ render(path('bitbag_sylius_cms_plugin_shop_page_show_link_by_code', {'code' : 'about', 'template' : '@BitBagSyliusCmsPlugin/Shop/Page/Show/_link.html.twig'})) }}#}
{# <a href="{{ path('sylius_admin_login') }}" class="item">#}
{# <span class="ui label blue credentials">Admin credentials: bitbag, password: password</span>#}
{# </a>#}
{# </div>#}
{# </header>#}
{# {% endblock %}#}
{# {% include '@SyliusUi/_flashes.html.twig' %}#}
{{ sonata_block_render_event('sylius.shop.layout.before_content') }}
{% block content %}
{% endblock %}
{{ sonata_block_render_event('sylius.shop.layout.after_content') }}
</div>
{% block footer %}
{% include '@SyliusShop/_footer.html.twig' %}
{% endblock %}
</div>
{% block javascripts %}
{% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/app.js'} %}
{{ sylius_template_event('sylius.shop.layout.javascripts') }}
{{ sonata_block_render_event('sylius.shop.layout.javascripts') }}
{% endblock %}
{% include '@SyliusUi/Modal/_confirmation.html.twig' %}
{{ sonata_block_render_event('sylius.shop.layout.after_body') }}
</body>
</html>