templates/index/shop.html.twig line 1

Open in your IDE?
  1. {% extends 'index/layout.html.twig' %}
  3. {% block page_name %}shop{% endblock %}
  5. {% block title %}{{ shop.name }}{% endblock %}
  6. {% block header_title %}{{ shop.name }}{% endblock %}
  8. {% block stylesheet %}
  9.   <link rel="stylesheet" href="/css/detail.css">
  10. {% endblock %}
  12. {% block main %}
  13.   <main>
  14.     <section class="details_wr">
  15.       {% set shopImage = '/img/no-image.jpeg' %}
  16.       {% if shop.image %}
  17.         {% set shopImage = shop.image %}
  18.       {% endif %}
  19.       <img class="shop_img" src="{{ shopImage }}" alt="{{ shop.name }}">
  20.       <div class="shop_name_wr">
  21.         <div>
  22.           <h1>{{ shop.name }}</h1>
  23.           <h2>{{ shop.categories|join(' / ') }}</h2>
  24.         </div>
  25. {#        <div class="review_wr">#}
  26. {#          <div class="review_num">#}
  27. {#            4.5#}
  28. {#          </div>#}
  29. {#          <div class="review_text">#}
  30. {#            レビュー数<br>#}
  31. {#            (222)#}
  32. {#          </div>#}
  34. {#        </div>#}
  35.       </div>
  36.       <ul class="provide">
  37.         {% if shop.toGo %}<li>テイクアウト</li>{% endif %}
  38.         {% if shop.delivery %}<li>デリバリー</li>{% endif %}
  39.       </ul>
  40.       <ul class="time">
  41.         <li class="indication">提供時間目安 <span>{{ shop.estimatedMinutes|default('-') }}分</span></li>
  42.         <li class="start">{{ shop.hourFrom|date('H:i') }}〜{{ shop.hourTo|date('H:i') }}受付可</li>
  43.       </ul>
  44.       <p class="add">〒{{ shop.zipcode }} {{ shop.address }}{% if shop.coordinate.latitude %} /
  45.         <a class="link" href="https://www.google.co.jp/maps/search/?api=1&query={{ shop.coordinate.latitude }},{{ shop.coordinate.longitude }}" target="_blank" rel="noopener">google map</a>
  46.         {% endif %}
  47.       </p>
  48.       {#<div class="map">#}
  49.         {#<div id="map-container" style="height: 150px;width: 100%;"></div>#}
  50.       {#</div>#}
  51.     </section>
  53.     <section class="menu">
  54. {#      <h2>メニュー</h2>#}
  56.       {% for group in shop.menuGroups %}
  57.       <div class="categories">
  58.         <h2 class="title">{{ group.name }}</h2>
  59.         <!--food-->
  61.         {% for menu in group.menus %}
  62.         <div class="food_wr clearfix">
  63.           <ul class="text_wr">
  64.             <li class="food_name"><a href="{{ path('shop_menu_show', {id: menu.id}) }}">{{ menu.name }}</a></li>
  65.             <li class="intro">{{ menu.description|nl2br }}</li>
  66.             <li class="indication">提供目安時間 : <span>{{ menu.minutes|default('-') }}分</span></li>
  67.             <li class="price">
  68.               {% if menu.discountedPrice is same as (null) %}
  69.               {#                割引なし#}
  70.               &yen; {{ menu.price|number_format }}
  71.               {% else %}
  72.               {#                割引あり#}
  73.               <span class="before">&yen; {{ menu.price|number_format }}</span>⇒<span class="after">&yen; {{ menu.discountedPrice|number_format }}</span>
  74.               {% endif %}
  75.             </li>
  76.           </ul>
  77.           <a href="{{ path('shop_menu_show', {id: menu.id}) }}">
  78.             <div class="img_wr" style="background-image:url({{ menu.image|default('/img/no-image.jpeg') }});border-radius: 5px;">
  79.   {#            <img src="{{ menu.image }}" alt="{{ menu.name }}">#}
  80.             </div>
  81.           </a>
  82.         </div>
  83.         {% endfor %}
  84.         <!--/food-->
  85.       </div>
  86.       {% endfor %}
  88.       <div class="categories">
  89.         <h3></h3>
  90.         <!--food-->
  92.         {% for menu in shop.ungroupedMenus %}
  93.           <div class="food_wr clearfix">
  94.             <ul class="text_wr">
  95.               <li class="food_name"><a href="{{ path('shop_menu_show', {id: menu.id}) }}">{{ menu.name }}</a></li>
  96.               <li class="intro">{{ menu.description|nl2br }}</li>
  97.               <li class="indication">提供目安時間 : <span>{{ menu.minutes|default('-') }}分</span></li>
  98.               <li class="price">
  99.                 {% if menu.discountedPrice is same as (null) %}
  100. {#                割引なし#}
  101.                 &yen; {{ menu.price|number_format }}
  102.                 {% else %}
  103. {#                割引あり#}
  104.                 <span class="before">&yen; {{ menu.price|number_format }}</span>⇒<span class="after">&yen; {{ menu.price|number_format }}</span>
  105.                 {% endif %}
  106.               </li>
  107.             </ul>
  108.             <a href="{{ path('shop_menu_show', {id: menu.id}) }}">
  109.               <div class="img_wr" style="background-image:url({{ menu.image }});border-radius: 5px;">
  110.   {#              <img src="{{ menu.image }}" alt="{{ menu.name }}">#}
  111.               </div>
  112.             </a>
  113.           </div>
  114.         {% endfor %}
  115.         <!--/food-->
  116.       </div>
  118.     </section>
  119.     <div class="caution">
  120.       <h2 class="title">ご注文時の注意事項</h2>
  121.       <div>
  122.         {{ shop.notice|nl2br }}
  123.       </div>
  124.       {% if shop.shopPlan.slug == constant('App\\Entity\\ShopPlan::SLUG_PAID') %}
  125.       <div class="law">
  126.         <a href="{{ path('shop_law', {id: shop.id}) }}">特定商取引法に基づく表記</a>
  127.       </div>
  128.       {% endif %}
  129.     </div>
  131.     <div class="button_area">
  132.       {#      <a href="#" class="button">カートを見る</a>#}
  133.       {% if shop.appAcceptable %}
  134.         {% if shop.shopPlan.slug == constant('App\\Entity\\ShopPlan::SLUG_PAID') %}
  135.           {% set cart = get_cart(app.user) %}
  136.           {% if cart %}
  137.             {% if cart.cartItems | length %}
  138.               <a class="button tel  " href="{{ path('cart_index') }}" >カートを見る</a>
  139. {#              <span class="button tel tel-lg">カートを見る</span>#}
  140.             {% endif %}
  141.           {% endif %}
  142.         {% else %}
  143.         <a class="button tel tel-xs" href="tel:{{ shop.tel }}" onClick="gtag('event', 'tap', {'event_category': 'tel', 'event_label': 'order_{{ shop.name }}:{{ shop.tel }}', 'value': '0' });">電話で注文する</a>
  144.         <span class="button tel tel-lg">電話番号 : {{ shop.tel }}</span>
  145.         {% endif %}
  146.       {% else %}
  147.         <span class="button tel out-of-service">受付時間外です</span>
  148.       {% endif %}
  149.     </div>
  151.   </main>
  152. {% endblock %}
  154. {% block js %}
  155. {#  <script async defer src="https://maps.googleapis.com/maps/api/js?language=ja&region=JP&key=AIzaSyDxtlmq6i3t7yKHPlFdgvRLZh2dN4XnEok&callback=initMap"></script>#}
  156. {#  <script>#}
  157. {#    function initMap() {#}
  158. {#      $(function () {#}
  159. {#        var position = {lat: {{ shop.coordinate.latitude }}, lng: {{ shop.coordinate.longitude }} } ;#}
  160. {#        var map = new google.maps.Map($('#map-container').get(0), {#}
  161. {#          center: position,#}
  162. {#          zoom: 14,#}
  163. {#          disableDefaultUI: true#}
  164. {#        });#}
  166. {#        var marker = new google.maps.Marker({#}
  167. {#          position: position,#}
  168. {#          map: map,#}
  169. {#          draggable: false,#}
  170. {#          icon: {#}
  171. {#            url: '/img/map-marker.png',#}
  172. {#            scaledSize: new google.maps.Size(40, 40),#}
  173. {#            size: new google.maps.Size(80, 80),#}
  174. {#            origin: new google.maps.Point(0, 0),#}
  175. {#            anchor: new google.maps.Point(20, 38)#}
  176. {#          }#}
  177. {#        });#}
  178. {#      });#}
  180. {#    }#}
  181. {#  </script>#}
  182. {% endblock %}