templates/index/explore.html.twig line 1

Open in your IDE?
  1.   {% extends 'index/layout.html.twig' %}
  3. {% block title -%}条件を選び直す{%- endblock %}
  4. {% block header_title %}条件を選び直す{% endblock %}
  6. {% block stylesheet %}
  7.   <link rel="stylesheet" href="/css/search.css">
  8. {% endblock %}
  10. {% block header_nav_icon %}
  11.   {#    メニューアイコン非表示#}
  12. {% endblock %}
  14. {% block main %}
  15.   <main>
  16.     <form action="{{ path('search') }}" method="get">
  17.     <div class="form_area" style="margin-bottom: 100px;">
  18.       <p class="form_title">エリアを選ぶ</p>
  19.       <span class="form-select-text">
  20.       <input type="text" id="area" name="" class="text form-control js-area-selector" data-area-selector-data-target=".js-data-area-location" readonly="readonly">
  21.       </span>
  22.       <input type="hidden" name="l" class="js-data-area-location">
  25.       <p class="form_title">料理を選ぶ</p>
  26.       <span class="form-select-text">
  27.         <input type="text" id="area" name="" class="text form-control js-cook-selector"  data-cook-selector-data-target=".js-data-cook" readonly="readonly">
  28.       </span>
  29.       <input type="hidden" name="c" class="js-data-cook">
  31.       <p class="form_title">こだわり条件</p>
  32.       <ul class="choices_list">
  33.         <li class="choices_item">
  34.           <input type="checkbox" id="scales" name="pp" value="1">
  35.           <label for="scales" class="input_checkbox">事前決済対応</label>
  36.         </li>
  37.         <li>
  38.           <input type="checkbox" id="scales2" name="d" value="1">
  39.           <label for="scales2" class="input_checkbox">デリバリー対応</label>
  40.         </li>
  41.         <li>
  42.           <input type="checkbox" id="scales3" name="sa" value="1">
  43.           <label for="scales3" class="input_checkbox">割引中</label>
  44.         </li>
  45.       </ul>
  46.     </div>
  48.     <div class="button_area">
  49.       <button type="submit" class="button">お店を検索する</button>
  50.     </div>
  51.   </form>
  53. {#    <div class="center-block">#}
  54. {#      <div class="map_box">#}
  55. {#        <div class="map_img" id="map-container">#}
  57. {#        </div>#}
  58. {#        <a href="{{ path('map') }}" class="map_but">地図からお店を探す</a>#}
  59. {#      </div>#}
  60. {#      <div class="text_box">#}
  61. {#        <form action="{{ path('search') }}" method="get">#}
  62. {#          <ul class="clearfix">#}
  63. {#            <li>#}
  64. {#              <label for="area" class="search_item">エリアを選ぶ</label>#}
  65. {#            </li>#}
  66. {#            <li class="select_wr">#}
  67. {#              <select id="area" name="l">#}
  68. {#                {% for item in locations %}#}
  69. {#                  <option value="{{ item.id }}">{{ item.name }}</option>#}
  70. {#                {% endfor %}#}
  71. {#              </select>#}
  72. {#            </li>#}
  73. {#          </ul>#}
  74. {#          <ul class="clearfix">#}
  75. {#            <li>#}
  76. {#              <label for="cook" class="search_item">料理を選ぶ</label>#}
  77. {#            </li>#}
  78. {#            <li class="select_wr">#}
  79. {#              <select id="cook" name="c">#}
  80. {#                <option value="">すべて</option>#}
  81. {#                {% for item in categories %}#}
  82. {#                  <option value="{{ item.id }}">{{ item.name }}</option>#}
  83. {#                {% endfor %}#}
  84. {#              </select>#}
  85. {#            </li>#}
  86. {#          </ul>#}
  87. {#          <div class="but_wr"><input type="submit" value="お店を探す"></div>#}
  88. {#        </form>#}
  89. {#      </div>#}
  91. {#    </div>#}
  93.   </main>
  94. {% endblock %}
  96. {% block area_js %}
  97.   {{ include('/components/area.html.twig') }}
  98. {% endblock %}
  100. {% block cook_js %}
  101.   {{ include('/components/cook.html.twig') }}
  102. {% endblock %}
  104. {% block js %}
  105. {#  <script async defer src="https://maps.googleapis.com/maps/api/js?language=ja&region=JP&key=AIzaSyBwr-8UL7PG1jGorrGpNsEpd5if3ulrZyE&callback=initMap"></script>#}
  106. {#  <script>#}
  107. {#    var map;#}
  108. {#    var position = {lat: 35.6682234, lng: 139.6708286};#}
  109. {#    function initMap() {#}
  110. {#      map = new google.maps.Map($('#map-container').get(0), {#}
  111. {#        center: position,#}
  112. {#        zoom: 12,#}
  113. {#        disableDefaultUI: true#}
  114. {#      });#}
  116. {#    }#}
  117. {#  </script>#}
  118. {% endblock %}