{% extends '@SyliusShop/layout.html.twig' %}
{# {% block title %}
Idées cadeaux | {{ parent() }}
{% endblock %}
{% block metatags %}
{{ parent() }}
<meta name="description" content="" />
{% endblock %} #}
{% block title %}{{ bitbag_cms_render_block('metatitle-gift') }} | {{ parent() }}{% endblock %}
{% block metatags %}
{{ parent() }}
<meta name="description" content="{{ bitbag_cms_render_block('metadesc-gift')|striptags|raw|replace({"\n": "", "\r": "", "\t": ""}) }}" />
{% endblock %}
{% block container_css_classes %}
{% apply spaceless %}
bitbag_sylius_cms_plugin_shop_page_show
{% endapply %}
{% endblock %}
{% block content %}
<div class="page-content typecms5" style="background-image: url('/webapic-theme/images/asupprimer/page-bg-content-full.png')">
{# Fil d'ariane #}
{{ wo_render_breadcrumbs() }}
</div>
<div class="bitbag-block">
<div class="block-type17">
<div class="block-type17-left">
{# <img src="{{ asset('webapic-theme/images/idee-cadeaux.jpg') }}"> #}
<img src="{{ asset('webapic-theme/images/idee-cadeaux-noel.jpg') }}">
</div>
<div class="block-type17-right">
<div class="block-type17-right-ctn">
<div class="block-type17-right-top">
<ul>
{% for siteGiftIdeaLink in siteGiftIdeaLinks %}
<li>
<a href="{{ siteGiftIdeaLink.link|default('#') }}">{{ siteGiftIdeaLink.name }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class="block-type17-right-form">
<h1><span>{{ 'app.front.cadeaux.title1'|trans }}<br />{{ 'app.front.cadeaux.title2'|trans }}</span>{{ 'app.front.cadeaux.title3'|trans }}</h1>
<h2>{{ 'app.front.cadeaux.title4'|trans }}</h2>
<p>{{ 'app.front.cadeaux.title5'|trans }}</p>
<form method="get">
{# {{dump(ages.configuration.choices)}} #}
<ul class="top">
<li class="active">
{% if is_mobile() %}
{{ 'app.front.cadeaux.form1'|trans }}
{% else %}
{{ 'app.front.cadeaux.form2'|trans }}
{% endif %}
{% if pour_qui != null %}
<span class="minus">({{ ('app.form.product_variant.gift_for.' ~ pour_qui)|trans }})</span>
{% endif %}
</li>
<li class="">
{{ 'app.front.cadeaux.form3'|trans }}
{% if quel_age != null and quel_age in ages.configuration.choices|keys %}
<span class="minus">({{ ages.configuration.choices[quel_age][sylius.localeCode] }})</span>
{% endif %}
</li>
<li class="">
{{ 'app.front.cadeaux.form4'|trans }}
{% if budget != null %}
<span class="minus">({{ (budget) }}€)</span>
{% endif %}
</li>
</ul>
<ul class="bottom">
<li class="active">
<select name="pour_qui" placeholder="Pour qui">
<option value="" disabled>{{ 'app.front.cadeaux.form2'|trans }}</option>
<option value="">-</option>
{% for row in giftFor %}
<option value="{{ row }}" {% if row == pour_qui %}selected{% endif %} >{{ ('app.form.product_variant.gift_for.' ~ row)|trans }}</option>
{% endfor %}
</select>
<span></span>
</li>
<li>
<select name="quel_age" placeholder="Quel âge">
<option value="" disabled>{{ 'app.front.cadeaux.form3'|trans }}</option>
<option value="">-</option>
{% for key,age in ages.configuration.choices %}
<option value="{{ key }}" {% if key == quel_age %}selected{% endif %}>{{ age[sylius.localeCode] }}</option>
{% endfor %}
</select>
<span></span>
</li>
<li>
<select name="budget" placeholder="Budget">
<option value="" disabled>{{ 'app.front.cadeaux.form4'|trans }}</option>
<option value="">-</option>
<option value="10" {% if budget == '10' %}selected{% endif %}>- 10€</option>
<option value="20" {% if budget == '20' %}selected{% endif %}>- 20€</option>
<option value="30" {% if budget == '30' %}selected{% endif %}>- 30€</option>
<option value="40" {% if budget == '40' %}selected{% endif %}>- 40€</option>
<option value="50" {% if budget == '50' %}selected{% endif %}>- 50€</option>
</select>
<span></span>
</li>
</ul>
<button type="submit">{{ 'app.front.cadeaux.bottom1'|trans }} <i class="check icon"></i></button>
</form>
</div>
</div>
</div>
<div class="block-type17-bottom">
<h2>{{ 'app.front.cadeaux.bottom2'|trans }} <strong>{{ 'app.front.cadeaux.bottom3'|trans }}</strong> !</h2>
</div>
</div>
<div class="ui six cards listing1 containergrid containergrid16 js-ajax-list-products bitbag-page-products" id="products">
{# Liste des produits en ajax #}
{{displayProducts | raw}}
</div>
{% include 'partials/block-dejavu.html.twig' %}
{% endblock %}