app/template/default/Contact/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% form_theme form 'Form/form_div_layout.twig' %}
  3. {% block stylesheet %}
  4.     <style>
  5.         .ec-required {
  6.         display: inline-block;
  7.         color: #fff;
  8.         background-color: #DB2356;
  9.         font-size: 13px;
  10.         border-radius: 2px;
  11.         padding: 5px 10px;
  12.         margin-left: 10px;
  13.         }
  14.         .error input,
  15.         .error textarea {
  16.             background: #FDF1F0
  17.         }
  18.         .ec-errorMessage {
  19.             color: red;
  20.             margin-bottom: 25px;
  21.         }
  22.         @media (min-width: 600px) {
  23.             .ec-errorMessage {
  24.                 margin-left: 35px;
  25.             }
  26.         }
  27.     </style>
  28. {% endblock stylesheet %}
  29. {% block javascript %}
  30.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  31.     <script src="{{ asset('assets/js/lib/ajaxzip3.js') }}"></script>
  32. {% endblock javascript %}
  33. {% block main %}
  34.     <div
  35.         class="sub-container">
  36.         <!-- SUB H1 -->
  37.         <div
  38.             class="sub-h1Wrap">
  39.             {# 必要に応じて増やしてください #}
  40.             <h1 class="sub-h1">お問い合わせ</h1>
  41.         </div>
  42.         <!-- /SUB H1 -->
  43.         <div
  44.             class="l-container">
  45.             <!-- パンくずリスト -->
  46.             <ol class="sub-breadcrumbs">
  47.                 <li>
  48.                     <a href="{{ url('homepage') }}">HOME</a>
  49.                 </li>
  50.                 {# 必要に応じて増やしてください #}
  51.                 <li>お問い合わせ</li>
  52.             </ol>
  53.             <!-- /パンくずリスト -->
  54.             <div
  55.                 class="l-2ColumnContainer">
  56.                 <!-- メインコンテンツ -->
  57.                 <div
  58.                     class="l-main">
  59.                     <!-- PAGE CONTENTS -->
  60.                     <div
  61.                         class="contact contactIndex">
  62.                         <!-- 各営業所・店舗へのお問い合わせはこちら -->
  63.                         <section class="contactIndex-tel">
  64.                             <h2 class="mod-hl-01">
  65.                                 <span class="isJp">各営業所・店舗へのお問い合わせはこちら</span>
  66.                             </h2>
  67.                             <p class="contactIndex-tel-text">
  68.                                 {{ '内容によっては回答をさしあげるのにお時間をいただくこともございます。
  69.                                 また、休業日は翌営業日以降の対応となりますのでご了承ください。'|trans|nl2br }}
  70.                             </p>
  71.                             <div class="contactIndex-tel-tableContainer">
  72.                                 <table class="mod-table-01">
  73.                                     <tbody>
  74.                                         <tr>
  75.                                             <th>広域営業部</th>
  76.                                             <td>
  77.                                                 TEL:0852-21-9950<br class="dn-pc">
  78.                                                 FAX:0852-26-4804<br>
  79.                                                 <script type="text/javascript">
  80.                                                     function converter(M) {
  81.                                                         var str = "",
  82.                                                         str_as = "";
  83.                                                         for (var i = 0; i < M.length; i++) {
  84.                                                         str_as = M.charCodeAt(i);
  85.                                                         str += String.fromCharCode(str_as + 1);
  86.                                                         }
  87.                                                         return str;
  88.                                                         }
  89.                                                         var ad = converter(String.fromCharCode(106, 110, 116, 104, 106, 104, 63, 109, 96, 102) + String.fromCharCode(96, 100, 45, 108, 111, 116, 109, 104, 45, 98, 110, 45, 105, 111));
  90.                                                         document.write(ad);
  91.                                                 </script>
  92.                                             </td>
  93.                                         </tr>
  94.                                         <tr>
  95.                                             <th>松江営業所(出雲地区営業)</th>
  96.                                             <td>
  97.                                                 TEL:0852-21-9940<br class="dn-pc">
  98.                                                 FAX:0852-60-2218<br>
  99.                                                 <script type="text/javascript">
  100.                                                     function converter(M) {
  101.                                                     var str = "",
  102.                                                     str_as = "";
  103.                                                     for (var i = 0; i < M.length; i++) {
  104.                                                     str_as = M.charCodeAt(i);
  105.                                                     str += String.fromCharCode(str_as + 1);
  106.                                                     }
  107.                                                     return str;
  108.                                                     }
  109.                                                     var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 108, 115, 100, 63, 115) + String.fromCharCode(116, 97, 96, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111));
  110.                                                     document.write(ad);
  111.                                                 </script>
  112.                                             </td>
  113.                                         </tr>
  114.                                         <tr>
  115.                                             <th>イオン松江店</th>
  116.                                             <td>
  117.                                                 TEL/FAX:0852-28-2130
  118.                                             </td>
  119.                                         </tr>
  120.                                         <tr>
  121.                                             <th>イオンモール出雲店</th>
  122.                                             <td>
  123.                                                 TEL/FAX:0853-25-7980
  124.                                             </td>
  125.                                         </tr>
  126.                                         <tr>
  127.                                             <th>米子営業所・米子店</th>
  128.                                             <td>
  129.                                                 TEL:0859-32-2217<br class="dn-pc">
  130.                                                 FAX:0859-32-2254<br>
  131.                                                 <script type="text/javascript">
  132.                                                     function converter(M) {
  133.                                                         var str = "",
  134.                                                         str_as = "";
  135.                                                         for (var i = 0; i < M.length; i++) {
  136.                                                         str_as = M.charCodeAt(i);
  137.                                                         str += String.fromCharCode(str_as + 1);
  138.                                                         }
  139.                                                         return str;
  140.                                                         }
  141.                                                         var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 120, 109, 102, 63, 108) + String.fromCharCode(104, 113, 113, 110, 113, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111));
  142.                                                         document.write(ad);
  143.                                                 </script>
  144.                                             </td>
  145.                                         </tr>
  146.                                         <tr>
  147.                                             <th>大阪営業所(近畿地区営業)</th>
  148.                                             <td>
  149.                                                 TEL:06-6361-8385<br class="dn-pc">
  150.                                                 FAX:06-6361-8381<br>
  151.                                                 <script type="text/javascript">
  152.                                                     function converter(M) {
  153.                                                         var str = "",
  154.                                                         str_as = "";
  155.                                                         for (var i = 0; i < M.length; i++) {
  156.                                                         str_as = M.charCodeAt(i);
  157.                                                         str += String.fromCharCode(str_as + 1);
  158.                                                         }
  159.                                                         return str;
  160.                                                         }
  161.                                                         var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 110, 114, 106, 63, 98) + String.fromCharCode(110, 99, 96, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111));
  162.                                                         document.write(ad);
  163.                                                 </script>
  164.                                             </td>
  165.                                         </tr>
  166.                                         <tr>
  167.                                             <th>岡山営業所</th>
  168.                                             <td>
  169.                                                 TEL:086-224-6511<br class="dn-pc">
  170.                                                 FAX:086-224-6533<br>
  171.                                                 <script type="text/javascript">
  172.                                                     function converter(M) {
  173.                                                         var str = "",
  174.                                                         str_as = "";
  175.                                                         for (var i = 0; i < M.length; i++) {
  176.                                                         str_as = M.charCodeAt(i);
  177.                                                         str += String.fromCharCode(str_as + 1);
  178.                                                         }
  179.                                                         return str;
  180.                                                         }
  181.                                                         var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 110, 106, 120, 63, 115) + String.fromCharCode(113, 96, 99, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111));
  182.                                                         document.write(ad);
  183.                                                 </script>
  184.                                             </td>
  185.                                         </tr>
  186.                                     </tbody>
  187.                                 </table>
  188.                             </div>
  189.                         </section>
  190.                         <!-- /各営業所・店舗へのお問い合わせはこちら -->
  191.                         <!-- オンラインショップへのお問い合わせはこちら -->
  192.                         <section class="contactIndex-mail">
  193.                             <h2 class="mod-hl-01">
  194.                                 <span class="isJp">オンラインショップへのお問い合わせはこちら</span>
  195.                             </h2>
  196.                             <p class="contactIndex-mail-text">
  197.                                 オンラインショップに関するお問合せのみ、下記お問合せフォームよりお願い致します。<br>
  198.                                 ※広告・宣伝・勧誘等を目的としたお問合わせはご遠慮ください。
  199.                             </p>
  200.                             <div class="contactIndex-mail-formContainer">
  201.                                 <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate>
  202.                                     <span class="p-country-name" style="display:none;">Japan</span>
  203.                                     {{ form_widget(form._token) }}
  204.                                     <!-- お問い合わせフォーム -->
  205.                                     <table class="mod-table-form">
  206.                                         <tbody>
  207.                                         <tr>
  208.                                             <th>{{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}</th>
  209.                                             <td>
  210.                                                 <div class="{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  211.                                                     姓{{ form_widget(form.name.name01, {'attr': { 'class': 'mod-form-input-text--02', 'placeholder': '例)永江' }}) }}
  212.                                                     {{ form_errors(form.name.name01) }}                                                   
  213.                                                     名{{ form_widget(form.name.name02, {'attr': { 'class': 'mod-form-input-text--02-last', 'placeholder': '例)太郎' }}) }}
  214.                                                     {{ form_errors(form.name.name02) }}
  215.                                                 </div>
  216.                                             </td>
  217.                                         </tr>
  218.                                         <tr>
  219.                                             <th>{{ form_label(form.kana, 'ふりがな', {'label_attr': {'class': 'ec-label'}}) }}</th>
  220.                                             <td>
  221.                                                 <div class="{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  222.                                                     姓{{ form_widget(form.kana.kana01, {'attr': { 'class': 'mod-form-input-text--02', 'placeholder': '例)ながえ' }}) }}
  223.                                                     {{ form_errors(form.kana.kana01) }}                                                    
  224.                                                     名{{ form_widget(form.kana.kana02, {'attr': { 'class': 'mod-form-input-text--02-last', 'placeholder': '例)たろう' }}) }}
  225.                                                     {{ form_errors(form.kana.kana02) }}
  226.                                                 </div>
  227.                                             </td>
  228.                                         </tr>
  229.                                         <tr>
  230.                                             <th>郵便番号</th>
  231.                                             <td>
  232.                                                 <div class="{{ has_errors(form.postal_code) ? ' error' }}">
  233.                                                     {{ form_widget(form.postal_code, {'attr': { 'class': 'mod-form-input-text--short', 'placeholder': '例)0001234' }}) }}
  234.                                                     {{ form_errors(form.postal_code) }}                                            
  235.                                                     <button type="button" class="autofill" onclick="AjaxZip3.zip2addr('contact[postal_code]', 'contact[address][pref]', 'contact[address][addr01]');">住所自動入力</button>  
  236.                                                 </div>                                             
  237.                                             </td>
  238.                                         </tr>
  239.                                         <tr>
  240.                                             <th>住所</th>
  241.                                             <td>
  242.                                                 <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  243.                                                     {{ form_widget(form.address.pref, {'attr': { 'class': 'mod-form-select' }}) }}
  244.                                                     {{ form_errors(form.address.pref) }}
  245.                                                 </div>
  246.                                                 <div class="{{ has_errors(form.address.addr01) ? ' error' }}">
  247.                                                     {{ form_widget(form.address.addr01, { 'attr': { 'class': 'mod-form-input-text', 'placeholder': '市区町村名(例:千代田区神田神保町)' }}) }}
  248.                                                     {{ form_errors(form.address.addr01) }}
  249.                                                 </div>
  250.                                                 <div class="{{ has_errors(form.address.addr02) ? ' error' }}">
  251.                                                     {{ form_widget(form.address.addr02,  { 'attr': { 'class': 'mod-form-input-text', 'placeholder': '番地・ビル名(例1-3-5)'}}) }}
  252.                                                     {{ form_errors(form.address.addr02) }}
  253.                                                 </div>  
  254.                                                 <small>
  255.                                                     ※ 住所は2に分けてご記入ください。<br>
  256.                                                     ※マンション名は必ず記入してください。
  257.                                                 </small>                                              
  258.                                             </td>
  259.                                         </tr>
  260.                                         <tr>
  261.                                             <th>{{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}</th>
  262.                                             <td>
  263.                                                 <div class="{{ has_errors(form.phone_number) ? ' error' }}">
  264.                                                     {{ form_widget(form.phone_number, {'attr': { 'class': 'mod-form-input-text--short', 'placeholder': '例)0000110000' }}) }}
  265.                                                     {{ form_errors(form.phone_number) }}
  266.                                                 </div>
  267.                                             </td>
  268.                                         </tr>
  269.                                         <tr>
  270.                                             <th>{{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}</th>
  271.                                             <td>
  272.                                                 <div class="{{ has_errors(form.email) ? ' error' }}">
  273.                                                     {{ form_widget(form.email, {'attr': { 'class': 'mod-form-input-text', 'placeholder': '例)nagae.xxxx.xxx@xx.jp' }}) }}
  274.                                                     {{ form_errors(form.email) }}                                              
  275.                                                 </div>
  276.                                             </td>
  277.                                         </tr>
  278.                                         <tr>
  279.                                             <th>{{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}</th>
  280.                                             <td>
  281.                                                 <div class="{{ has_errors(form.contents) ? ' error' }}">
  282.                                                     {{ form_widget(form.contents, {'attr': { 'class': 'mod-form-input-textArea', 'placeholder': 'お問い合わせ内容をご記入ください' }}) }}
  283.                                                     {{ form_errors(form.contents) }}
  284.                                                 </div>
  285.                                                 <small>{{ 'ご注文に関するお問い合わせには、必ず「ご注文番号」をご記入くださいますようお願いいたします。'|trans }}</small>                                            
  286.                                             </td>
  287.                                         </tr>
  288.                                         </tbody>
  289.                                     </table>
  290.                                     <!-- /お問い合わせフォーム -->
  291.                                     <!-- 情報保護方針に同意 -->
  292.                                     <div class="contact-form-privacy">
  293.                                         <p>
  294.                                         <a href="{{ url('help_privacy') }}" class="d-inlineBlock">プライバシーポリシー</a>に同意の上、<br
  295.                                             class="dn-pc">「入力内容を確認する」へお進みください。
  296.                                         </p>
  297.                                     </div>
  298.                                     <!-- /情報保護方針に同意 -->                                    
  299.                                     <!-- ボタン -->
  300.                                     <div class="mod-btnContainer contact-form-submitContainer">
  301.                                         <button type="submit" class="mod-btn-default contact-form-submit isConfirm" name="mode" value="confirm">
  302.                                             <span class="btnInner">{{ '入力内容を確認する'|trans }}</span>
  303.                                         </button>
  304.                                     </div>
  305.                                     <!-- /ボタン -->                                    
  306.                                 </form>
  307.                             </div>
  308.                         </section>
  309.                         <!-- /オンラインショップへのお問い合わせはこちら -->
  310.                     </div>
  311.                     <!-- /PAGE CONTENTS -->
  312.                 </div>
  313.                 <!-- /メインコンテンツ -->
  314.                 <!-- サイドメニュー -->
  315.                 {{ include('Block/l_sub.twig', ignore_missing = true) }}
  316.                 <!-- /サイドメニュー -->
  317.             </div>
  318.         </div>
  319.     </div>
  320. {% endblock %}