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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) 2000-2015 LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.co.jp/
  8. This program is free software; you can redistribute it and/or
  9. modify it under the terms of the GNU General Public License
  10. as published by the Free Software Foundation; either version 2
  11. of the License, or (at your option) any later version.
  13. This program is distributed in the hope that it will be useful,
  14. but WITHOUT ANY WARRANTY; without even the implied warranty of
  15. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  16. GNU General Public License for more details.
  18. You should have received a copy of the GNU General Public License
  19. along with this program; if not, write to the Free Software
  20. Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  21. #}
  22. {% extends 'default_frame.twig' %}
  24. {% block javascript %}
  25. <script src="//ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
  26. <script>
  27.     $(function() {
  28.         $('#zip-search').click(function() {
  29.             AjaxZip3.zip2addr('contact[zip][zip01]', 'contact[zip][zip02]', 'contact[address][pref]', 'contact[address][addr01]');
  30.         });
  31.     });
  32. </script>
  33. {% endblock javascript %}
  35. {% block stylesheet %}
  36.     <style type="text/css">
  37.     .ec-zipInput, .ec-zipInputHelp, .ec-zipInputHelp .ec-zipInputHelp__icon, .ec-zipInputHelp .ec-icon{
  38.         display: inline-block;
  39.     }
  40.     .ec-zipInputHelp__icon .ec-icon img{
  41.         width: 15px;
  42.         background: #ccc;
  43.         border-radius: 100%;
  44.         margin-right: 5px;
  45.     }
  46.     #top_box__address_detail dd>div{
  47.         margin-bottom: 15px;
  48.     }
  49.     </style>
  50. {% endblock %}
  52. {% block main %}
  54. <div id="contents" class="main_only">
  55.     <div class="container-fluid inner no-padding">
  56.         <div id="main">
  58. <div class="complete_all">
  59.             <h1 class="title_bar">お問い合わせ</h1>
  61.             <div id="top_wrap" class="container-fluid">
  62.                 <div id="top_box" class="row">
  63.                     <div id="top_box__body" class="col-md-10 col-md-offset-1">
  64.                         <p>内容によっては回答をさしあげるのにお時間をいただくこともございます。<br/>
  65.                             また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>
  67.                         <form name="form1" id="form1" method="post" action="{{ url('contact') }}">
  68.                             {{ form_widget(form._token) }}
  69.                             <div id="top_box__body_inner" class="dl_table">
  70.                                 <dl id="top_box__name">
  71.                                     <dt>{{ form_label(form.name) }}</dt>
  72.                                     <dd class="form-group input_name">
  73.                                         {{ form_widget(form.name.name01) }}
  74.                                         {{ form_widget(form.name.name02) }}
  75.                                         {{ form_errors(form.name.name01) }}
  76.                                         {{ form_errors(form.name.name02) }}
  77.                                     </dd>
  78.                                 </dl>
  79.                                 <dl id="top_box__kana">
  80.                                     <dt>{{ form_label(form.kana) }}</dt>
  81.                                     <dd class="form-group input_name">
  82.                                         {{ form_widget(form.kana.kana01) }}
  83.                                         {{ form_widget(form.kana.kana02) }}
  84.                                         {{ form_errors(form.kana.kana01) }}
  85.                                         {{ form_errors(form.kana.kana02) }}
  86.                                     </dd>
  87.                                 </dl>
  88.                                 <dl id="top_box__address_detail">
  89.                                     <dt>{{ form_label(form.address) }}</dt>
  90.                                     <dd>
  91.                                         <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}">
  92.                                             <span>{{ '〒'|trans }}</span>
  93.                                             {{ form_widget(form.postal_code) }}
  94.                                             {{ form_errors(form.postal_code) }}
  95.                                         </div>
  96.                                         <div class="ec-zipInputHelp">
  97.                                             <div class="ec-zipInputHelp__icon">
  98.                                                 <div class="ec-icon"><img
  99.                                                             src="{{ asset('assets/icon/question-white.svg') }}" alt="">
  100.                                                 </div>
  101.                                             </div><a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  102.                                         </div>
  103.                                         {{ form_errors(form.postal_code) }}
  104.                                         <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  105.                                             {{ form_widget(form.address.pref) }}
  106.                                             {{ form_errors(form.address.pref) }}
  107.                                         </div>
  108.                                         <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  109.                                             {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例：大阪市北区)' }}) }}
  110.                                             {{ form_errors(form.address.addr01) }}
  111.                                         </div>
  112.                                         <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  113.                                             {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：西梅田1丁目6-8)' }}) }}
  114.                                             {{ form_errors(form.address.addr02) }}
  115.                                         </div>
  116.                                     </dd>
  117.                                 </dl>
  118.                                 <dl id="top_box__tel">
  119.                                     <dt>{{ form_label(form.phone_number) }}</dt>
  120.                                     <dd>
  121.                                         <div class="form-inline form-group input_tel">
  122.                                             {{ form_widget(form.phone_number, {attr : {class : 'short'}}) }}
  123.                                             {{ form_errors(form.phone_number) }}
  124.                                         </div>
  125.                                     </dd>
  126.                                 </dl>
  127.                                 <dl id="top_box__email">
  128.                                     <dt>{{ form_label(form.email) }}</dt>
  129.                                     <dd>
  130.                                         <div class="form-group">
  131.                                             {{ form_widget(form.email) }}
  132.                                             {{ form_errors(form.email) }}
  133.                                         </div>
  134.                                     </dd>
  135.                                 </dl>
  136.                                 <dl id="top_box__school">
  137.                                     <dt>{{ form_label(form.school) }}</dt>
  138.                                     <dd>
  139.                                         <div class="form-inline form-group input_school">
  140.                                             {% if app.user %}
  141.                                                 {% set brother_school_ids = [] %}
  142.                                                     {% for brother in app.user.visible_brothers %}
  143.                                                         {% if brother.school %}
  144.                                                             {% set brother_school_ids = brother_school_ids|merge([brother.school.school_id]) %}
  145.                                                         {% endif %}
  146.                                                     {% endfor %}
  147.                                                 <select id="contact_school" name="contact[school]" class="short form-control">
  148.                                                     <option value="">選択してください</option>
  149.                                                     {% for school_data in form.school.vars.choices %}
  150.                                                         {% set school = school_data.data %}
  151.                                                         {% if school.visible %}
  152.                                                             {% if school.school_id == app.user.school.school_id or school.school_id in brother_school_ids %}
  153.                                                             <option value="{{ school.school_id }}"{% if school.school_id == app.user.school.school_id %}selected{% endif %}>{{ school.school_name }}</option>
  154.                                                             {% endif %}
  155.                                                         {% endif %}
  156.                                                     {% endfor %}
  157.                                                 </select>
  158.                                             {% else %}
  159.                                                 {{ form_widget(form.school) }}
  160.                                             {% endif %}
  161.                                             {{ form_errors(form.school) }}
  162.                                         </div>
  163.                                     </dd>
  164.                                 </dl>
  165.                                 <dl id="top_box__school_year">
  166.                                     <dt>{{ form_label(form.school_year) }}</dt>
  167.                                     <dd>
  168.                                         <div class="form-inline form-group input_school_year">
  169.                                             {{ form_widget(form.school_year, {attr : {class : 'short'}}) }}
  170.                                             {{ form_errors(form.school_year) }}
  171.                                         </div>
  172.                                     </dd>
  173.                                 </dl>
  174.                                 <dl id="top_box__school_class">
  175.                                     <dt>{{ form_label(form.school_class) }}</dt>
  176.                                     <dd>
  177.                                         <div class="form-inline form-group input_school_class">
  178.                                             {{ form_widget(form.school_class, {attr : {class : 'short'}}) }}
  179.                                             {{ form_errors(form.school_class) }}
  180.                                         </div>
  181.                                     </dd>
  182.                                 </dl>
  183.                                 <dl id="top_box__contents">
  184.                                     <dt>{{ form_label(form.contents) }}</dt>
  185.                                     <dd>
  186.                                         <div class="column">
  187.                                             {{ form_widget(form.contents) }}
  188.                                             {{ form_errors(form.contents) }}
  189.                                         </div>
  190.                                     </dd>
  191.                                 </dl>
  192.                             </div>
  193.                             <input id="top_box__hidden_mode" type="hidden" name="mode" value="confirm">
  194.                             {% for f in form %}
  195.                                 {% if f.vars.name matches '[^plg*]' %}
  196.                                     <div class="extra-form dl_table">
  197.                                         {{ form_row(f) }}
  198.                                     </div>
  199.                                 {% endif %}
  200.                             {% endfor %}
  201.                             <div id="top_box__footer" class="row no-padding">
  202.                                 <div id="top_box__confirm_button" class="btn_group col-sm-offset-4 col-sm-4">
  203.                                     <p><button type="submit" class="def_button3">確認ページへ</button></p>
  204.                                 </div>
  205.                             </div>
  206.                         </form>
  207.                     </div>
  208.                     <!-- /.col -->
  209.                 </div>
  210.                 <!-- /.row -->
  211.             </div>
  212.             </div>
  214.         </div>
  215.     </div>
  216. </div>
  218. {% endblock %}