templates/pages/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {# form theme: https://symfony.com/doc/current/form/form_themes.html #}
  3. {% form_theme form 'form_div_layout.html.twig' %}
  4. {% block title %}
  5. お問い合わせ|相模原市、厚木市の注文住宅・分譲住宅のアオイ建設株式会社
  6. {% endblock %}
  7. {% block meta_og_title %}
  8. お問い合わせ|相模原市、厚木市の注文住宅・分譲住宅のアオイ建設株式会社
  9. {% endblock %}
  10. {% block meta_twitter_title %}
  11. お問い合わせ|相模原市、厚木市の注文住宅・分譲住宅のアオイ建設株式会社
  12. {% endblock %}
  13. {% block meta_description %}
  14. {{ parent() }}
  15. アオイ建設のお問い合わせフォームです。相模原市、大和市、町田市エリアの注文住宅、リフォーム、土地分譲、新築一戸建てならアオイ建設にご相談下さい。デザイン住宅や、自然素材住宅、お客様のご要望に合わせた幅広いご提案を致します。あなたのお悩み、お気軽にご相談ください。
  16. {% endblock %}
  17. {% block meta_og_description %}
  18. {{ parent() }}
  19. アオイ建設のお問い合わせフォームです。相模原市、大和市、町田市エリアの注文住宅、リフォーム、土地分譲、新築一戸建てならアオイ建設にご相談下さい。デザイン住宅や、自然素材住宅、お客様のご要望に合わせた幅広いご提案を致します。あなたのお悩み、お気軽にご相談ください。
  20. {% endblock %}
  21. {% block extraHeader %}
  22. <script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  23. {% endblock %}
  24. {% block body %}
  25. <main id="contactForm">
  26.   <div class="breadcrumbs">
  27.     <div class="breadcrumbsContainer">
  28.       <a href="{{ path('top') }}">TOP</a>
  29.       <span></span>
  30.       <div>お問い合わせ</div>
  31.     </div>
  32.   </div>
  33.   <div class="pageTitle">
  34.     <h1>CONTACT</h1>
  35.     <span>お問い合わせ</span>
  36.   </div>
  37.   <section class="formInfo">
  38.     <div class="formInfo__order">
  39.       <div class="formInfoOrder__number">
  40.         <span class="current">1</span>
  41.         内容入力
  42.       </div>
  43.       <span class="line1"></span>
  44.       <div class="formInfoOrder__number">
  45.         <span>2</span>
  46.         内容確認
  47.       </div>
  48.       <span class="line2"></span>
  49.       <div class="formInfoOrder__number">
  50.         <span>3</span>
  51.         送信完了
  52.       </div>
  53.     </div>
  54.     <p>土地分譲から注文住宅、リノベーションまで<br>住まいのことなら何でもご相談ください。</p>
  55.   </section>
  56.   <section class="formContents">
  57.     <div class="formContents__item">
  58.       {% if not retry %}
  59.       {# <p>問い合わせページのコンテンツ。確認ページへ行ってバリデーションエラーがあった場合ここは表示されない</p> #}
  60.       {% else %}
  61.         <p class="error">{{ form_errors(form) }}</p>
  62.       {% endif %}
  63.       {{ form_start(form, {"action": path('contact_confirm'), "attr": {"class": "h-adr"}}) }}
  64.       <span class="p-country-name" style="display:none;">Japan</span>
  65.       <div>
  66.         <label for="{{ form.subject.vars.id }}" class="required">
  67.           {{form.subject.vars.label}}
  68.         </label>
  69.         <div class="form_select">
  70.           <div>
  71.             {{ form_widget(form.subject) }}
  72.           </div>
  73.           {{ form_errors(form.subject) }}
  74.         </div>
  75.       </div>
  76.       {% include "components/inquiry/_form_name.html.twig" %}
  77.       {% include "components/inquiry/_form_mail_phone_addr.html.twig" %}
  78.       {{ form_row(form.message, {
  79.         "attr": {
  80.           "placeholder": "ここにお問い合わせ内容が入ります。"
  81.         }
  82.       }) }}
  83.     </div>
  84.     <div class="formContents__bottom">
  85.       <p>入力された個人情報の取り扱いについて、<br class="br__spStyle"><a href="{{ path('privacy_index') }}">プライバシーポリシー</a>に基づき<br class="br__spStyle">取り扱われることに同意するものとします。</p>
  86.       <div class="formContentsBottom__button">
  87.         <a href="/" class="button_back"><span></span>TOPページへ戻る</a>
  88.         <button type="submit" class="button_nomal">同意して入力内容の確認へ<span></span></button>
  89.       </div>
  90.       {{ form_end(form) }}
  91.     </div>
  92.   </section>
  93. </main>
  94. {% endblock %}