<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}{{ company_name }}{% endblock %}</title>
{% block stylesheets %}
{{ include('modules/__styles.twig') }}
{% endblock stylesheets %}
{# sandbox: https://api.sandbox.paypal.com #}
{# live: https://paypal.com #}
<script
src="https://www.paypal.com/sdk/js?client-id=ATCbg2lJSwIQUm-ZgCl5sxyLGMPpzET1NdUzSsYNZZ-LXOSh856XGrpjOhC1lTU6KWL8CANS8-7lAFw_">
</script>
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ asset('css/general.css') }}">
</head>
<body class="toolbar-enabled fond-gris">
{% block header %}
{{ include('modules/__header.html.twig') }}
{% endblock header %}
{% block body %}
{% endblock body %}
{% block footer %}
<footer class="bg-dark pt-5">
<div class="container">
<div class="row pb-2">
<div class="col-md-4 col-sm-6">
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title text-light">Catégories</h3>
{{ render(controller('App\\Controller\\EntrepriseController::menuAction')) }}
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title text-light">A propos de nous</h3>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="{{ path('about') }}">A propos de nous</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="{{ path('blog.accueil') }}">Blog</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="widget pb-2 mb-4">
<h3 class="widget-title text-light pb-1">Restez informé</h3>
<form action="{{ path('s_abonner_newsletter') }}" id="formNewsletter" class="cz-subscribe-form validate" name="mc-embedded-subscribe-form" novalidate>
<div class="input-group input-group-overlay flex-nowrap">
<div class="input-group-prepend-overlay"><span class="input-group-text text-muted font-size-base"><i class="czi-mail"></i></span></div>
<input class="form-control prepended-form-control" type="email" name="email" placeholder="Votre email" required>
<div class="input-group-append">
<button id="btnSAbonner" class="btn btn-primary">s'abonner*</button>
</div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input class="cz-subscribe-form-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1">
</div><small class="form-text text-light opacity-50">*Abonner vous à notre newsletter pour recevoir nos offres</small>
<div class="subscribe-status"></div>
</form>
</div>
</div>
</div>
</div>
<div class="pt-5 bg-darker">
<div class="container">
{# <hr class="hr-light pb-4 mb-3"> #}
<div class="row pb-2">
<div class="col-md-6 text-center text-md-left mb-4">
<div class="text-nowrap mb-4"><a class="d-inline-block align-middle mt-n1 mr-3" href="#"><img class="d-block" width="64" src="{{ asset('image/logo.png') }}" alt="Virtuel market"/></a>
<div class="btn-group dropdown disable-autohide">
</div>
</div>
<div class="widget widget-links widget-light">
<ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
<li class="widget-list-item mr-4"><a class="widget-list-link" href="{{ path('faq') }}">FAQ</a></li>
<li class="widget-list-item mr-4"><a class="widget-list-link" href="{{ path('index_aide') }}">Support et Aide</a></li>
<li class="widget-list-item mr-4"><a class="widget-list-link" href="{{ path('privacy') }}">Confidentialité</a></li>
<li class="widget-list-item mr-4"><a class="widget-list-link" href="{{ path('term') }}">Condition d'utilisation</a></li>
</ul>
</div>
</div>
<div class="col-md-6 text-center text-md-right mb-4">
<div class="mb-3"><a class="social-btn sb-light sb-facebook ml-2 mb-2" target="_blank" href="https://web.facebook.com/AssieGroup"><i class="czi-facebook"></i></a>
</div>
</div>
<div class="pb-4 font-size-xs text-light opacity-50 text-center text-md-left">© All rights reserved.<a class="text-light" href="https://www.assiegroup.com/" target="_blank" rel="noopener">Assie Informatique</a></div>
</div>
</div>
</footer>
{# Toolbar for handheld devices #}
{% set panier = app.session.get('panier') %}
{% set nombreProduit = app.session.get('nombreProduit') %}
{% set montantProduit = app.session.get('montantProduit') %}
<div class="cz-handheld-toolbar">
<div class="d-table table-fixed w-100">{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}<a class="d-table-cell cz-handheld-toolbar-item" href="{{ path('user_wishlist') }}"><span class="cz-handheld-toolbar-icon"><i class="czi-heart"></i></span><span class="cz-handheld-toolbar-label">{{ 'entreprise.wishlist' | trans }}</span></a>{% endif %}<a class="d-table-cell cz-handheld-toolbar-item" href="#navbarCollapse" data-toggle="collapse" onclick="window.scrollTo(0, 0)"><span class="cz-handheld-toolbar-icon"><i class="czi-menu"></i></span><span class="cz-handheld-toolbar-label">Menu</span></a><a class="d-table-cell cz-handheld-toolbar-item" href="{{ path('cart') }}"><span class="cz-handheld-toolbar-icon"><i class="czi-cart"></i><span class="badge badge-primary badge-pill ml-1">{{ nombreProduit }}</span></span><span class="cz-handheld-toolbar-label">{{ montantProduit }} {{ devise }}</span></a>
</div>
</div>
<!-- Back To Top Button--><a class="btn-scroll-top" href="#top" data-scroll><span class="btn-scroll-top-tooltip text-muted font-size-sm mr-2">Top</span><i class="btn-scroll-top-icon czi-arrow-up"> </i></a>
{% endblock footer %}
{% block javascripts %}
{{ include('modules/__scripts.twig') }}
<script type="text/javascript">
$(function(){
var $btnAddToCart = $('.btnAddToCart'), $checkoutItems = $('#checkout_items');
var $removeProductFromCart = $('.removeProductFromCart');
var $formNewsletter = $('#formNewsletter');
var $btnSAbonner = $('#btnSAbonner');
var $btnWishlist = $('.btn-wishlist');
var $siteLocale = $('#site-locale');
let x = document.querySelectorAll(".formated-number");
for (let i = 0, len = x.length; i < len; i++) {
let num = Number(x[i].innerHTML).toLocaleString('{{ app.request.locale }}');
//x[i].innerHTML = num;
}
$btnWishlist.click(function(e){
e.preventDefault();
$.ajax({
url: $(this).attr('name'),
method: 'GET',
//processData: false,
//contentType: false,
success: function (data, textStatus, jqXHR) {
toggleToast('success', data);
},
error: function(jqXHR, textStatus, errorThrown ){
toggleToast('error', 'Une erreur s\'est produite');
}
});
});
$btnSAbonner.click(function(e){
e.preventDefault();
$.ajax({
url: $formNewsletter.attr('action'),
method: 'POST',
data: $formNewsletter.serialize(),
//processData: false,
//contentType: false,
success: function (data, textStatus, jqXHR) {
toggleToast('success', data);
$formNewsletter.trigger('reset');
},
error: function(jqXHR, textStatus, errorThrown ){
}
});
});
$removeProductFromCart.click(function(e){
e.preventDefault();
var $monBouton = $(this);
$.ajax({
url: $(this).attr('title'),
method: 'GET',
//processData: false,
//contentType: false,
success: function (data, textStatus, jqXHR) {
$monBouton.parent().remove();
toggleToast('success', 'Produit retiré');
},
error: function(jqXHR, textStatus, errorThrown ){
toggleToast('success', 'Une erreur est survenue');
}
});
});
$btnAddToCart.click(function(e){
//e.preventDefault();
var $myButton = $(this);
$myButton.attr('disabled', true);
var $form = $(this).parent();
$.ajax({
url: $form.attr('action'),
method: 'POST',
data: $form.serialize(),
//processData: false,
//contentType: false,
success: function (data, textStatus, jqXHR) {
var $nb = parseInt($checkoutItems.text());
var $montantProduit = $('#montantProduit');
if( $nb > 0){
$nb++;
} else{
$nb = 1;
}
console.log(data.montantProduit);
$montantProduit.text(formatTheNumber(data.montantProduit, $siteLocale.text()));
$checkoutItems.text($nb);
toggleToast('success', 'Produit ajouté');
$myButton.attr('disabled', false);
},
error: function(jqXHR, textStatus, errorThrown ){
$myButton.attr('disabled', false);
toggleToast('error', 'Une erreur s\'est produite');
}
});
});
$('.home-collection-slide').slick({
infinite: true,
slidesToShow: 4,
slidesToScroll: 4,
autoplay: true,
accessibility: true,
initialSlide: 1,
autoplaySpeed: 4000,
arrows: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
infinite: true,
autoplay: true,
}
}
]
});
});
</script>
{% endblock javascripts %}
</body>
</html>