{% extends "layout/default.html.twig" %}{% block content %} <main id="main-content" role="main" class="{{ not editmode ? 'main-content' }} content-block js-content-visibility content-visibility--auto"> {% if not editmode %} {{ include('navigation/breadcrumb.html.twig') }} {% endif %} <section class="contact-form-area container"> <div class="row mb-5"> <div class="col-md-7"> {{ include('includes/title-blocks/title-block.html.twig', {subtitleStyle: 'text-gradient-primary'}) }} </div> </div> <div class="row mt-5"> <div class="col-md-12"> {% if editmode %} {% embed('includes/editmode-settings.html.twig') %} {% block settings %} <div> E-Mail document admin: {{ pimcore_relation('email-admin', { "types": ["document"], "subtypes": { "document": ["email"], } }) }} </div><br> <div> E-Mail address admin: {{ pimcore_input('admin-address') }} </div><br> <div> Success page: {{ pimcore_relation('success', { "types": ["document"], "subtypes": { "document": ["page", "link"], } }) }} </div> {% endblock %} {% endembed %} {% endif %} {{ include('includes/atoms/flash-messages.html.twig', { styleModifier: 'mb-3' }) }} <form action="" class="contact-form js-reload-form js-form-validation js-elhc-form" data-form-validation-default-submit="false" method="POST"> <div class="js-reload-form__loading" hidden> {{ include('includes/overlays/loading-overlay.html.twig') }} </div> <div class="row gy-4"> {% for inputKey, inputName in el_hash_cash().createStamp() %} <input type="hidden" name="{{ inputKey }}" value="{{ inputName }}"> {% endfor %} <div class="row"> <div class="col-md-3 col-sm-4 col-6"> {{ include('includes/form_elements/select.html.twig', { id: 'salutation', name: 'salutation', label: 'form.salutation'|trans, className: 'form-group', inputWrapperModifier: "has-value", options: [{ label: '', value: '', selected: true }, { label: 'form.salutation.male'|trans, value: 'male' }, { label: 'form.salutation.female'|trans, value: 'female' }, { label: 'form.salutation.divers'|trans, value: 'divers' }] }) }} </div> </div> <div class="col-md-4"> {{ include('includes/form_elements/select.html.twig', { id: 'company', name: 'company', label: 'form.company'|trans, className: 'form-group', inputWrapperModifier: "has-value", options: [{ label: 'form.company.none'|trans, value: 'form.company.none'|trans, selected: true }, { label: 'form.company.holding'|trans, value: 'form.company.holding'|trans, }, { label: 'form.company.construction'|trans, value: 'form.company.construction'|trans, }, { label: 'form.company.loader'|trans, value: 'form.company.loader'|trans, }] }) }} </div> <div class="col-md-4 col-sm-6 col-6"> {{ include('includes/form_elements/form-control.html.twig', { label: 'form.name'|trans, placeholder: 'form.name'|trans, id: "name", name: "name" }) }} </div> <div class="col-md-4"> {{ include('includes/form_elements/form-control.html.twig', { label: 'form.email'|trans, placeholder: 'form.email'|trans, id: "email", name: "email", type: "email" }) }} </div> <div class="col-md-7"> {{ include('includes/form_elements/text-area.html.twig', { label: 'form.message'|trans, placeholder: 'form.message'|trans, id: "message", name: "message" }) }} <div class="text-small--grey help-form--row">{{ 'form.pflichtfelder'|trans }}</div> </div> </div> <div class="text-center form-button"> <button type="submit" class="btn btn-primary">{{ 'form.submit'|trans }}</button> </div> </form> </div> </div> </section> {{ include('includes/areablock.html.twig') }} </main>{% endblock %}