src/IUTUDC/WebsiteBundle/Resources/views/Default/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'Page/layout.html.twig' %}
  3. {% block breadcrumbs %}
  4.     {% set homepagePageNode = nodemenu.getNodeByInternalName('homepage') %}
  5.     <nav aria-label="breadcrumb" role="navigation">
  6.         <div class="container">
  7.             <ol class="breadcrumb">
  8.                 <li class="breadcrumb-item"><a href="{{ path('_slug', { 'url': homepagePageNode.slug }) }}"><i class="icon-home"></i></a></li>
  9.                 <li class="breadcrumb-item active" aria-current="page">Formulaires</li>
  10.             </ol>
  11.         </div>
  12.     </nav>
  13. {% endblock %}
  15. {% block content %}
  16.     {% set homepagePageNode = nodemenu.getNodeByInternalName('homepage') %}
  17.     <section class="form-section">
  18.         <div class="container">
  19.             
  20.             <div class="row">
  21.                 <div class="col-12">
  22.                     <h1 class="title-form" style="margin-top:0">Contactez-nous</h1>
  23.                     {% if form_errors is defined and form_errors is not empty %}
  24.                         <div class="alert alert-danger">
  25.                             <ul>
  26.                                 {% for error in form_errors %}
  27.                                     <li>{{ error.message }}</li>
  28.                                 {% endfor %}
  29.                             </ul>
  30.                         </div>
  31.                     {% endif %}
  32.                 </div>
  33.             </div>
  34.             <div class="row">
  35.                 <div class="col-12">
  36.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3906.7031063128384!2d43.24197291440924!3d-11.715427991688532!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1898f95ae30422bd%3A0xa1d1b7f3b32ea780!2sIUT!5e0!3m2!1sfr!2s!4v1516094662447" width="100%" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
  37.                 </div>
  38.                 <div class="col-sm-3 offset-sm-1">
  39.                     <h3><strong>IUT, Université des Comores</strong></h3>
  40.                     <address>
  41.                         Avenue de la république populaire de chine<br />
  42.                         Moroni, Union des Comores<br />
  43.                         B.P. 2531<br />
  44.                         Tel : +269 773 04 62, +269 332 85 78
  45.                     </address>
  46.                 </div>
  47.                 <div class="col-sm-7">
  48.                     {{ form_start(form) }}
  49.                         {% for message in app.flashes('notice') %}
  50.                             <div class="row alert alert-success">
  51.                                 {{ message }}
  52.                             </div>
  53.                         {% endfor %}
  54.                         <div class="form-row">
  55.                             <div class="form-group col-sm-6 {% if form_errors(form.nom) %}invalid-input{% endif %}">
  56.                                 {{ form_label(form.nom, 'Nom') }}
  57.                                 {{ form_widget(form.nom, {'attr': {'class': 'form-control'}}) }}
  58.                             </div>
  59.                             <div class="form-group col-sm-6 {% if form_errors(form.prenom) %}invalid-input{% endif %}">
  60.                                 {{ form_label(form.prenom, 'Prénom') }}
  61.                                 {{ form_widget(form.prenom, {'attr': {'class': 'form-control'}}) }}
  62.                             </div>
  63.                         </div>
  64.                         <div class="form-row">
  65.                             <div class="form-group col-sm-6 {% if form_errors(form.email) %}invalid-input{% endif %}">
  66.                                 {{ form_label(form.email, 'Adresse Email') }}
  67.                                 {{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
  68.                             </div>
  69.                             <div class="form-group col-sm-6 {% if form_errors(form.telephone) %}invalid-input{% endif %}">
  70.                                 {{ form_label(form.telephone, 'Téléphone') }}
  71.                                 {{ form_widget(form.telephone, {'attr': {'class': 'form-control'}}) }}
  72.                             </div>                            
  73.                         </div>
  74.                         <div class="form-row">
  75.                             <div class="form-group col-sm-12 {% if form_errors(form.objet) %}invalid-input{% endif %}">
  76.                                 {{ form_label(form.objet, 'Objet') }}
  77.                                 {{ form_widget(form.objet, {'attr': {'class': 'form-control'}}) }}
  78.                             </div>
  79.                         </div>
  80.                         <div class="form-row">
  81.                             <div class="form-group col-sm-12 {% if form_errors(form.message) %}invalid-input{% endif %}">
  82.                                 {{ form_label(form.message, 'Message') }}
  83.                                 {{ form_widget(form.message, {'attr': {'class': 'form-control', 'rows': 5}}) }}
  84.                             </div>
  85.                         </div>
  86.                         <div class="text-right">
  87.                             <button type="submit" class="btn btn-orange">Envoyer</button>
  88.                         </div>
  89.                         <a href="{{ path('_slug', { 'url': homepagePageNode.slug }) }}">Retourner à l'accueil</a>
  90.                     {{ form_end(form) }}
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </section>
  95. {% endblock %}