app/template/default/PiaDocumentRequest/Resource/template/default/document_request/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% form_theme form 'Form/form_div_layout.twig' %}
  5. {% block javascript %}
  6.   <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  7.   <script>
  8.     $(function () {
  9.       $("div.chk label").each(function () {
  10.         $(this).after("<br>");
  11.       });
  12.       $("dt label").each(function () {
  13.         var html = $(this).html();
  14.         var result = html.replace(/（/g, "<br>（");
  15.         $(this).html(result);
  16.       });
  17.     });
  18.   </script>
  19. {% endblock javascript %}
  21. {% block main %}
  22.   <style type="text/css">
  23.     .ec-borderedDefs input[type=radio] {
  24.       display: inline;
  25.       width: 20px;
  26.       height: 20px;
  27.       padding: 0;
  28.       vertical-align: sub;
  29.       border-radius: 50%;
  30.     }
  31.     .ec-borderedDefs input[type=radio]:checked {
  32.       border: 1px solid #8b98a5;
  33.       background-color: #1d9bf0;
  34.     }
  35.     .ec-borderedDefs input[type=radio]:checked::before {
  36.       content: "";
  37.       display: block;
  38.       position: relative;
  39.       left: 7.4px;
  40.       top: 1px;
  41.       width: 6px;
  42.       height: 12px;
  43.       border: solid white;
  44.       border-width: 0 3px 3px 0;
  45.       transform: rotate(45deg);
  46.     }
  47.     .ec-borderedDefs input[type=checkbox] {
  48.       display: inline;
  49.       width: 20px;
  50.       height: 20px;
  51.       padding: 0;
  52.       vertical-align: sub;
  53.     }
  54.     .ec-borderedDefs input[type="checkbox"]:checked {
  55.       border: 1px solid #8b98a5;
  56.       background-color: #1d9bf0;
  57.     }
  58.     .ec-borderedDefs input[type="checkbox"]:checked::before {
  59.       content: "";
  60.       display: block;
  61.       position: relative;
  62.       left: 7.4px;
  63.       top: 1px;
  64.       width: 6px;
  65.       height: 12px;
  66.       border: solid white;
  67.       border-width: 0 3px 3px 0;
  68.       transform: rotate(45deg);
  69.     }
  70.     div.chk{
  71.       line-height: 140%;
  72.     }
  73.     div.chk p{
  74.       margin: 0;
  75.       padding: 0;
  76.     }
  77.     label[for="pia_document_request_gold_3"],
  78.     label[for="pia_document_request_modern_2"],
  79.     label[for="pia_document_request_antique_2"] {
  80.       margin-bottom: 20px;
  81.     }
  82.   </style>
  83.   <div id="contents_wrap">
  84.     <div class="ec-contactRole">
  85.       <div class="kaso_h1title">
  86.         <p>Document request</p>
  87.         <h1>資料請求</h1>
  88.       </div>
  89.       <p class="wrap" style="margin: 30px auto auto auto"><img src="/user_data/common/img/doc_banar.jpg" alt="image" style="width: 100%; height: auto;" /></p>
  90.       <div id="formWrap">
  91.         <p>資料請求・お問い合わせ、どんな些細な事でもお気軽にお問い合わせください。<br>
  92.           確認後3日以内にご返信させて頂きます。</p>
  93.       </div>
  94.       <div class="ec-off1Grid">
  95.         <div class="ec-off1Grid__cell">
  96.           <form method="post" action="{{ url('document_request') }}" class="h-adr" novalidate>
  97.             <span class="p-country-name" style="display:none;">Japan</span>
  98.             {{ form_widget(form._token) }}
  99.             <div class="ec-borderedDefs">
  100.               <dl>
  101.                 <dt>
  102.                   {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  103.                 </dt>
  104.                 <dd>
  105.                   <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  106.                     {{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓' }}) }}
  107.                     {{ form_widget(form.name.name02, {'attr': { 'placeholder': '名' }}) }}
  108.                     {{ form_errors(form.name.name01) }}
  109.                     {{ form_errors(form.name.name02) }}
  110.                   </div>
  111.                 </dd>
  112.               </dl>
  113.               <dl>
  114.                 <dt>
  115.                   {{ form_label(form.kana, 'お名前(カナ)', {'label_attr': {'class': 'ec-label'}}) }}
  116.                 </dt>
  117.                 <dd>
  118.                   <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  119.                     {{ form_widget(form.kana.kana01, {'attr': { 'placeholder': 'セイ' }}) }}
  120.                     {{ form_widget(form.kana.kana02, {'attr': { 'placeholder': 'メイ' }}) }}
  121.                     {{ form_errors(form.kana.kana01) }}
  122.                     {{ form_errors(form.kana.kana02) }}
  123.                   </div>
  124.                 </dd>
  125.               </dl>
  126.               <dl>
  127.                 <dt>
  128.                   {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
  129.                 </dt>
  130.                 <dd>
  131.                   <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}">
  132.                     <span>{{ '〒'|trans }}</span>
  133.                     {{ form_widget(form.postal_code) }}
  134.                     <div class="ec-zipInputHelp">
  135.                       <div class="ec-zipInputHelp__icon">
  136.                         <div class="ec-icon"><img
  137.                             src="{{ asset('assets/icon/question-white.svg') }}" alt="">
  138.                         </div>
  139.                       </div><a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  140.                     </div>
  141.                     {{ form_errors(form.postal_code) }}
  142.                   </div>
  143.                   <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  144.                     {{ form_widget(form.address.pref) }}
  145.                     {{ form_errors(form.address.pref) }}
  146.                   </div>
  147.                   <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  148.                     {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例：大阪市北区)' }}) }}
  149.                     {{ form_errors(form.address.addr01) }}
  150.                   </div>
  151.                   <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  152.                     {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：西梅田1丁目6-8)' }}) }}
  153.                     {{ form_errors(form.address.addr02) }}
  154.                   </div>
  155.                 </dd>
  156.               </dl>
  157.               <dl>
  158.                 <dt>
  159.                   {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  160.                 </dt>
  161.                 <dd>
  162.                   <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  163.                     {{ form_widget(form.phone_number) }}
  164.                     {{ form_errors(form.phone_number) }}
  165.                   </div>
  166.                 </dd>
  167.               </dl>
  168.               <dl>
  169.                 <dt>
  170.                   {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  171.                 </dt>
  172.                 <dd>
  173.                   <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  174.                     {{ form_widget(form.email) }}
  175.                     {{ form_errors(form.email) }}
  176.                   </div>
  177.                 </dd>
  178.               </dl>
  179.               <dl>
  180.                 <dt>
  181.                   {{ form_label(form.sex, '性別', { 'label_attr': { 'class': 'ec-label' }}) }}
  182.                 </dt>
  183.                 <dd>
  184.                   <div class="ec-input{{ has_errors(form.sex) ? ' error' }}">
  185.                     {{ form_widget(form.sex,  {'label_attr': {'class': 'radio-inline'}}) }}
  186.                     {{ form_errors(form.sex) }}
  187.                   </div>
  188.                 </dd>
  189.               </dl>
  190.               <dl>
  191.                 <dt>
  192.                   {{ form_label(form.how_about, 'サイトを知ったきっかけ（複数選択可）', { 'label_attr': { 'class': 'ec-label' }}) }}
  193.                 </dt>
  194.                 <dd>
  195.                   <div class="chk ec-input{{ has_errors(form.how_about) ? ' error' }}">
  196.                     {{ form_widget(form.how_about) }}
  197.                     {{ form_errors(form.how_about) }}
  198.                   </div>
  199.                 </dd>
  200.               </dl>
  201.               <dl>
  202.                 <dt>
  203.                   {{ form_label(form.purpose, '目的（複数選択可）', { 'label_attr': { 'class': 'ec-label' }}) }}
  204.                 </dt>
  205.                 <dd>
  206.                   <div class="chk ec-input{{ has_errors(form.purpose) ? ' error' }}">
  207.                     {{ form_widget(form.purpose) }}
  208.                     {{ form_errors(form.purpose) }}
  209.                   </div>
  210.                 </dd>
  211.               </dl>
  212.               <dl>
  213.                 <dt>
  214.                   {{ form_label(form.coin, '興味のコイン（複数選択可）', { 'label_attr': { 'class': 'ec-label' }}) }}
  215.                 </dt>
  216.                 <dd>
  217.                   <div class="chk ec-input{{ has_errors(form.coin) ? ' error' }}">
  218.                     {{ form_widget(form.coin) }}
  219.                     {{ form_errors(form.coin) }}
  220.                   </div>
  221.                 </dd>
  222.               </dl>
  223.               <dl>
  224.                 <dt>
  225.                   {{ form_label(form.seminar, 'セミナー', { 'label_attr': { 'class': 'ec-label' }}) }}
  226.                 </dt>
  227.                 <dd>
  228.                   <div class="chk ec-input{{ has_errors(form.seminar) ? ' error' }}">
  229.                     {{ form_widget(form.seminar) }}
  230.                     {{ form_errors(form.seminar) }}
  231.                   </div>
  232.                 </dd>
  233.               </dl>
  234.               <dl>
  235.                 <dt>
  236.                   {{ form_label(form.show_room, 'ショールーム', { 'label_attr': { 'class': 'ec-label' }}) }}
  237.                 </dt>
  238.                 <dd>
  239.                   <div class="chk ec-input{{ has_errors(form.show_room) ? ' error' }}">
  240.                     {{ form_widget(form.show_room) }}
  241.                     {{ form_errors(form.show_room) }}
  242.                   </div>
  243.                 </dd>
  244.               </dl>
  245.               <dl>
  246.                 <dt>
  247.                   {{ form_label(form.gold, '金地金（ゴールドバー）（シルバーバー）', { 'label_attr': { 'class': 'ec-label' }}) }}
  248.                 </dt>
  249.                 <dd>
  250.                   <div id="gold_area" class="chk ec-input{{ has_errors(form.gold) ? ' error' }}">
  251.                     {{ form_widget(form.gold) }}
  252.                     {{ form_errors(form.gold) }}
  253.                   </div>
  254.                 </dd>
  255.               </dl>
  256.               <dl>
  257.                 <dt>
  258.                   {{ form_label(form.antique, 'アンティークコイン', { 'label_attr': { 'class': 'ec-label' }}) }}
  259.                 </dt>
  260.                 <dd>
  261.                   <div class="chk ec-input{{ has_errors(form.antique) ? ' error' }}">
  262.                     <p>所有している</p>
  263.                     {{ form_widget(form.antique) }}
  264.                     {{ form_errors(form.antique) }}
  265.                   </div>
  266.                 </dd>
  267.               </dl>
  268.               <dl>
  269.                 <dt>
  270.                   {{ form_label(form.modern, 'モダンコイン', { 'label_attr': { 'class': 'ec-label' }}) }}
  271.                 </dt>
  272.                 <dd>
  273.                   <div class="chk ec-input{{ has_errors(form.modern) ? ' error' }}">
  274.                     <p>所有している</p>
  275.                     {{ form_widget(form.modern) }}
  276.                     {{ form_errors(form.modern) }}
  277.                   </div>
  278.                 </dd>
  279.               </dl>
  280.               <dl>
  281.                 <dt>
  282.                   {{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}
  283.                 </dt>
  284.                 <dd>
  285.                   <div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
  286.                     {{ form_widget(form.contents) }}
  287.                     {{ form_errors(form.contents) }}
  288.                   </div>
  289.                 </dd>
  290.               </dl>
  291.             </div>
  292.             <div class="ec-RegisterRole__actions">
  293.               <div class="ec-off4Grid">
  294.                 <div class="ec-off4Grid__cell">
  295.                   <button type="submit" class="ec-blockBtn--action" name="mode" value="confirm">{{ '確認ページへ'|trans }}
  296.                   </button>
  297.                 </div>
  298.               </div>
  299.             </div>
  300.           </form>
  301.         </div>
  302.       </div>
  303.     </div>
  304.   </div>
  305. {% endblock %}