app/template/airconwork/voice.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% set body_class = 'voice_page' %}
  3. {% block javascript %}
  4. <script>
  5.   document.addEventListener('DOMContentLoaded', function () {
  6.     const links = document.querySelectorAll('a[href*="/voice?mode=search"]');
  7.     links.forEach(link => {
  8.       link.addEventListener('click', function (e) {
  9.         e.preventDefault();
  10.         const url = new URL(window.location.href);
  11.         const newUrl = new URL(link.href, window.location.origin);
  12.         // 新しくクリックされたパラメータ(例:guest_pref)を取得
  13.         newUrl.searchParams.forEach((value, key) => {
  14.           url.searchParams.set(key, value); // 既存URLにセット(上書き or 追加)
  15.         });
  16.         // 遷移
  17.         window.location.href = url.toString();
  18.       });
  19.     });
  20.   });
  21. </script>
  22. {% endblock %}
  23. {% block main %}
  24. {% if pagination.totalItemCount > 0 %}
  25.   <div class="c-section">
  26.     <div class="p-voice-total">
  27.       <div class="c-total-wrap">
  28.         <p class="c-total-num-02">掲載総数<span class="s-main font-en">{{ '%count%'|trans({'%count%':pagination.totalItemCount}) }}</span>件</p>
  29.       </div>
  30.     </div>
  31.     <div class="c-search-form">
  32.       <h2 class="c-search-form__title">
  33.         <i class="s-icon">
  34.           <svg>
  35.             <use xlink:href="{{ asset('assets/img/ico/ico_search.svg#obj') }}"></use>
  36.           </svg>
  37.         </i>
  38.         <span class="s-text">絞り込み検索</span>
  39.       </h2>
  40.       <ul class="c-page-menu-02">
  41.         <li>
  42.           <a href="/voice" class="c-btn-01 s-white-02"><span class="s-text">全て</span>
  43.             <i class="s-icon">
  44.               <svg>
  45.                 <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  46.               </svg>
  47.             </i></a>
  48.         </li>
  49.         <li class="s-parent">
  50.           <a href="#inline-menu1" class="c-btn-01 s-white-02 popup-modal notscroll"><span class="s-text">施工場所</span>
  51.             <i class="s-icon">
  52.               <svg>
  53.                 <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  54.               </svg>
  55.             </i></a>
  56.           <ul id="inline-menu1" class="s-child c-page-menu-modal">
  57.             <li><span class="s-text js-accordion-title">関東地方</span>
  58.               <ul>
  59.                 <li><a href="/voice?mode=search&amp;guest_pref=東京都">東京都</a></li>
  60.                 <li><a href="/voice?mode=search&amp;guest_pref=神奈川県">神奈川県</a></li>
  61.                 <li><a href="/voice?mode=search&amp;guest_pref=千葉県">千葉県</a></li>
  62.                 <li><a href="/voice?mode=search&amp;guest_pref=埼玉県">埼玉県</a></li>
  63.                 <li><a href="/voice?mode=search&amp;guest_pref=茨城県">茨城県</a></li>
  64.                 <li><a href="/voice?mode=search&amp;guest_pref=栃木県">栃木県</a></li>
  65.                 <li><a href="/voice?mode=search&amp;guest_pref=群馬県">群馬県</a></li>
  66.                 <li><a href="/voice?mode=search&amp;guest_pref=山梨県">山梨県</a></li>
  67.               </ul>
  68.             </li>
  69.             <li><span class="s-text js-accordion-title">中部地方</span>
  70.               <ul>
  71.                 <li><a href="/voice?mode=search&amp;guest_pref=愛知県">愛知県</a></li>
  72.                 <li><a href="/voice?mode=search&amp;guest_pref=静岡県">静岡</a></li>
  73.                 <li><a href="/voice?mode=search&amp;guest_pref=岐阜県">岐阜県</a></li>
  74.                 <li><a href="/voice?mode=search&amp;guest_pref=三重県">三重県</a></li>
  75.               </ul>
  76.             </li>
  77.             <!--
  78.             <li><span class="s-text js-accordion-title">関西地方</span>
  79.               <ul>
  80.                 <li><a href="/voice?mode=search&amp;guest_pref=大阪府">大阪府</a></li>
  81.                 
  82.                 <li><a href="/voice?mode=search&amp;guest_pref=京都府">京都府</a></li>
  83.                 <li><a href="/voice?mode=search&amp;guest_pref=兵庫県">兵庫県</a></li>
  84.                 <li><a href="/voice?mode=search&amp;guest_pref=滋賀県">滋賀県</a></li>
  85.                 <li><a href="/voice?mode=search&amp;guest_pref=奈良県">奈良県</a></li>
  86.                 
  87.               </ul>
  88.             </li>
  89.             -->
  90.           </ul>
  91.         </li>
  92.         <li class="s-parent">
  93.           <a href="#inline-menu2" class="c-btn-01 s-white-02 popup-modal notscroll"><span class="s-text">施工内容</span>
  94.             <i class="s-icon">
  95.               <svg>
  96.                 <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  97.               </svg>
  98.             </i></a>
  99.           <ul id="inline-menu2" class="s-child c-page-menu-modal">
  100.             <li><a href="/voice?mode=search&amp;guest_content=新規施工">新規施工</a></li>
  101.             <li><a href="/voice?mode=search&amp;guest_content=交換施工">交換施工</a></li>
  102.             <li><a href="/voice?mode=search&amp;guest_content=追加施工">追加施工</a></li>
  103.           </ul>
  104.         </li>
  105.         <li class="s-parent">
  106.           <a href="#inline-menu3" class="c-btn-01 s-white-02 popup-modal notscroll"><span class="s-text">メーカー</span>
  107.             <i class="s-icon">
  108.               <svg>
  109.                 <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  110.               </svg>
  111.             </i></a>
  112.           <ul id="inline-menu3" class="s-child c-page-menu-modal">
  113.             <li><a href="/voice?mode=search&amp;maker_id=1">ダイキン</a></li>
  114.             <li><a href="/voice?mode=search&amp;maker_id=2">日立</a></li>
  115.             <li><a href="/voice?mode=search&amp;maker_id=3">三菱電機</a></li>
  116.             <li><a href="/voice?mode=search&amp;maker_id=4">東芝</a></li>
  117.             <li><a href="/voice?mode=search&amp;maker_id=5">三菱重工</a></li>
  118.             <li><a href="/voice?mode=search&amp;maker_id=6">パナソニック</a></li>
  119.           </ul>
  120.         </li>
  121.         <li class="s-parent">
  122.           <a href="#inline-menu4" class="c-btn-01 s-white-02 popup-modal notscroll"><span class="s-text">形状タイプ</span>
  123.             <i class="s-icon">
  124.               <svg>
  125.                 <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  126.               </svg>
  127.             </i></a>
  128.           <ul id="inline-menu4" class="s-child c-page-menu-modal">
  129.             <li><a href="/voice?mode=search&amp;category01=天井カセット1方向">天カセ1方向</a></li>
  130.             <li><a href="/voice?mode=search&amp;category01=天井カセット2方向">天カセ2方向</a></li>
  131.             <li><a href="/voice?mode=search&amp;category01=天井カセット4方向">天カセ4方向</a></li>
  132.             <li><a href="/voice?mode=search&amp;category01=天井ビルトイン形">ビルトイン形</a></li>
  133.             <li><a href="/voice?mode=search&amp;category01=天井埋め込みダクト形">天埋込ダクト</a></li>
  134.             <li><a href="/voice?mode=search&amp;category01=天吊自在形ワンダ風流">天吊自在形</a></li>
  135.             <li><a href="/voice?mode=search&amp;category01=天井吊り形">天井吊り形</a></li>
  136.             <li><a href="/voice?mode=search&amp;category01=壁掛け形">壁掛け形</a></li>
  137.             <li><a href="/voice?mode=search&amp;category01=床置き形">床置き形</a></li>
  138.             <li><a href="/voice?mode=search&amp;category01=マルチエアコン">マルチAC</a></li>
  139.           </ul>
  140.         </li>
  141.         <li class="s-parent">
  142.           <a href="#inline-menu5" class="c-btn-01 s-white-02 popup-modal notscroll"><span class="s-text">馬力タイプ</span>
  143.             <i class="s-icon">
  144.               <svg>
  145.                 <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  146.               </svg>
  147.             </i></a>
  148.           <ul id="inline-menu5" class="s-child c-page-menu-modal">
  149.             <li><a href="/voice?mode=search&amp;category02=1.5馬力">1.5馬力</a></li>
  150.             <li><a href="/voice?mode=search&amp;category02=1.8馬力">1.8馬力</a></li>
  151.             <li><a href="/voice?mode=search&amp;category02=2.0馬力">2.0馬力</a></li>
  152.             <li><a href="/voice?mode=search&amp;category02=2.3馬力">2.3馬力</a></li>
  153.             <li><a href="/voice?mode=search&amp;category02=2.5馬力">2.5馬力</a></li>
  154.             <li><a href="/voice?mode=search&amp;category02=3.0馬力">3.0馬力</a></li>
  155.             <li><a href="/voice?mode=search&amp;category02=4.0馬力">4.0馬力</a></li>
  156.             <li><a href="/voice?mode=search&amp;category02=5.0馬力">5.0馬力</a></li>
  157.             <li><a href="/voice?mode=search&amp;category02=6.0馬力">6.0馬力</a></li>
  158.             <li><a href="/voice?mode=search&amp;category02=8.0馬力">8.0馬力</a></li>
  159.             <li><a href="/voice?mode=search&amp;category02=10.0馬力">10.0馬力</a></li>
  160.             <li><a href="/voice?mode=search&amp;category02=12.0馬力">12.0馬力</a></li>
  161.           </ul>
  162.         </li>
  163.         <li class="s-parent">
  164.           <a href="#inline-menu6" class="c-btn-01 s-white-02 popup-modal notscroll"><span class="s-text">電源タイプ</span>
  165.             <i class="s-icon">
  166.               <svg>
  167.                 <use xlink:href="{{ asset('assets/img/ico/ico_arrow_down.svg#obj') }}"></use>
  168.               </svg>
  169.             </i></a>
  170.           <ul id="inline-menu6" class="s-child c-page-menu-modal">
  171.             <li><a href="/voice?mode=search&amp;category03=三相200V">三相200V</a></li>
  172.             <li><a href="/voice?mode=search&amp;category03=単相200V">単相200V</a></li>
  173.           </ul>
  174.         </li>
  175.       </ul>
  176.     </div>
  177.     <div class="c-search-total">
  178.       検索数: <p class="c-search-total-num"><span class="s-main font-en">{{ '%count%'|trans({'%count%':pagination.totalItemCount}) }}</span></p>
  179.     </div>
  180.   </div>
  181. {% for Voice in pagination %}
  182.   {% set makerId = repository('Customize\\Entity\\Master\\MakerId').find(Voice.maker_id) %}{# メーカーID #}
  183.   {% set makerName = makerId.name %}{# メーカー名 #}
  184.   {# マスターIDをメーカーカテゴリIDに変換 #}
  185.   {% set value = Voice.maker_id %}
  186.   {% set makerIdCat = '' %}
  187.   {% if value == '1' %}
  188.     {% set makerIdCat = '2' %}{# ダイキン #}
  189.   {% elseif value == '2' %}
  190.     {% set makerIdCat = '21' %}{# 日立 #}
  191.   {% elseif value == '3' %}
  192.     {% set makerIdCat = '31' %}{# 三菱電機 #}
  193.   {% elseif value == '4' %}
  194.     {% set makerIdCat = '11' %}{# 東芝 #}
  195.   {% elseif value == '5' %}
  196.     {% set makerIdCat = '31' %}{# 三菱重工 #}
  197.   {% elseif value == '6' %}
  198.     {% set makerIdCat = '41' %}{# パナソニック #}
  199.   {% endif %}
  200.   {# マスターIDを馬力カテゴリIDに変換 #}
  201.   {% set value2 = Voice.category02 %}
  202.   {% set powerCat = '' %}
  203.   {% set powerCat2 = '' %}
  204.   {% set powerName = value2 %}
  205.   {% if '1.5馬力' in value2 %}{% set powerCat = '62' %}
  206.   {% elseif '1.8馬力' in value2 %}{% set powerCat = '63' %}
  207.   {% elseif '2.0馬力' in value2 %}{% set powerCat = '64' %}
  208.   {% elseif '2.3馬力' in value2 %}{% set powerCat = '65' %}
  209.   {% elseif '2.5馬力' in value2 %}{% set powerCat = '66' %}
  210.   {% elseif '3.0馬力' in value2 %}{% set powerCat = '67' %}
  211.   {% elseif '4.0馬力' in value2 %}{% set powerCat = '68' %}
  212.   {% elseif '5.0馬力' in value2 %}{% set powerCat = '69' %}
  213.   {% elseif '6.0馬力' in value2 %}{% set powerCat = '70' %}
  214.   {% elseif '8.0馬力' in value2 %}{% set powerCat = '71' %}
  215.   {% elseif '10.0馬力' in value2 %}{% set powerCat = '72' %}
  216.   {% elseif '12.0馬力' in value2 %}{% set powerCat = '73' %}
  217.   {% endif %}
  218.   {% if powerCat != '' %}
  219.   {% set powerCat2 = repository('Eccube\\Entity\\Category').find(powerCat) %}
  220.   {% set powerName = powerCat2.name %}
  221.   {% endif %}
  222.   {# マスターIDを形状カテゴリIDに変換 #}
  223.   {% set value3 = Voice.category01 %}
  224.   {% set shapeCat = '' %}
  225.   {% if '1方向' in value3 %}{% set shapeCat = '54' %}
  226.   {% elseif '2方向' in value3 %}{% set shapeCat = '53' %}
  227.   {% elseif '4方向' in value3 %}{% set shapeCat = '52' %}
  228.   {% elseif 'ビルトイン' in value3 %}{% set shapeCat = '56' %}
  229.   {% elseif 'ダクト' in value3 %}{% set shapeCat = '57' %}
  230.   {% elseif 'ワンダ風流' in value3 %}{% set shapeCat = '55' %}
  231.   {% elseif '吊' in value3 %}{% set shapeCat = '58' %}
  232.   {% elseif '壁掛' in value3 %}{% set shapeCat = '59' %}
  233.   {% elseif '床' in value3 %}{% set shapeCat = '60' %}
  234.   {% elseif 'マルチ' in value3 %}{% set shapeCat = '' %}
  235.   {% endif %}
  236.   <div class="c-section">
  237.     <div class="p-voice-section">
  238.       <h2 class="c-title-07"><span class="s-text">{{ Voice.guest_pref }}{{ Voice.guest_address }} {{ Voice.guest_name }}様</span> ({{ Voice.results_year }}年{{ Voice.results_month }}月施工)</h2>
  239.       <div class="c-media-03">
  240.         <figure class="s-image">
  241.           <img src="/html/upload/voice_image/{{ Voice.voice_image }}" alt="">
  242.         </figure>
  243.         <div class="s-content">
  244.           <table class="c-table-05 ">
  245.             <tbody>
  246.               <tr>
  247.                 <th>施工内容</th>
  248.                 <td>{{ Voice.guest_content }}</td>
  249.               </tr>
  250.               <tr>
  251.                 <th>施工建物</th>
  252.                 <td>{{ Voice.guest_building }}</td>
  253.               </tr>
  254.               <tr>
  255.                 <th>メーカー</th>
  256.                 <td>
  257.                   {{ makerName }}
  258.                 </td>
  259.               </tr>
  260.               <tr>
  261.                 <th>形状タイプ</th>
  262.                 <td>{{ Voice.category01 }}</td>
  263.               </tr>
  264.               <tr>
  265.                 <th>馬力タイプ</th>
  266.                 <td>{{ Voice.category02 }}</td>
  267.               </tr>
  268.               <tr>
  269.                 <th>電源タイプ</th>
  270.                 <td>{{ Voice.category03 }}</td>
  271.               </tr>
  272.               <tr>
  273.                 <th>設置個数</th>
  274.                 <td>{{ Voice.category04 }}</td>
  275.               </tr>
  276.             </tbody>
  277.           </table>
  278.         </div>
  279.       </div>
  280.       {% if Voice.guest_comment !="" %}
  281.       <div class="p-voice-box s-01">
  282.         <h3 class="p-voice-box__title"><i class="s-icon">
  283.             <svg>
  284.               <use xlink:href="{{ asset('assets/img/ico/ico_chat.svg#obj') }}"></use>
  285.             </svg>
  286.           </i><span class="s-text">お客様の声</span></h3>
  287.         <div class="p-voice-box__text">{{ Voice.guest_comment }}</div>
  288.       </div>
  289.       {% endif %}
  290.       <div class="p-voice-box s-02">
  291.         <h3 class="p-voice-box__title"><i class="s-icon">
  292.             <svg>
  293.               <use xlink:href="{{ asset('assets/img/ico/ico_people.svg#obj') }}"></use>
  294.             </svg>
  295.           </i><span class="s-text">担当者コメント</span></h3>
  296.         <div class="p-voice-box__text">{{ Voice.staff_comment }}</div>
  297.       </div>
  298.       <p class="c-text"><a href="/investigation-dtl?pref={{ Voice.guest_pref }}&area={{ Voice.guest_address }}" class="c-link-03">
  299.           <span class="s-text">{{ Voice.guest_pref }}{{ Voice.guest_address }}での業務用エアコン現場調査</span>
  300.           <i class="s-icon">
  301.             <svg>
  302.               <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  303.             </svg>
  304.           </i>
  305.         </a></p>
  306.       <div class="c-cv-all">
  307.         <div class="c-cv-group s-product">
  308.           <p class="s-title">この商品の商品情報はこちら</p>
  309.           <div class="s-list">
  310.             <a href="/products/list?category_ids[]={{ makerIdCat }}&category_ids[]={{ shapeCat }}&category_ids[]={{ powerCat }}" class="c-cv-link">
  311.               <p class="s-text">{{ makerName }}{{ Voice.category01 }}<br>{{ powerName }}のエアコン一覧</p>
  312.               <i class="s-arrow">
  313.                 <svg>
  314.                   <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  315.                 </svg>
  316.               </i>
  317.             </a>
  318.           </div>
  319.         </div>
  320. <div class="c-cv-group s-estimate-01">
  321.         <p class="s-title">お見積りはこちらから</p>
  322.         <ul class="s-list">
  323.           <li><a href="tel:0120-173-119" class="c-cv-tel">
  324.               <p class="s-tel-title">お電話からお見積り</p>
  325.               <p class="s-text-01">
  326.                 <i class="s-icon">
  327.                   <svg>
  328.                     <use xlink:href="{{ asset('assets/img/ico/ico_tel.svg#obj') }}"></use>
  329.                   </svg>
  330.                 </i>
  331.                 <span class="s-tel">0120-173-119</span>
  332.               </p>
  333.               <p class="s-text-02 font-en">受付:9:00~19:00(土日祝除く)
  334.               </p>
  335.             </a></li>
  336.           <li>
  337.             <div class="c-cv-link-block">
  338.               <a href="https://www.airconwork.co.jp/rp/contact.php?page=main&carrier={{ app.request.get('_route') }}" class="c-cv-link">
  339.                     <i class="s-icon">
  340.                       <img src="{{ asset('assets/img/ico/ico_web.png') }}" alt="">
  341.                     </i>
  342.                     <p class="s-text">WEB<span class="no-sp">からお</span>見積り</p>
  343.                     <i class="s-arrow">
  344.                       <svg>
  345.                         <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  346.                       </svg>
  347.                     </i>
  348.               </a>
  349.             </div>
  350.             <a href="https://lin.ee/VlB4HoK" target="_blank" class="c-cv-link">
  351.               <i class="s-icon">
  352.                 <img src="{{ asset('assets/img/ico/ico_line.png') }}" alt="">
  353.               </i>
  354.               <p class="s-text">LINE<span class="no-sp">からお</span>見積り</p>
  355.               <i class="s-arrow">
  356.                 <svg>
  357.                   <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  358.                 </svg>
  359.               </i>
  360.             </a>
  361.           </li>
  362.         </ul>
  363.       </div>
  364.                 </div>
  365.               </div>
  366.             </div>
  367. {% endfor %}
  368. <div class="ec-pagerRole">
  369. {% include "pager.twig" with {'pages': pagination.paginationData} %}
  370. </div>
  371. {% else %}
  372. <div class="c-section">
  373. 施工実績がありません
  374. </div>
  375. {% endif %}
  376. {% endblock %}