{% extends 'base.html.twig' %}
{% block body_class %}product-product-42{% endblock %}

{% block body %}
    <div class="header-content-title">
        <div style="background-image: url('{{ asset('bundles/frontend/') }}image/catalog/demo/banners/parallax.jpg'); background-position: 50% 78.1106%;" data-source-url="{{ asset('bundles/frontend/') }}image/catalog/demo/banners/parallax.jpg" class="parallex">
        </div>
    </div>
    <div id="product-category" class="container product-category">
        <div class="page-title-wrapper">
            <div class="container">
                <h1 class="page-title">Contactez-Nous</h1>
                <ul class="breadcrumb">
                    <li><a href="{{ path('homepage') }}"><i class="fa fa-home"></i></a></li>
                    <li>Contactez-Nous</li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div id="content" class="col-sm-12" style="min-height: 300px">
                {{ form_start(form,{ 'attr': {'class': 'form-horizontal form-contact','id':'cntact','name':'form-contact','data-response-message-animation':'slide-in-up' } }) }}
                <div class="form-group"><label >Nom & Prénom</label> {{ form_widget(form.nom,{ 'attr': {'class': 'form-control' } }) }}</div>
                <div class="form-group"><label >Sujet</label> {{ form_widget(form.titre,{ 'attr': {'class': 'form-control' } }) }}</div>
                <div class="form-group"><label>Email</label> {{ form_widget(form.email,{ 'attr': {'class': 'form-control' } }) }}</div>
                <div class="form-group"><label >Sujet</label> {{ form_widget(form.content,{ 'attr': {'class': 'form-control summernote' } }) }}</div>
                <div class="form-group mt-5"><button class="btn btn-rounded btn-primary btn-block btn-lg text-center" type="submit" name="name">envoyer</button></div>
                {{ form_rest(form) }}
                {{ form_end(form) }}
            <div class="panel panel-default contact-location">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-4 store-address">
                            <div class="location-title">
                                <i class='fa fa-map'></i> Adresse
                            </div>
                            <address class="location-detail">
                                {{ societe[0].adresse }}
                            </address>
                            <a href="{{ societe[0].localisation }}" target="_blank" class="btn btn-info"><i class="fa fa-map-marker"></i> Google Map</a>
                        </div>
                        <div class="col-sm-4 store-contact">
                            <div class="location-title"><i class='fa fa-phone'></i> Telephone </div>
                            <div class="location-detail"> {{ societe[0].numtel }}
                                <div class="location-detail"> {{ societe[0].numtel2 }} </div>
                                <div class="location-detail">{{ societe[0].fax1 }} </div></div>
                        </div>
                        <div class="col-sm-4 store-contact">
                            <div class="location-title"><i class='fa fa-fax'></i> Fax </div>
                            <div class="location-detail">{{ societe[0].fax1 }} </div></div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
   {% endblock %}