{% embed 'WebsiteBundle:Layout:layout.html.twig' with {
metaSettings: {
'viewport': 'width=device-width, initial-scale=1',
'keywords': '',
'description': 'site.metadata.description'|trans
},
ogSettings: {
'title': 'site.metadata.title'|trans,
'image': '',
'description': 'site.metadata.description'|trans,
'url': url(app.request.get('_route'), app.request.get('_route_params'))
}
} %}

  {% block content %}
    <div id="contact-us" class="form-float">
      <h1>{{ 'site.footer.contact'|trans }}</h1>
      <p class="sub__title">
        {{ ('site.contact.subTitle'|trans)|raw }}
      </p>

      {% if app.session.flashBag.peek('error') is not empty %}
        <div class="flash flash--error">
          {% for flashMessage in  app.session.flashbag.get('error') %}
            {{ flashMessage }}
          {% endfor %}
        </div>
      {% endif %}

      {% if app.session.flashBag.peek('success') is not empty %}
        <div class="flash flash--success">
          {% for flashMessage in  app.session.flashbag.get('success') %}
            {{ flashMessage }}
          {% endfor %}
        </div>
      {% endif %}

      <div class="form group">
        {{ form_start(form) }}
        {{ form_errors(form) }}
        <div class="content__half">
          <div class="form-item compact">
            <div class="form-group">
              {{ form_label(form.name) }}
              {{ form_errors(form.name) }}
              {{ form_widget(form.name) }}
            </div>
          </div>

          <div class="form-item compact">
            <div class="form-group">
              {{ form_label(form.email) }}
              {{ form_errors(form.email) }}
              {{ form_widget(form.email) }}
            </div>
          </div>

          <div class="form-item compact">
            <div class="form-group">
              {{ form_label(form.phoneNumber) }}
              {{ form_errors(form.phoneNumber) }}
              {{ form_widget(form.phoneNumber) }}
            </div>
          </div>
        </div>

        <div class="content__half">
          <div class="form-item compact">
            <div class="form-group">
              {{ form_label(form.text) }}
              {{ form_errors(form.text) }}
              {{ form_widget(form.text) }}
            </div>
            {{ form_widget(form.submit, { 'label': 'site.forms.contactUs.fields.submit',  'attr': {'class': 'submit__button'} }) }}
            {{ form_rest(form) }}
          </div>
        </div>
        {{ form_end(form) }}
      </div>

      <hr>
      <div class="contact__items">
        <a target="_blank" href="https://www.google.be/maps/place/Henri+Dunantlaan+2,+9000+Gent/@51.0489685,3.7011099,17z/data=!3m1!4b1!4m5!3m4!1s0x47c3716fa28e186f:0x4c47ae2bb7a4eee2!8m2!3d51.0489685!4d3.7032986?hl=en">
          <div class="location contact__item">
            <i class="fa fa-map-marker" aria-hidden="true"></i>
            <p>{% trans %}site.contact.address{% endtrans %}<br>{% trans %}site.contact.postalCodeAndCity{% endtrans %}</p>
          </div>
        </a>

        <a href="tel:+3292265838">
          <div class="phone contact__item">
            <i class="fa fa-phone" aria-hidden="true"></i>
            <p>{% trans %}site.contact.phoneNumber{% endtrans %}</p>
          </div>
        </a>
        <a href="mailto:hello@ugent.be">
          <div class="mail contact__item">
            <i class="fa fa-envelope" aria-hidden="true"></i>
            <p>{% trans %}site.contact.email1{% endtrans %}<br>{% trans %}site.contact.email2{% endtrans %}</p>
          </div>
        </a>
      </div>

      <hr>
    </div>

  {% endblock %}
  {% block footer %}
    {% include 'WebsiteBundle:Layout/Partials:_footer.html.twig' %}
  {% endblock %}
{% endembed %}