app/template/bynoiezam/Contact2/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% form_theme form 'Form/form_div_layout.twig' %}
  15. {% set body_class = 'contact' %}
  17. {% block javascript %}
  18.     <script>
  19.         // alert(navigator.userAgent);
  20.         // ページを離れる際にアラートを表示するための関数
  21.         window.onbeforeunload = (event) => {
  22.             var formInputs = document.querySelectorAll('form input');
  23.             for (var i = 0; i < formInputs.length; i++) {
  24.                 if (formInputs[i].value !== '') {
  25.                     // 送信ボタンがクリックされた場合はアラートを表示しない
  26.                     if (!event || !event.target.activeElement || event.target.activeElement.type !== "submit") {
  27.                         // if (iPhone|iPad|iPod.test(navigator.userAgent)) {
  28.                         //     // return 'このページを離れると、入力内容が失われます。';
  29.                         //     return null; // その他のプラットフォームではデフォルトのアラートを表示しない
  30.                         // } else {
  31.                             event.returnValue = 'このページを離れると、入力内容が失われます。';
  32.                             return event.returnValue;
  33.                         // }
  34.                     }
  35.                 }
  36.             }
  37.         };
  38.     </script>
  39.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  40. {% endblock javascript %}
  42. {% block stylesheet %}
  43.     <style>
  44.     .contact .ec-select.w-fit select{
  45.         width: fit-content;
  46.     }
  47.     
  48.     .ec-radio .ec-errorMessage{
  49.         margin: 0;
  50.         font-size: 12px;
  51.         font-weight: 700;
  52.         color: #de5d50;
  53.     }
  54.     </style>
  55. {% endblock %}
  57. {% block main %}
  59.     <div class="ec-contactRole">
  60.         <div class="ec-pageHeader">
  61.             <a href="https://noiezam.com/user_data/used_meth" target="_blank">
  62.                 <img src="{{ asset('/html/user_data/Category/cate-top/buysell.png') }}" alt="PC売却">
  63.             </a>
  64.             <h1>{{ 'PC販売フォーム'|trans }}</h1>
  65.         </div>
  66.         <div class="ec-off1Grid">
  67.             <div class="ec-off1Grid__cell">
  68.                 <form method="post" action="{{ url('contact2') }}" class="h-adr" novalidate>
  69.                     <span class="p-country-name" style="display:none;">Japan</span>
  70.                     {{ form_widget(form._token) }}
  71.                     <div class="ec-borderedDefs">
  72.                         {# カスタマイズ部分#}
  73.                         <dl>
  74.                             <dt>
  75.                                 {{ form_label(form.menu_1, '出品方法', { 'label_attr': { 'class': 'ec-label' }}) }}
  76.                             </dt>
  77.                             <dd>
  78.                                 <div class="ec-select w-fit{{ has_errors(form.menu_1) ? ' error' }}">
  79.                                     {{ form_widget(form.menu_1) }}
  80.                                     {{ form_errors(form.menu_1) }}
  81.                                 </div>
  82.                                 <p>{{ '”預け入れ出品”の選択はこちら'|trans }}</p>
  83.                                 <p>{{ '選択後に必須項目を入力して送信でOK'|trans }}</p>
  84.                             </dd>
  85.                         </dl>
  86.                         <dl>
  87.                             <dt>
  88.                                 {{ form_label(form.cpu_head, 'CPU', { 'label_attr': { 'class': 'ec-label' }}) }}
  89.                             </dt>
  90.                             <dd>
  91.                                 <div class="ec-select w-fit{{ has_errors(form.cpu_head) ? ' error' }}">
  92.                                     {{ form_widget(form.cpu_head) }}
  93.                                     {{ form_errors(form.cpu_head) }}
  94.                                 </div>
  95.                                 <div class="ec-input w-fit{{ has_errors(form.cpu_body) ? ' error' }}">
  96.                                     {{ form_widget(form.cpu_body, {'attr': { 'placeholder': '型番(例：i7 "13700F"やryzen5 "3600XT"など)' }}) }}
  97.                                     {{ form_errors(form.cpu_body) }}
  98.                                 </div>
  99.                             </dd>
  100.                         </dl>
  101.                         <dl>
  102.                             <dt>
  103.                                 {{ form_label(form.cool, 'CPUクーラー', { 'label_attr': { 'class': 'ec-label' }}) }}
  104.                             </dt>
  105.                             <dd>
  106.                                 <div class="ec-select w-fit{{ has_errors(form.cool) ? ' error' }}">
  107.                                     {{ form_widget(form.cool) }}
  108.                                     {{ form_errors(form.cool) }}
  109.                                 </div>
  110.                                 <div class="ec-input w-fit{{ has_errors(form.cool_body) ? ' error' }}">
  111.                                     {{ form_widget(form.cool_body, {'attr': { 'placeholder': 'ラジエーター長やメーカーなど' }}) }}
  112.                                     {{ form_errors(form.cool_body) }}
  113.                                 </div>
  114.                             </dd>
  115.                         </dl>
  117.                         <dl>
  118.                             <dt>
  119.                                 {{ form_label(form.ram_head, 'メモリ', { 'label_attr': { 'class': 'ec-label' }}) }}
  120.                             </dt>
  121.                             <dd>
  122.                                 <div class="ec-select w-fit{{ has_errors(form.ram_head) ? ' error' }}">
  123.                                 {{ form_widget(form.ram_head) }}
  124.                                 {{ form_errors(form.ram_head) }}
  125.                                 </div>
  127.                                 <div class="ec-select w-fit{{ has_errors(form.ram_body) ? ' error' }}">
  128.                                 {{ form_widget(form.ram_body) }}
  129.                                 {{ form_errors(form.ram_body) }}
  130.                                 </div>
  131.                                 
  132.                                 <div class="ec-input{{ has_errors(form.ram_other) ? ' error' }}">
  133.                                     {{ form_widget(form.ram_other, {'attr': { 'placeholder': 'GB、定格周波数など' }}) }}
  134.                                     {{ form_errors(form.ram_other) }}
  135.                                 </div>
  136.                             </dd>
  137.                         </dl>
  138.                         <dl>
  139.                             <dt>
  140.                                 {{ form_label(form.m_b, 'マザボ', { 'label_attr': { 'class': 'ec-label' }}) }}
  141.                             </dt>
  142.                             <dd>
  143.                                 <div class="ec-input{{ has_errors(form.m_b) ? ' error' }}">
  144.                                     {{ form_widget(form.m_b, {'attr': { 'placeholder': 'チップセット等わかる範囲' }}) }}
  145.                                     {{ form_errors(form.m_b) }}
  146.                                 </div>
  147.                             </dd>
  148.                         </dl>
  149.                         <dl>
  150.                             <dt>
  151.                                 {{ form_label(form.gpu, 'グラフィックボード', { 'label_attr': { 'class': 'ec-label' }}) }}
  152.                             </dt>
  153.                             <dd>
  154.                                 <div class="ec-input{{ has_errors(form.gpu) ? ' error' }}">
  155.                                     {{ form_widget(form.gpu, {'attr': { 'placeholder': 'メーカーや型番' }}) }}
  156.                                     {{ form_errors(form.gpu) }}
  157.                                 </div>
  158.                                 <div class="ec-select w-fit{{ has_errors(form.g_ram) ? ' error' }}">
  159.                                     {{ form_widget(form.g_ram) }}
  160.                                     {{ form_errors(form.g_ram) }}
  161.                                 </div>
  162.                             </dd>
  163.                         </dl>
  164.                         <dl>
  165.                             <dt>
  166.                                 {{ form_label(form.storage1_type, 'ストレージ１', { 'label_attr': { 'class': 'ec-label' }}) }}
  167.                             </dt>
  168.                             <dd>
  169.                                 <div class="ec-select w-fit{{ has_errors(form.storage_other) ? ' error' }}">
  170.                                 {{ form_widget(form.storage1_type) }}
  171.                                 {{ form_errors(form.storage1_type) }}
  172.                                 </div>
  173.                                 <div class="ec-select w-fit{{ has_errors(form.storage1_vol) ? ' error' }}">
  174.                                 {{ form_widget(form.storage1_vol) }}
  175.                                 {{ form_errors(form.storage1_vol) }}
  176.                                 </div>
  177.                                 <p>{{ 'GB量は実際より少なくなります。わからない方は表示されているGB数を次項その他に記入してください'|trans }}</p>
  178.                             </dd>
  179.                         </dl>
  180.                         <dl>
  181.                             <dt>
  182.                                 {{ form_label(form.storage2_type, 'ストレージ２', { 'label_attr': { 'class': 'ec-label' }}) }}
  183.                             </dt>
  184.                             <dd>
  185.                                 <div class="ec-select w-fit{{ has_errors(form.storage2_type) ? ' error' }}">                                
  186.                                 {{ form_widget(form.storage2_type) }}
  187.                                 {{ form_errors(form.storage2_type) }}
  188.                                 </div>
  189.                                 <div class="ec-select w-fit{{ has_errors(form.storage2_vol) ? ' error' }}">                                
  190.                                 {{ form_widget(form.storage2_vol) }}
  191.                                 {{ form_errors(form.storage2_vol) }}
  192.                                 </div>
  193.                                 <div class="ec-input w-fit{{ has_errors(form.storage_other) ? ' error' }}">
  194.                                     {{ form_widget(form.storage_other, {'attr': { 'placeholder': 'その他' }}) }}
  195.                                     {{ form_errors(form.storage_other) }}
  196.                                 </div>
  197.                             </dd>
  198.                         </dl>
  199.                         <dl>
  200.                             <dt>
  201.                                 {{ form_label(form.psu_vol, '電源', { 'label_attr': { 'class': 'ec-label' }}) }}
  202.                             </dt>
  203.                             <dd>
  204.                                 <div class="ec-select w-fit{{ has_errors(form.psu_vol) ? ' error' }}">
  205.                                 {{ form_widget(form.psu_vol) }}
  206.                                 {{ form_errors(form.psu_vol) }}
  207.                                 </div>
  208.                                 <div class="ec-select w-fit{{ has_errors(form.psu_auth) ? ' error' }}">
  209.                                 {{ form_widget(form.psu_auth) }}
  210.                                 {{ form_errors(form.psu_auth) }}
  211.                                 </div>
  212.                                 <div class="ec-input{{ has_errors(form.psu_other) ? ' error' }}">
  213.                                     {{ form_widget(form.psu_other, {'attr': { 'placeholder': 'その他' }}) }}
  214.                                     {{ form_errors(form.psu_other) }}
  215.                                 </div>
  216.                             </dd>
  217.                         </dl>
  218.                         <dl>
  219.                             <dt>
  220.                                 {{ form_label(form.pc_case, 'PCケース', { 'label_attr': { 'class': 'ec-label' }}) }}
  221.                             </dt>
  222.                             <dd>
  223.                                 <div class="ec-input{{ has_errors(form.pc_case) ? ' error' }}">
  224.                                     {{ form_widget(form.pc_case, {'attr': { 'placeholder': 'メーカー・型番' }}) }}
  225.                                     {{ form_errors(form.pc_case) }}
  226.                                 </div>
  227.                             </dd>
  228.                         </dl>
  229.                         <dl>
  230.                             <dt>
  231.                                 {{ form_label(form.os_type, 'OS', { 'label_attr': { 'class': 'ec-label' }}) }}
  232.                             </dt>
  233.                             <dd>
  234.                                 <div class="ec-select w-fit{{ has_errors(form.os_type) ? ' error' }}">
  235.                                     {{ form_widget(form.os_type) }}
  236.                                     {{ form_errors(form.os_type) }}
  237.                                 </div>
  238.                                 <div class="ec-select w-fit{{ has_errors(form.os_edi) ? ' error' }}">
  239.                                 {{ form_widget(form.os_edi) }}
  240.                                 {{ form_errors(form.os_edi) }}
  241.                                 </div>
  242.                                 <div class="ec-input{{ has_errors(form.os_other) ? ' error' }}">
  243.                                     {{ form_widget(form.os_other, {'attr': { 'placeholder': 'その他' }}) }}
  244.                                     {{ form_errors(form.os_other) }}
  245.                                 </div>
  246.                             </dd>
  247.                         </dl>
  248.                         <dl>
  249.                             <dt>
  250.                                 {{ form_label(form.pet_1, 'ペットの飼育・同居', { 'label_attr': { 'class': 'ec-label' }}) }}
  251.                             </dt>
  252.                             <dd>
  253.                                 {# ラジオボタンの場合
  254.                 <div class="ec-radio{{ has_errors(form.pet_1) ? ' error' }}">
  255.                                 {{ form_widget(form.pet_1) }}
  256.                                 {{ form_errors(form.pet_1) }}
  257.                                 </div>
  258.                 #}
  259.                 <div class="ec-select w-fit{{ has_errors(form.pet_1) ? ' error' }}">
  260.                                 {{ form_widget(form.pet_1) }}
  261.                                 {{ form_errors(form.pet_1) }}
  262.                                 </div>
  263.                 <div class="ec-select w-fit{{ has_errors(form.pet_2) ? ' error' }}">
  264.                                 {{ form_widget(form.pet_2) }}
  265.                                 {{ form_errors(form.pet_2) }}
  266.                                 </div>
  267.                             </dd>
  268.                         </dl>
  269.                         <dl>
  270.                             <dt>
  271.                                 {{ form_label(form.smoke, '喫煙・油環境(調理場等)', { 'label_attr': { 'class': 'ec-label' }}) }}
  272.                             </dt>
  273.                             <dd>
  274.                                 <div class="ec-select w-fit{{ has_errors(form.smoke) ? ' error' }}">
  275.                                 {{ form_widget(form.smoke) }}
  276.                                 {{ form_errors(form.smoke) }}
  277.                                 </div>
  278.                             </dd>
  279.                         </dl>
  280.                         <dl>
  281.                             <dt>
  282.                                 {{ form_label(form.price, '希望販売価格', { 'label_attr': { 'class': 'ec-label' }}) }}
  283.                             </dt>
  284.                             <dd>
  285.                                 <div class="ec-select w-fit{{ has_errors(form.price) ? ' error' }}">
  286.                                 {{ form_widget(form.price) }}
  287.                                 {{ form_errors(form.price) }}
  288.                                 </div>
  289.                                 
  290.                                 <div class="ec-input{{ has_errors(form.hope_price) ? ' error' }}">
  291.                                     {{ form_widget(form.hope_price, {'attr': { 'placeholder': '希望金額(円)' }}) }}
  292.                                     {{ form_errors(form.hope_price) }}
  293.                                 </div>
  294.                             </dd>
  295.                         </dl>
  296.                         <dl>
  297.                             <dt>
  298.                                 {{ form_label(form.hope_quote, '買取同時見積もり', { 'label_attr': { 'class': 'ec-label' }}) }}
  299.                             </dt>
  300.                             <dd>
  301.                                 <div class="ec-select w-fit{{ has_errors(form.hope_quote) ? ' error' }}">
  302.                                 {{ form_widget(form.hope_quote) }}
  303.                                 {{ form_errors(form.hope_quote) }}
  304.                                 </div>
  305.                             </dd>
  306.                         </dl>
  308.                         {# 既存部分 #}
  309.                         <dl>
  310.                             <dt>
  311.                                 {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  312.                             </dt>
  313.                             <dd>
  314.                                 <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  315.                                     {{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓' }}) }}
  316.                                     {{ form_widget(form.name.name02, {'attr': { 'placeholder': '名' }}) }}
  317.                                     {{ form_errors(form.name.name01) }}
  318.                                     {{ form_errors(form.name.name02) }}
  319.                                 </div>
  320.                             </dd>
  321.                         </dl>
  322.                         <dl>
  323.                             <dt>
  324.                                 {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
  325.                             </dt>
  326.                             <dd>
  327.                                 <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}">
  328.                                     <span>{{ '〒'|trans }}</span>
  329.                                     {{ form_widget(form.postal_code) }}
  330.                                     {{ form_errors(form.postal_code) }}
  331.                                 </div>
  332.                                 <div class="ec-zipInputHelp">
  333.                                     <div class="ec-zipInputHelp__icon">
  334.                                         <div class="ec-icon"><img src="{{ asset('assets/icon/question-white.svg') }}" alt=""></div>
  335.                                     </div><a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  336.                                 </div>
  337.                                 {{ form_errors(form.postal_code) }}
  338.                                 <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  339.                                     {{ form_widget(form.address.pref) }}
  340.                                     {{ form_errors(form.address.pref) }}
  341.                                 </div>
  342.                                 <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  343.                                     {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例：大阪市北区)' }}) }}
  344.                                     {{ form_errors(form.address.addr01) }}
  345.                                 </div>
  346.                                 <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  347.                                     {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：西梅田1丁目6-8)' }}) }}
  348.                                     {{ form_errors(form.address.addr02) }}
  349.                                 </div>
  350.                             </dd>
  351.                         </dl>
  352.                         <dl>
  353.                             <dt>
  354.                                 {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  355.                             </dt>
  356.                             <dd>
  357.                                 <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  358.                                     {{ form_widget(form.phone_number) }}
  359.                                     {{ form_errors(form.phone_number) }}
  360.                                 </div>
  361.                             </dd>
  362.                         </dl>
  363.                         <dl>
  364.                             <dt>
  365.                                 {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  366.                             </dt>
  367.                             <dd>
  368.                                 <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  369.                                     {{ form_widget(form.email) }}
  370.                                     {{ form_errors(form.email) }}
  371.                                 </div>
  372.                             </dd>
  373.                         </dl>
  374.                         <dl>
  375.                             <dt>
  376.                                 {{ form_label(form.contents, '特記事項・PCの問題点など', { 'label_attr': { 'class': 'ec-label' }}) }}
  377.                             </dt>
  378.                             <dd>
  379.                                 <div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
  380.                                     {{ form_widget(form.contents) }}
  381.                                     {{ form_errors(form.contents) }}
  382.                                 </div>
  383.                             </dd>
  384.                         </dl>
  385.                         <dl>
  386.                             <dt>
  387.                                 {{ form_label(form.consent, '利用規約に同意する', { 'label_attr': { 'class': 'ec-label' }}) }}
  388.                             </dt>
  389.                             <dd>
  390.                             <div class="ec-radio{{ has_errors(form.consent) ? ' error' }}">
  391.                                 {{ form_widget(form.consent) }}
  392.                                 {{ form_errors(form.consent) }}
  393.                             </div>
  394.                             <a href="/html/user_data/used_pc_warranty/PCArtsNoiezamUsedPcWarranty.pdf" target="_blank" rel="noopener">規約はこちら</a>
  395.                             </dd>
  396.                         </dl>
  397.                     </div>
  398.                     <div class="ec-RegisterRole__actions">
  399.                         <div class="ec-off4Grid">
  400.                             <div class="ec-off4Grid__cell">
  401.                                 <button type="submit" class="ec-blockBtn--action" name="mode" value="confirm">{{ '確認ページへ'|trans }}
  402.                                 </button>
  403.                             </div>
  404.                         </div>
  405.                     </div>
  406.                 </form>
  407.             </div>
  408.         </div>
  409.     </div>
  410. {% endblock %}