{% if document.property('blogPortal') %} <section class="{{ styleModifier|default('') }} bg-secondary newsletter-slide" id="magazine-subscribe"> <div class="container container-md text-center"> <div class="h2 newsletter-slide__title"> {{ ('magazin.subscribe.' ~ document.property('blogPortal').key ~ '.Bleiben Sie auf dem Laufenden')|trans }} </div> <div class="newsletter-slide__content wysiwyg"> {{ ('magazin.subscribe.' ~ document.property('blogPortal').key ~ '.Description')|trans|raw }} </div> <form class="js-parsley js-form-validation mt-md-5 mt-4 js-elhc-form js-elhc-form-ajax " action="#magazine-subscribe" method="post"> <input type="hidden" name="portal" value="{{ document.property('blogPortal').id }}"> <input type="hidden" name="subscribeMagazine" value="1"> <div class="row justify-content-center"> <div class="col-md-4"> <div class="form-group"> <input type="email" required class="form-control footer-main__form-control" placeholder="{{ 'magazin.subscribe.E-Mail Adresse'|trans }}" aria-label="{{ 'magazin.subscribe.E-Mail Adresse'|trans }}" name="email"> </div> </div> <div class="col-md-3"> <button type="submit" class="btn btn-primary btn-block"> {{ 'magazin.subscribe.Abonnieren'|trans }} </button> </div> <div class="col-md-4 wysiwyg"> {{ ('magazin.subscribe.' ~ document.property('blogPortal').key ~ '.gdpr')|trans|raw }} </div> </div> </form> <div class="row justify-content-center"> <div class="col-md-11 d-md-flex justify-content-start mt-3 mt-md-0"> {% if subscribeSuccess | default(false) %} {{ ('magazin.subscribe.' ~ document.property('blogPortal').key ~ '.Success')|trans|raw }} {% endif %} {% if (errors | default([])) is not empty %} <ul class="list-unstyled mt-4"> {% for error in errors %} <li class="alert alert-danger d-inline-block mb-2">{{ ('magazin.subscribe.error.' ~ error) |trans }}</li> {% endfor %} </ul> {% endif %} </div> </div> </div> </section>{% endif %}