{% extends 'base.html.twig' %}
{% block title %}Hello ContactController!{% endblock %}
{% block body %}
<div class="container-fluid content">
<div class="row">
<div class="col-1"></div>
<div class="col-3">
{{ include('social.html.twig') }}
</div>
<div class="col-4">
<div class="contact">
<h1>Contact</h1>
<p>Trimitene un mesaj si noi iti vom raspunde cat mai repede posibil</p>
<form class="form-horizontal" role="form" method="post" action="#contact">
<input type="text" class="form-control f1" id="name" placeholder="Nume" name="name" value="">
<input type="email" class="form-control f1" id="email" placeholder="Adresa de email" name="email" value="">
<input type="text" class="form-control f1" id="phone" placeholder="Nr. Telefon" name="phone" value="">
<textarea class="form-control f1" rows="7" id="mesaj" placeholder="Detalii suplimentare" name="mesaj"></textarea>
<input name="submit" type="submit" value="Trimite mesaj" class="btn" >
</form>
</div>
</div>
</div>
</div>
{#<style>#}
{# .map {min-height: 400px;}#}
{#</style>#}
{#<div class="container">#}
{# <div class="col-md-12">#}
{# <h1>Completați formularul de mai jos și promitem să revenim cu un răspuns cât mai rapid.</h1>#}
{# </div>#}
{# <div class="col-md-12">#}
{# <div class="col-md-6">#}
{# <div class="form-group">#}
{# {{ form_start(form) }}#}
{# {{ form_end(form) }}#}
{# </div>#}
{# </div>#}
{# <div class="col-md-6 map">#}
{# <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4133.060600904793!2d27.306833516132198!3d44.214663279105956!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1sro!2sro!4v1647422402243!5m2!1sro!2sro" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>#}
{# </div>#}
{# </div>#}
{#</div>#}
{% endblock %}