{% extends 'base.html.twig' %}
{% block title %}{{ 'app.contact.contactUs'|trans }}{% endblock %}
{% block body %}
<!-- start page-title -->
<section class="page-title">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<h2>{{ 'app.contact.contactUs'|trans }}</h2>
{# <p>Gregor then turned to look out the window at the weather</p> #}
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end page-title -->
<!-- start contact-section-s3 -->
<section class="contact-section-s3 contact-pg-section">
<div class="content-area clearfix">
<div class="contact-info-col">
<div class="contact-info">
<ul>
{# <li>
<i class="fi flaticon-home-3"></i>
<h4>{{ 'app.home.ouraddress'|trans }}</h4>
<p>54, Dahs udin sorok, Melborn Austria</p>
</li> #}
<li>
<i class="fi flaticon-email"></i>
<h4>{{ 'app.home.emailus'|trans }}</h4>
<p>contact@sofel-legal-consulting.com</p>
</li>
<li>
<i class="fi flaticon-support"></i>
<h4>{{ 'app.home.callUs'|trans }}</h4>
<p>+212678560875</p>
</li>
<li>
<i class="fi flaticon-clock"></i>
<h4>{{ 'app.home.office_hours'|trans }}</h4>
<p>{{ 'app.home.fromMondayToFriday'|trans }} : De 09h à 18h</p>
<p>{{ 'app.home.saturday'|trans }} : De 9h à 13h</p>
</li>
</ul>
</div>
</div>
<div class="contact-form-col">
<div class="section-title-s2">
<div class="icon">
<i class="fi flaticon-balance"></i>
</div>
<span>{{ 'app.contact.contactform'|trans }}</span>
</div>
<div class="contact-form">
<form action="{{path('contactSend')}}" method="post" class="contact-validation-active">
<div>
<input type="text" class="form-control" name="firstname" id="firstname" placeholder="{{ 'app.contact.firstname'|trans }}*">
</div>
<div>
<input type="text" class="form-control" name="lastname" id="lastname" placeholder="{{ 'app.contact.lastname'|trans }}*">
</div>
<div>
<input type="email" class="form-control" name="mail" id="mail" placeholder="{{ 'app.contact.email'|trans }}*">
</div>
<div>
<input type="text" class="form-control" name="phone" id="phone" placeholder="{{ 'app.contact.phone'|trans }}*">
</div>
<div style="width:96%">
<input type="text" class="form-control" name="subject" id="subject" placeholder="{{ 'app.contact.subject'|trans }}*">
</div>
<div class="fullwidth">
<textarea class="form-control" name="message" id="message" placeholder="{{ 'app.contact.casedescription'|trans }}..."></textarea>
</div>
<div class="submit-area">
<button type="submit" class="theme-btn">{{ 'app.contact.submit'|trans }}</button>
</div>
{% for message in app.flashes('success_en') %}
<div id="success">
{{ message }}
</div>
{% endfor %}
</form>
</div>
</div>
</div>
<!-- end content-area -->
</section>
<!-- end contact-section-s3 -->
{% endblock %}