{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
<style>
.slick-prev:before,
.slick-next:before {
color: black;
font-size: 35px;
}
.slide-container{
height: 350px;
}
.home-collection-slide-container{
width: 97%;
}
</style>
{% endblock stylesheets %}
{% block body %}
<!-- Slider-->
<div class="container" >
<div class="row">
<div class="col-md-2">
<div>
{% for leftBoxe in leftBoxes %}
<div>
<div class="card">
<div class="card-body text-center">
{{ leftBoxe.contenu | raw }}
</div>
</div>
</div>
<br/>
{% endfor %}
</div>
</div>
<div class="col-md-7">
<div id="slide-container">
{{ render(controller('App\\Controller\\EntrepriseController::homeSlidesAction')) }}
</div>
</div>
<div class="col-md-3">
<div>
{% for rightBoxe in rightBoxes %}
<div>
<div class="card">
<div class="card-body text-center">
{{ rightBoxe.contenu | raw }}
</div>
</div>
</div>
<br/>
{% endfor %}
</div>
</div>
</div>
</div>
<section class="container pt-5">
<!-- Heading-->
{% for collection in collections %}
{% if collection.isPromotional %}
<div class="row">
{% set photos = collection.photos %}
{% for p in photos %}
<div class="col">
<img src="{{ p.url }}" />
</div>
{% endfor %}
</div>
{% else %}
<div class="assie-card">
<div class="assie-card-body">
<div class="d-flex flex-wrap justify-content-between align-items-center pt-1 border-bottom pb-4 mb-4">
<h2 class="h3 mb-0 pt-3 mr-2">{{ collection.nom }}</h2>
<div class="pt-3"><a class="btn btn-outline-accent btn-sm" href="{{ path('product_by_collection', {'slug': collection.slug}) }}">Plus de produits<i class="czi-arrow-right ml-1 mr-n1"></i></a></div>
</div>
<!-- Grid-->
<div class="home-collection-slide-container">
<div class="row pt-2 mx-n2 home-collection-slide">
<!-- Product-->
{% set products = collection.products %}
{{ include ('entreprise/product_raw_list_1.html.twig') }}
<!-- Product-->
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</section>
<br/>
<br/>
<br/>
{# End main #}
{% endblock body %}
{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
$(function(){
$('.autoplay-slide').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 3000,
arrows: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
autoplay: true,
}
}
]
});
});
</script>
{% endblock javascripts %}