{% extends 'base.html.twig' %}
{% block title %}Maturin{% endblock %}
{% block JS %}
{% endblock %}
{% block body %}
<div class="container-fluid" style="background-color: white;">
<div class="row" >
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12" style="{% block styleContainer %}{% endblock %}">
{% include 'menu.html.twig' %}
{# {% include 'frontend/menu.html.twig' %} #}
{% set current_path = app.request.get('_route') %}
{% if current_path != "fos_user_security_login" %}
{% if global.associationUserIsBrowsing %}
{% include 'frontend/fullmenu.html.twig' %}
{% else %}
{% include 'frontend/fullmenu.html.twig' %}
{% endif %}
{% endif %}
{% block content %}{% endblock %}
</div>
</div>
{% if page is not defined or forceFooter is defined or (page is defined and page.template == 'footer.html.twig') %}
{{ block('footer', 'Omelo/Templates/footer.html.twig') }}
{% endif %}
</div>
{% if global.displayStarterKits %}
{# Doing the modal for suggestions of products #}
<!-- START COPYING -->
{% if not global.associationUserIsBrowsing %}
<div class="carouselSlider" data-sm-init="true">
<div class="title">OBTENEZ 10% SUR VOTRE PREMIER ACHAT</div>
<p style="">Abonnez-vous à notre infolettre et recevez les suggestions que nous préparerons pour vous ainsi que des idées-repas.</p>
<div class="row">
<div class="col-md-12">
<form method="post" action="/">
<input type="hidden" name="action" value="newsletter_subscribe">
<input type="text" class="form-control" name="newsletter_email" placeholder="Entrez votre courriel">
<br>
<button class="btn btn-success btn-block">M'inscrire</button>
</form>
</div>
</div>
</div>
<!--
<div class="carouselSlider" data-sm-init="true">
<div class="title"><span>☆</span>Ensembles découvertes<span>☆</span></div>
<p style="">Simplifiez-vous la vie sans compromis de qualité avec un ensemble découverte 100% local.</p>
{% if global.starterKits | length > 2 %}
<div class="actions">
<button class="nav prev">←</button>
<button class="nav next">→</button>
</div>
{% endif %}
<div class="carouselWrapper">
<ul class="carouselList" data-show="2" data-padding="20">
{% for p in global.starterKits %}
<li>
<a href="{{path('viewProduct', {'producerUrl': p.product.company.UrlName, 'productName': p.product.UrlName, 'id': p.product.Id })}}"><img src="{{path('getImageAsCroppedThumb', {'id': p.image.id, 'height': '100', 'width': '100'})}}" style="width:auto!important;"/></a>
<a href="{{path('viewProduct', {'producerUrl': p.product.company.UrlName, 'productName': p.product.UrlName, 'id': p.product.Id })}}" class="name">{{p.product.nameWithDetails}}</a>
<div class="price" style="padding: 0px;">{{p.product.displayPrice}}</div>
{% if p.product.isSalable %}
<br>
<div class="button button-100 button-orange add-to-cart" data-type="product" data-id="{{p.product.id}}" style="font-size: 12px;">
ACHETER
</div>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div> -->
{% endif %}
{% endif %}
{% if global.displaySurvey %}
<div class="surveyDialog" data-sm-init="true">
<div class="title">AIDEZ NOUS À MIEUX VOUS CONNAÎTRE</div>
<p style="">Remplissez un court sondage pour nous aider à vous connaître.</p>
<div class="row">
<div class="col-md-12">
<br>
<div class="btn-group">
<a href="{{path('survey',{id:1})}}" class="btn btn-success btn-block" style="background-color:green;">Répondre</a>
</div>
<div class="btn-group">
<a href="{{path('survey',{id:2})}}" class="btn btn-success btn-block" style="background-color:green;">Plus-tard</a>
</div>
<div class="btn-group">
<a href="{{path('survey',{id:3})}}" class="btn btn-success btn-block" style="background-color:green;">Ne plus afficher</a>
</div>
</div>
</div>
</div>
{% endif %}
{% include 'frontend/menu_mobile.html.twig' %}
{% endblock %}
{% block mainJS %}
{{parent()}}
<script src="/assets/frontend/js/jquery-3.1.1.min.js"></script>
<script src="/assets/admin/plugins/notifyjs/js/notify.js"></script>
<script src="/assets/admin/plugins/notifications/notify-metro.js"></script>
<script src="/assets/admin/js/jquery.core.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script>
<script>
$(function() {
lazyload();
/*
$('#flashMessages').find('.flashMessage').each(function(){
var type = $(this).data('type');
if(type == 'focus'){
var html = $(this).text();
var targetOffset= $(html).offset().top;
$('html, body').animate({scrollTop: targetOffset}, 1000);
}else{
$.Notification.autoHideNotify($(this).data('type'),'bottom right','Informations', $(this).text());
}
});
*/
});
</script>
{% endblock %}
{% block mainCSS %}
{{parent()}}
<link href="/assets/shared/plugins/slick-modal-css3-powered-popups/src/plugin/css/slickmodal.min.css" rel="stylesheet" type="text/css" />
<link href="/assets/shared/plugins/slick-modal-css3-powered-popups/src/demos/css/carousel_slider.css" rel="stylesheet" type="text/css" />
{% endblock %}