templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block head %}
  4.     {{ parent() }}
  5.     <meta name="description" content="{{ 'CONTACT_META_DESCRIPTION'|trans}}">
  6.     <meta name="keywords" content="{{ 'CONTACT_META_KEYWORDS'|trans}}">
  7. {% endblock %}
  8. {% block title %}{{ 'CONTACT_META_TITLE'|trans }}{% endblock %}
  10. {% block body %}
  11. <main>
  12.     <section class="komili-blog-detail">
  13.         <div class="komili-wrapper">
  14.             <div class="komili-blog-detail-box">
  15.                 <div class="komili-blog-detail-box-grid">
  16.                     <div class="text">
  17.                         <h1 class="bold text-color-p mb-24"></h1>
  18.                         <p class="bold">Elleair International Turkey Kişisel Bakım Ürünleri Üretim Anonim Şirketi</p>
  20.                         <p>{{ 'ADDRESS: '|trans }}<br>
  21.                             Balçık Mahallesi Pelitli Yolu Caddesi No:138/1/1 Gebze-Kocaeli</p>
  23.                         {% if errorMessage %}
  24.                             <p style="color: red">{{ errorMessage }}</p>
  25.                         {% endif %}
  27.                         {% if successMessage %}
  28.                             <p style="color: green">{{ successMessage }}</p>
  29.                         {% endif %}
  31.                         <form action="{{ path('contact') }}" method="post">
  32.                             <div class="mb-24">
  33.                                 <label for="full_name" class="form-label" {% if fullName %}style="color: red"{% endif %}>{{ 'FULL_NAME'|trans }}</label>
  34.                                 <input type="text" name="full_name" value="{{ values ? values['full_name'] : ''}}" class="form-input w-100">
  35.                                 {% if fullName %}<p style="color: red">{{ fullName }}</p>{% endif %}
  36.                             </div>
  37.                             <div class="mb-24">
  38.                                 <label for="email" class="form-label" {% if email %}style="color: red"{% endif %}>{{ 'EMAIL'|trans }}</label>
  39.                                 <input type="text" name="email" value="{{ values ? values['email'] : ''}}" class="form-input w-100">
  40.                                 {% if email %}<p style="color: red">{{ email }}</p>{% endif %}
  41.                             </div>
  42.                             <div class="mb-24">
  43.                                 <label for="subject" class="form-label" {% if subject %}style="color: red"{% endif %}>{{ 'SUBJECT'|trans }}</label>
  44.                                 <input type="text" name="subject" value="{{ values ? values['subject'] : ''}}" class="form-input w-100">
  45.                                 {% if subject %}<p style="color: red">{{ subject }}</p>{% endif %}
  46.                             </div>
  47.                             <div class="mb-24">
  48.                                 <label for="message" class="form-label" {% if message %}style="color: red"{% endif %}>{{ 'MESSAGE'|trans }}</label>
  49.                                 <textarea name="message" class="form-textarea w-100">{{ values ? values['message'] : ''}}</textarea>
  50.                                 {% if message %}<p style="color: red">{{ message }}</p>{% endif %}
  51.                             </div>
  52.                             <div class="mb-24">
  53.                             <label style="display: flex; align-items: flex-start;">
  54.                                 <input type="checkbox" name="kvkk_general" required style="margin-top: 3px; margin-right: 10px;">
  55.                                 <span> 
  56.                                     <a href="/genel-aydinlatma-metni" target="_blank">Genel Aydınlatma Metni</a>'ni okudum, onaylıyorum.
  57.                                 </span>
  58.                             </label>
  59.                         </div>
  60.                         <div class="mb-24">
  61.                             <label style="display: flex; align-items: flex-start;">
  62.                                 <input type="checkbox" name="kvkk_customer" required style="margin-top: 3px; margin-right: 10px;">
  63.                                 <span>
  64.                                     <a href="/kisisel-verilerin-korunmasi-kanunu" target="_blank">Müşteri Aydınlatma Metni</a>'ni okudum, onaylıyorum.
  65.                                 </span>
  66.                             </label>
  67.                         </div>
  68.                         {% if recaptchaError %}
  69.                         <div class="mb-24">
  70.                             <p style="color: red">{{ recaptchaError }}</p>
  71.                         </div>
  72.                         {% endif %}
  73.                             <!-- reCAPTCHA v3 token (gizli) -->
  74.                             <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">
  75.                             <button class="btn color-p" type="submit" id="submit-btn">{{ 'SEND'|trans }}</button>
  76.                         </form>
  77.                     </div>
  78.                     <div class="video-wrapper">
  79.                         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1508.8301510715166!2d29.435276679047632!3d40.85738139458354!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cb270db6eaf731%3A0x67c47a86d66e3cf5!2zRWxsZWFpciBJbnRlcm5hdGlvbmFsIFR1cmtleSBLacWfaXNlbCBCYWvEsW0gw5xyw7xubGVyaSDDnHJldGltIEEuxZ4u!5e0!3m2!1sen!2str!4v1644494043534!5m2!1sen!2str" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </section>
  85. </main>
  87. <script>
  88. // reCAPTCHA v3 JavaScript
  89. document.addEventListener('DOMContentLoaded', function() {
  90.     const siteKey = '{{ app.request.server.get('GOOGLE_RECAPTCHA_SITE_KEY') ?: '6LcmpY4rAAAAAEcO_pf7QdMOBNCtolpEuriy43A5' }}';
  91.     const submitBtn = document.getElementById('submit-btn');
  92.     const form = submitBtn.closest('form');
  93.     
  94.     // Form submit event'ini yakala
  95.     form.addEventListener('submit', function(e) {
  96.         e.preventDefault(); // Formu durdur
  97.         
  98.         // reCAPTCHA token al
  99.         grecaptcha.ready(function() {
  100.             grecaptcha.execute(siteKey, {action: 'contact_form'}).then(function(token) {
  101.                 // Token'ı hidden input'a yaz
  102.                 document.getElementById('g-recaptcha-response').value = token;
  103.                 // Form'u gerçekten submit et
  104.                 form.submit();
  105.             });
  106.         });
  107.     });
  108. });
  109. </script>
  110. {% endblock %}