{% form_theme form 'bootstrap_4_layout.html.twig' %}
{% import 'page/macro/breadcrumbs.html.twig' as breadcrumbNode %}
{% if breadcrumbs is defined %}
<div class="row">
<div class="col-12">
{{ breadcrumbNode.generate(breadcrumbs) }}
</div>
</div>
{% endif %}
<div class="title is-display-flex is-justify-content-space-between is-flex-wrap w-100">
<h1>{{ page.title }}</h1>
<div class="widget widget--sm widget--sm__blank__primary">
{% if config_setting('site_social_facebook') %}
<a href="{{ config_setting('site_social_facebook') }}"
title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Facebook"
target="_blank">
<i class="fab fa-fw fa-facebook-f"></i>
</a>
{% endif %}
{% if config_setting('site_social_twitter') %}
<a href="{{ config_setting('site_social_twitter') }}"
title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Twitter"
target="_blank"><i
class="fab fa-fw fa-x-twitter"></i></a>
{% endif %}
{% if config_setting('site_social_linkedin') %}
<a href="{{ config_setting('site_social_linkedin') }}"
title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} LinkedIn"
target="_blank"><i
class="fab fa-fw fa-linkedin-in"></i></a>
{% endif %}
{% if config_setting('site_social_youtube') %}
<a href="{{ config_setting('site_social_youtube') }}"
title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Youtube"
target="_blank"><i
class="fab fa-fw fa-youtube"></i></a>
{% endif %}
{% if config_setting('site_social_instagram') %}
<a href="{{ config_setting('site_social_instagram') }}"
title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Instagram"
target="_blank"><i class="fab fa-fw fa-instagram"></i></a>
{% endif %}
</div>
</div>
<hr class="is-margin-bottom-30">
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-12 col-md-8 is-box-left">
<div class="card is-box-shadow-0 is-border-1 is-border-color-tertiary">
<div class="card-body">
{{ form_start(form, {'attr': {'data-component': 'Form'}}) }}
{{ form_widget(form) }}
<div class="form-group">
<div class="button-set h-align h-align-right">
<button class="is-btn is-btn__cta" data-settings='{"class": "buttonProps"}'
id="submit_btn"
type="submit">
{{ 'Send'|trans }}<i class="far fa-angle-right icon-after"></i></button>
</div>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
<div class="col-12 col-md-4 is-box-right">
<div class="card is-box-shadow-0 is-background-color-default">
<div class="card-body">
<h2>{{ 'Contact information'|trans }}</h2>
<div class="contact-info">
<p><span class="contact-icon location"> {{ config_setting('site_company_address') }}</span><br/>
{{ config_setting('site_company_zipcode') }} {{ config_setting('site_company_place') }}</p>
<p><span class="contact-icon tel">{{ createPhoneNumber(config_setting('site_company_telephone')) }}</span><br/>
<span class="contact-icon mail"> {{ site_company_email_address }}</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>