{% extends 'layout.html.twig' %}
{% block content %}
<main class="main" role="main">
<section class="apk-banner">
{% if editmode %}
<div class="uk-container">
<div uk-alert>
<h2 class="uk-h2">Banner avec recherche</h2>
<div class="uk-margin-top">
{{ pimcore_textarea('banner-titre', {'placeholder' : 'Titre de la banner', 'nl2br' : true, 'htmlspecialchars' : true}) }}
</div>
<div class="uk-margin-top">
{{ pimcore_textarea('banner-description', {'placeholder' : 'Description de la banner'}) }}
</div>
<div class="uk-margin-top">
{{ pimcore_image('banner-image', {'width' : 1000 , 'height' : 400}) }}
</div>
</div>
</div>
{% else %}
<div class="apk-banner-container uk-cover-container">
{% if pimcore_image('banner-image') %}
<img class="uk-cover" uk-cover src="{{ pimcore_image('banner-image').getThumbnail('full-background') }}" alt="{{ pimcore_image('banner-image').getAlt() }}">
{% endif %}
<div class="uk-container uk-position-relative uk-height-1-1 uk-position-z-index">
<div class="uk-flex uk-flex-bottom uk-height-1-1">
<div class="apk-container-700">
<h1 class="uk-h1 apk-background-lined uk-margin-remove-bottom">{{ pimcore_textarea('banner-titre', { 'nl2br' : true, 'htmlspecialchars' : false})|raw }}</h1>
<div class="uk-margin-small-top">
<span class="apk-description">{{ pimcore_textarea('banner-description', {'placeholder' : 'Description de la banner'}) }}</span>
</div>
<div class="uk-margin-top">
<form class="uk-light" action="{{path('search')}}" method="GET">
<div class="uk-grid-small uk-flex uk-flex-middle uk-grid" uk-grid>
<div class="uk-width-expand@s">
<input class="uk-input" type="text" name="search" id="search" placeholder="{{'Votre ville ?' |trans}}">
</div>
<div class="uk-width-auto@s uk-flex uk-flex-center">
<button class="uk-button uk-button-large uk-button-primary uk-flex uk-flex-center uk-flex-middle" type="submit" id="" value="{{'Recherche'|trans}}">
<span>{{'Rechercher'|trans}}</span>
<img class="uk-margin-small-left" uk-svg width="25" height="25" src="/static/img/icons/zoom.svg" alt="{{'Recherche' | trans}}">
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="apk-banner-bottom uk-light">
<div class="uk-container">
<div class="uk-grid-small uk-grid" uk-grid>
<div class="uk-width-1-2@m uk-text-center">
{% if pimcore_website_config('messagePremium') is null %}
<p><strong>{{totalBusinesses}}</strong> {{ "lieux d'accueil partenaires" }}</p>
{% else %}
<p>{{ "premium.hidden"|trans }}</p>
{% endif %}
</div>
<div class="uk-width-1-2@m uk-text-center">
{% if pimcore_website_config('messageAvailabilities') is null %}
<p><strong>{{availablePlaces}}</strong> {{ "places disponibles dès maintenant" }}</p>
{% else %}
<p>{{ "avalabilities.hidden"|trans }}</p>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
</section>
{{pimcore_areablock('content')}}
</main>
{% endblock %}