templates/contact.html.twig line 92

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  5.     {% include 'includes/breadcrumb.html.twig' %}
  7.     <main class="main">
  8.         <section class="section-intro">
  9.             <div class="container-fluid">
  10.                 <h1>{{ pimcore_input("introTitle", {'placeholder': 'Intro titel ...'}) }}</h1>
  11.             </div><!--/ .container-fluid -->
  12.         </section>
  14.         <section class="section-content">
  15.             <div class="container-fluid">
  16.                 <div class="container-inner">
  17.                     <div class="row">
  18.                         <div class="col-lg-6 col-xl-4 offset-xl-1 mb-5 mb-lg-0">
  19.                             <div class="contact-info">
  20.                                 <div class="h3">{{ pimcore_input("companyTitle", {'placeholder': 'Bedrijfsnaam ...'}) }}</div>
  22.                                 <p>
  23.                                     {{ pimcore_textarea("companyAddress",{
  24.                                         "nl2br": true,
  25.                                         "placeholder": "Adres..."
  26.                                     }) }}
  27.                                 </p>
  29.                                 <table class="table table-sm table-borderless table--contact">
  30.                                     <tr>
  31.                                         <td>BTW:</td>
  32.                                         <td>{{ pimcore_input("companyBTW", {'placeholder': 'BTW nummer'}) }}</td>
  33.                                     </tr>
  35.                                     <tr>
  36.                                         <td colspan="2">{{ pimcore_input("companyDepartment", {'placeholder': 'Afdeling...'}) }}</td>
  37.                                     </tr>
  39.                                     {#
  40.                                     <tr>
  41.                                         <td>KBC:</td>
  42.                                         <td>BE58 7380 0776 5779</td>
  43.                                     </tr>
  45.                                     <tr>
  46.                                         <td>BIC:</td>
  47.                                         <td>KREDBEBB</td>
  48.                                     </tr>
  49.                         
  50.                                     <tr>
  51.                                         <td>LK:</td>
  52.                                         <td>BE50 1032 2499 6218</td>
  53.                                     </tr>
  55.                                     <tr>
  56.                                         <td>BIC:</td>
  57.                                         <td>NICABEBB</td>
  58.                                     </tr>
  59.                         
  60.                                     <tr>
  61.                                         <td>ING:</td>
  62.                                         <td>BE39 3800 1705 7119</td>
  63.                                     </tr>
  65.                                     <tr>
  66.                                         <td>BIC:</td>
  67.                                         <td>BBRUBEBB</td>
  68.                                     </tr>
  69.                         
  70.                                     <tr>
  71.                                         <td>BNP:</td>
  72.                                         <td>BE52 0015 8770 6609</td>
  73.                                     </tr>
  75.                                     <tr>
  76.                                         <td>BIC:</td>
  77.                                         <td>GEBABEBB</td>
  78.                                     </tr>
  79.                         
  80.                                     <tr>
  81.                                         <td>RABO:</td>
  82.                                         <td>NL47 RABO 0147 8280 82</td>
  83.                                     </tr>
  85.                                     <tr>
  86.                                         <td>BIC:</td>
  87.                                         <td>RABONL2U</td>
  88.                                     </tr>
  89.                                     #}
  90.                                 </table>
  92.                                 {% if editmode or not pimcore_link('email2').isEmpty() %}
  93.                                 <p>E {{ pimcore_link('email1', {'placeholder': 'Email #1'}) }}</p>
  94.                                 {% endif %}
  96.                                 {% if editmode or not pimcore_link('email2').isEmpty() %}
  97.                                 <p>E {{ pimcore_link('email2', {'placeholder': 'Email #2'}) }}</p>
  98.                                 {% endif %}
  100.                                 
  101.                                 <div class="my-5">
  102.                                     {{  
  103.                                         pimcore_wysiwyg("exraContent", {
  104.                                             "height": 300,
  105.                                             "placeholder": 'Uw tekst...',
  106.                                             "stylesSet": [
  107.                                                 {name: 'Knop (primair)', element: 'a', attributes: {'class': 'btn btn-outline-primary'} },
  108.                                                 {name: 'Knop (secundair)', element: 'a', attributes: {'class': 'btn btn-outline-secondary'} }
  109.                                             ]
  110.                                         }) 
  111.                                     }}
  112.                                 </div>
  114. {#                                <div class="h3">{{ pimcore_input("hoursTitle", {'placeholder': 'Openingsuren ...'}) }}</div>#}
  116. {#                                {% set timeBlock = pimcore_block("hoursBlock", {"manual": true}).start() %}#}
  118. {#                                <table class="table table-sm table-borderless">#}
  119. {#                                {% for b in timeBlock.iterator %}#}
  120. {#                                    {% do timeBlock.blockConstruct() %}#}
  121. {#                                        {% do timeBlock.blockStart() %}#}
  122. {#                                        <tr>#}
  123. {#                                            <td>{{ pimcore_input("day", {'placeholder': 'Dag ...', 'class':'span'}) }}</td>#}
  124. {#                                            <td>{{ pimcore_input("morning", {'placeholder': 'Voormiddag ...'}) }}</td>#}
  125. {#                                            <td>{{ pimcore_input("afternoon", {'placeholder': 'Namiddag ...'}) }}</td>#}
  126. {#                                        </tr>#}
  127. {#                                        {% do timeBlock.blockEnd() %}#}
  128. {#                                    {% do timeBlock.blockDestruct() %}#}
  129. {#                                {% endfor %}#}
  130. {#                                </table>#}
  131. {#                                {% do timeBlock.end() %}#}
  133. {#                                <p>{{ pimcore_input("hoursExtra", {'placeholder': 'Extra info...'}) }}</p>#}
  135. {#                                {{ pimcore_link('button', {'class': 'btn btn-outline-secondary', "placeholder": "Knop..."}) }}#}
  136.                             </div><!--/ .contat-innfo-->
  137.                         </div>
  139.                         <div class="col-lg-6 col-xl-6">
  140.                             <div class="img-wrapper mb-4">
  141.                             {{ pimcore_image("galleryImage", {
  142.                                 'thumbnail': 'ContactBannerThumbnail',
  143.                                 'class': 'img-fluid'
  144.                             }) }}
  145.                             </div>
  147.                             <div class="card">
  148.                                 <div class="card-body">
  149.                                     <div class="h3">{{ pimcore_input("formTitle", {'placeholder': 'Contactformulier titel ...'}) }}</div>
  151.                                      {% set config = {
  152.                                         'form_id': 1,
  153.                                         'form_template': 'bootstrap_4_layout.html.twig',
  154.                                         'output_workflow': 'ContactWorkflow'
  155.                                     } %}
  157.                                     {{ form_builder_static(config) }}
  159.                                     {#
  160.                                     <div class="row">
  161.                                         <div class="col-lg-6">
  162.                                             <div class="form-group">
  163.                                                 <label for="">Voornaam</label>
  164.                                                 <input class="form-control" type="text">
  165.                                             </div>
  166.                                         </div>
  168.                                         <div class="col-lg-6">
  169.                                             <div class="form-group">
  170.                                                 <label for="">Naam</label>
  171.                                                 <input class="form-control" type="text">
  172.                                             </div>
  173.                                         </div>
  175.                                         <div class="col-12">
  176.                                             <div class="form-group">
  177.                                                 <label for="">E-mailadres</label>
  178.                                                 <input class="form-control" type="email">
  179.                                             </div>
  180.                                         </div>
  182.                                         <div class="col-lg-5">
  183.                                             <div class="form-group">
  184.                                                 <label for="">Bedrijf</label>
  185.                                                 <input class="form-control" type="email">
  186.                                             </div>
  187.                                         </div>
  189.                                         <div class="col-lg-7">
  190.                                             <div class="form-group">
  191.                                                 <label for="">Telefoon/GSM</label>
  192.                                                 <input class="form-control" type="email">
  193.                                             </div>
  194.                                         </div>
  196.                                         <div class="col-12">
  197.                                             <div class="form-group">
  198.                                                 <label for="">Uw bericht</label>
  199.                                                 <textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
  200.                                             </div>
  201.                                         </div>
  203.                                         <div class="col-12 text-end">
  204.                                             <a href="#" class="btn btn-outline-secondary">
  205.                                                 Verzenden
  206.                                             </a>
  207.                                         </div>
  208.                                     </div><!--/ .row -->
  209.                                     #}
  210.                                 </div>
  211.                             </div>
  212.                         </div>
  213.                     </div><!--/ .row -->
  215.                 </div><!--/ .container-inner -->
  216.             </div><!--/ .container-fluid -->
  217.         </section>
  218.     </main>
  219.     
  220. {% endblock %}