{% extends "Layout/default.html.twig" %}
{% block navigation %}
{{ include('Convention/Includes/header.html.twig') }}
{% endblock %}
{% block content %}
{{ include('Content/includes/hero.html.twig') }}
{{ include('Navigation/breadcrumb.html.twig') }}
{{ include('Includes/main-title-block-splitted-editable.html.twig', {
suffix: '-main-title-block'
}) }}
{{ include('Includes/areablock.html.twig', {
suffix: 'top'
}) }}
{% embed 'Includes/editmode-settings.html.twig' %}
{% block additionalInfo %}
<div>
<label>
Number of teaser per page (default 8):
{{ pimcore_numeric('teaserPerPage', {
reload: true,
minValue: 4,
maxValue: 24
}) }}
</label>
</div>
{% endblock %}
{% endembed %}
<div class="js-ajax-form-map content-block position-relative" data-ajax-form-add-url-params="true" data-form-map-url="{{ document.fullPath }}?pois=1">
<div aria-live="polite">
<div class="slide bg-dark-bg content-block">
<div class="container container-narrow">
{{ include('Includes/title-block-editable.html.twig', {suffix: 'form-head', isCentered: true, isWhite: true}) }}
<form action="/404"
data-action="{{ app.request.pathInfo }}?ajax=1"
class="js-ajax-form-map__form js-form-validation js-conditional-form text-white">
{{ include('Form/Includes/select.html.twig', {
id: 'convention-partner',
inputModifier: "js-floating-label",
labelModifier: "floating-label",
inputWrapperModifier: "select__input-wrapper position-relative",
name: "convention-partner",
label: 'eventplanner.Welchen Convention Partner suchen Sie'|trans,
options: conventionCategoriesSelect|default([])
}) }}
<div class="js-conditional-form__part" data-name="convention-partner" data-value="locations" {% if app.request.get('convention-partner') is empty or app.request.get('convention-partner') != 'locations' %}hidden{% endif %}>
{# {{ include('Form/Includes/select.html.twig', {#}
{# id: "location",#}
{# inputModifier: "js-floating-label",#}
{# labelModifier: "floating-label",#}
{# inputWrapperModifier: "select__input-wrapper position-relative",#}
{# name: "location",#}
{# label: 'eventplanner.Wo wollen sie Ihre Convention abhalten?'|trans,#}
{# options: regionSelect|default([]),#}
{# }) }}#}
{{ include('Form/Includes/form-control.html.twig', {
id: 'keyword',
value: app.request.get('keyword') ? app.request.get('keyword') : '',
inputModifier: 'js-floating-label',
inputWrapperModifier: 'position-relative',
labelModifier: 'floating-label',
label: 'eventplanner.Stichwortsuche'|trans,
name: 'keyword'
}) }}
<div class="row">
<div class="col-md-6">
{{ include('Form/Includes/select.html.twig', {
id: 'category',
value: app.request.get('category') ? app.request.get('category') : '',
inputModifier: "js-floating-label",
labelModifier: "floating-label",
inputWrapperModifier: "select__input-wrapper position-relative",
name: "category",
label: 'eventplanner.Kategorie'|trans,
options: conventionAllCategoriesSelect|default([])
}) }}
</div>
<div class="col-md-6">
{{ include('Form/Includes/form-control.html.twig', {
id: 'participant',
name: 'participant',
value: app.request.get('participant') ? app.request.get('participant') : '',
inputModifier: 'js-floating-label',
inputWrapperModifier: 'position-relative',
labelModifier: 'floating-label',
label: 'eventplanner.Teilnehmer'|trans,
type: 'number',
required: false
}) }}
</div>
</div>
<div class="row">
<div class="col-md-6">
{{ include('Form/Includes/form-control.html.twig', {
id: 'seminarrooms',
name: 'seminarrooms',
value: app.request.get('seminarrooms') ? app.request.get('seminarrooms') : '',
inputModifier: 'js-floating-label',
inputWrapperModifier: 'position-relative',
labelModifier: 'floating-label',
label: 'eventplanner.Raumanzahl'|trans,
type: 'number',
required: false
}) }}
</div>
<div class="col-md-6">
{{ include('Form/Includes/form-control.html.twig', {
id: 'rooms',
name: 'rooms',
value: app.request.get('rooms') ? app.request.get('rooms') : '',
inputModifier: 'js-floating-label',
inputWrapperModifier: 'position-relative',
labelModifier: 'floating-label',
label: 'eventplanner.Unterkunft: Zimmer'|trans,
type: 'number',
required: false
}) }}
</div>
<fieldset class="mt-3">
<legend class="fz16 font-default-bold">{{ 'eventplanner.Bestuhlung'|trans }}</legend>
<div class="row">
<div class="col-md-4">
{{ include('Form/Includes/checkbox-button.html.twig', {
"label" : "eventplanner.Bankett"|trans,
"icon": "bankett",
"id": "bankett",
"name": "bankett",
"checked": app.request.get('bankett') ? true : false,
"value": '1'
}) }}
</div>
<div class="col-md-4">
{{ include('Form/Includes/checkbox-button.html.twig', {
"label" : "eventplanner.Theater"|trans,
"icon": "theater",
"id": "theater",
"name": "theater",
"checked": app.request.get('theater') ? true : false,
"value": '1'
}) }}
</div>
<div class="col-md-4">
{{ include('Form/Includes/checkbox-button.html.twig', {
"label" : "eventplanner.Parlament"|trans,
"icon": "parliament",
"id": "parliament",
"name": "parliament",
"checked": app.request.get('parliament') ? true : false,
"value": '1'
}) }}
</div>
<div class="col-md-4">
{{ include('Form/Includes/checkbox-button.html.twig', {
"label" : "eventplanner.U-style"|trans,
"icon": "u-style",
"id": "u-style",
"name": "u-style",
"checked": app.request.get('u-style') ? true : false,
"value": '1'
}) }}
</div>
<div class="col-md-4">
{{ include('Form/Includes/checkbox-button.html.twig', {
"label" : "eventplanner.Empfang"|trans,
"icon": "cocktail",
"id": "cocktail",
"name": "cocktail",
"checked": app.request.get('cocktail') ? true : false,
"value": '1'
}) }}
</div>
</div>
</fieldset>
<div class="row mt-4">
<div class="col-auto">
{{ include('Form/Includes/checkbox.html.twig', {
"label" : "eventplanner.Tageslicht"|trans,
"id": "daylight-checkbox",
"name": "daylight-checkbox",
"checked": app.request.get('daylight-checkbox') ? true : false,
"value": "1",
}) }}
</div>
<div class="col-auto">
{{ include('Form/Includes/checkbox.html.twig', {
"label" : "eventplanner.Befahrbar mit PKW"|trans,
"id": "pkw-checkbox",
"name": "pkw-checkbox",
"checked": app.request.get('pkw-checkbox') ? true : false,
"value": "1",
}) }}
</div>
</div>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary-light">{{ 'eventplanner.Ergebnisse anzeigen'|trans }}</button>
<div class="mt-3">
<a href="#" class="link--white text-underline js-ajax-form-map__reset">{{'eventplanner.Filter zurücksetzen'|trans}}</a>
</div>
</div>
</form>
</div>
</div>
<div class="content-block container">
<div class="js-ajax-form-map__notifications mb-3" hidden></div>
<div class="js-ajax-form-map__error-area mb-3" hidden>
<button class="js-ajax-form-map__retry btn btn-info ml-2">{{ 'eventplanner.Retry'|trans }}</button>
</div>
{{ include('Includes/loading-overlay.html.twig', {
styleModifier: 'js-ajax-form-map__loading'
}) }}
{{ include('Includes/title-block-editable.html.twig', {
isCentered: true
}) }}
{{ include('Convention/Includes/eventplanner-paging.html.twig', {
paginator: paginator
}) }}
</div>
</div>
</div>
{{ include('Includes/areablock.html.twig', {
suffix: 'bottom'
}) }}
{% endblock %}
{% block javascripts %}
{% if not app.request.get('onlyInlineCss') %}
{{ include('Layout/includes/encore.html.twig', {
'staticDebugMode': staticDebugMode,
'file': 'js/convention'
}) }}
{% endif %}
{% endblock %}