templates/menu/item.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ controller_name }}{% endblock %}
  5. {% block body %}
  7.     <!-- breadcrumb_section - start
  8.     ================================================== -->
  9.     {% set image = "assets/images/breadcrumb/breadcrumb_bg_0"~random(1, 5)~"a.jpg" %}
  10.     <section class="breadcrumb_section text-uppercase" style="background-image: url({{ asset(image) }});">
  11.         <div class="container">
  12.             <h1 class="page_title text-white wow fadeInUp" data-wow-delay=".1s">{{ prod.nombreCompleto }}</h1>
  13.             <ul class="breadcrumb_nav ul_li wow fadeInUp" data-wow-delay=".2s">
  14.                 <li><a href="{{ url('home') }}"><i class="fas fa-home"></i> Home</a></li>
  15.                 <li><a href="{{ url('menu_cat', {'slug':'all'}) }}"></i> Menu</a></li>
  16.                 <li>{{ prod.nombreCompleto }}</li>
  17.             </ul>
  18.         </div>
  19.         <div class="breadcrumb_icon_wrap">
  20.             <div class="container">
  21.                 <div class="breadcrumb_icon wow fadeInUp" data-wow-delay=".3s">
  22.                     {% set icon = "assets/images/feature/icon_0"~random(1, 2)~".png" %}
  23.                     <img src="{{ asset(icon) }}" alt="icon_not_found">
  24.                     <span class="bg_shape"></span>
  25.                 </div>
  26.             </div>
  27.         </div>
  28.     </section>
  29.     <!-- breadcrumb_section - end
  30.     ================================================== -->
  32.     <!-- details_section - start
  33. ================================================== -->
  34.     <section class="details_section shop_details sec_ptb_120 bg_default_gray">
  35.         <div class="container">
  37.             <div class="row justify-content-lg-between justify-content-md-center justify-content-sm-center">
  38.                 <div class="col-lg-6 col-md-7">
  39.                     <div class="details_image_wrap wow fadeInUp" data-wow-delay=".1s">
  40.                         <img src="{{ asset("images/products/"~prod.imageName) }}" alt="image_not_found">
  41. {#                        <div class="details_image_carousel">#}
  42. {#                            <div class="slider_item">#}
  43. {#                            </div>#}
  44. {#                            <div class="slider_item">#}
  45. {#                                <img src="{{ asset("assets/images/shop/img_02.png") }}" alt="image_not_found">#}
  46. {#                            </div>#}
  47. {#                        </div>#}
  49. {#                        <div class="details_image_carousel_nav">#}
  50. {#                            <div class="slider_item">#}
  51. {#                                <img src="{{ asset("assets/images/shop/img_01.png") }}" alt="image_not_found">#}
  52. {#                            </div>#}
  53. {#                            <div class="slider_item">#}
  54. {#                                <img src="{{ asset("assets/images/shop/img_02.png") }}" alt="image_not_found">#}
  55. {#                            </div>#}
  56. {#                        </div>#}
  57.                     </div>
  58.                 </div>
  60.                 <div class="col-lg-6 col-md-7">
  61.                     <div class="details_content wow fadeInUp" data-wow-delay=".1s">
  62.                         <div class="details_flex_title">
  63.                             <h2 class="details_title text-uppercase">{{ prod.nombreCompleto }}</h2>
  64. {#                            <div class="details_review">#}
  65. {#                                <ul class="rating_star ul_li">#}
  66. {#                                    <li><i class="fas fa-star"></i></li>#}
  67. {#                                    <li><i class="fas fa-star"></i></li>#}
  68. {#                                    <li><i class="fas fa-star"></i></li>#}
  69. {#                                    <li><i class="fas fa-star"></i></li>#}
  70. {#                                    <li><i class="far fa-star"></i></li>#}
  71. {#                                </ul>#}
  72. {#                                <span class="review_text">04 - Customar Review</span>#}
  73. {#                            </div>#}
  74.                         </div>
  75.                         <p>
  76.                             {{  prod.description }}
  77.                         </p>
  78.                         <div class="details_price">
  79.                             <strong class="price_text">${{ prod.priceRetail | number_format(2) }}</strong>
  80.                             {% if prod.isActivo ==1 %}
  81.                             <span class="in_stuck"><i class="fal fa-check"></i> Disponible</span>
  82.                             {% else %}
  83.                                 <span class="in_stuck"><i class="fal fa-ban"></i>No Disponible</span>
  84.                             {% endif %}
  85.                         </div>
  86. {#                        <ul class="details_item_color ul_li">#}
  87. {#                            <li class="bg_brown"><input type="radio" name="item_color"></li>#}
  88. {#                            <li class="bg_browndark"><input type="radio" name="item_color" checked></li>#}
  89. {#                            <li class="bg_brownlight"><input type="radio" name="item_color"></li>#}
  90. {#                        </ul>#}
  91.                         <ul class="btns_group ul_li">
  92. {#                            <li>#}
  93. {#                                <div class="quantity_input quantity_boxed">#}
  94. {#                                    <h4 class="quantity_title text-uppercase">Quantity</h4>#}
  95. {#                                    <form action="#">#}
  96. {#                                        <button type="button" class="input_number_decrement">–</button>#}
  97. {#                                        <input class="input_number" type="text" value="2">#}
  98. {#                                        <button type="button" class="input_number_increment">+</button>#}
  99. {#                                    </form>#}
  100. {#                                </div>#}
  101. {#                            </li>#}
  102.                             <li><a href="https://www.clover.com/online-ordering/rock-out-cafe-manati-2" class="btn btn-primary" target="_blank">Ordene Aquí</a></li>
  103.                         </ul>
  104.                         <div class="details_wishlist_btn">
  105.                             <a href="#!"><i ></i> </a>
  106.                         </div>
  108.                         {% if prod.tags | length > 0 %}
  109.                         <div class="details_share_links">
  110.                             <ul class="tag_list ul_li">
  111.                                 {% for t in prod.tags %}
  112.                                     <li class="tag_list"><a href="{{url('tag', {'slug':t.slug})}}">#{{ t.content }}</a></li>
  113.                                 {% endfor %}
  114.                             </ul>
  115.                         </div>
  116.                         {% endif %}
  117.                     </div>
  118.                 </div>
  119.             </div>
  121. {#            <div class="product_description_wrap wow fadeInUp" data-wow-delay=".1s">#}
  122. {#                <ul class="tabs_nav ul_li nav" role="tablist">#}
  123. {#                    <li>#}
  124. {#                        <button class="active" data-bs-toggle="tab" data-bs-target="#product_description" type="button" role="tab" aria-selected="true">Product Details</button>#}
  125. {#                    </li>#}
  126. {#                    <li>#}
  127. {#                        <button data-bs-toggle="tab" data-bs-target="#product_additional_info" type="button" role="tab" aria-selected="false">Additionnal Imformation</button>#}
  128. {#                    </li>#}
  129. {#                    <li>#}
  130. {#                        <button data-bs-toggle="tab" data-bs-target="#product_review" type="button" role="tab" aria-selected="false">Review (3)</button>#}
  131. {#                    </li>#}
  132. {#                </ul>#}
  133.                 <div class="tab-content">
  134.                     <div class="tab-pane fade show active" id="product_description" role="tabpanel">
  135.                         <p class="mb-0">
  136.                             {{ prod.nota }}
  137.                         </p>
  138.                     </div>
  139. {#                    <div class="tab-pane fade" id="product_additional_info" role="tabpanel">#}
  140. {#                        <p class="mb-0">#}
  141. {#                            Rorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nost exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proideny.mco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate  cupidaey.#}
  142. {#                        </p>#}
  143. {#                    </div>#}
  144. {#                    <div class="tab-pane fade" id="product_review" role="tabpanel">#}
  145. {#                        <p class="mb-0">#}
  146. {#                            Rorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nost exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proideny.mco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate  cupidaey.#}
  147. {#                        </p>#}
  148. {#                    </div>#}
  149.                 </div>
  150. {#            </div>#}
  152. {#            <div class="related_products">#}
  153. {#                <h4 class="area_title text-uppercase mb-0 wow fadeInUp" data-wow-delay=".1s">Related Product</h4>#}
  154. {#                <div class="row">#}
  155. {#                    <div class="col-lg-4 col-md-6 col-sm-6">#}
  156. {#                        <div class="shop_card wow fadeInUp" data-wow-delay=".1s">#}
  157. {#                            <a class="wishlist_btn" href="#!"><i class="fal fa-heart"></i></a>#}
  158. {#                            <div class="share_btns">#}
  159. {#                                <button type="button" class="share_btn">#}
  160. {#                                    <i class="fal fa-share-alt"></i>#}
  161. {#                                </button>#}
  162. {#                                <ul class="ul_li">#}
  163. {#                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>#}
  164. {#                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>#}
  165. {#                                    <li><a href="#"><i class="fab fa-youtube"></i></a></li>#}
  166. {#                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>#}
  167. {#                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>#}
  168. {#                                </ul>#}
  169. {#                            </div>#}
  170. {#                            <a class="item_image" href="shop_details.html">#}
  171. {#                                <img src="assets/images/shop/img_01.png" alt="image_not_found">#}
  172. {#                            </a>#}
  173. {#                            <div class="item_content">#}
  174. {#                                <h3 class="item_title text-uppercase">#}
  175. {#                                    <a href="shop_details.html">Testy coffee stimy</a>#}
  176. {#                                </h3>#}
  177. {#                                <div class="btns_group">#}
  178. {#                                    <span class="item_price bg_default_brown">$101</span>#}
  179. {#                                    <a class="btn btn_border border_black text-uppercase" href="#!">Add To Cart</a>#}
  180. {#                                </div>#}
  181. {#                            </div>#}
  182. {#                        </div>#}
  183. {#                    </div>#}
  185. {#                    <div class="col-lg-4 col-md-6 col-sm-6">#}
  186. {#                        <div class="shop_card wow fadeInUp" data-wow-delay=".3s">#}
  187. {#                            <a class="wishlist_btn" href="#!"><i class="fal fa-heart"></i></a>#}
  188. {#                            <div class="share_btns">#}
  189. {#                                <button type="button" class="share_btn">#}
  190. {#                                    <i class="fal fa-share-alt"></i>#}
  191. {#                                </button>#}
  192. {#                                <ul class="ul_li">#}
  193. {#                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>#}
  194. {#                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>#}
  195. {#                                    <li><a href="#"><i class="fab fa-youtube"></i></a></li>#}
  196. {#                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>#}
  197. {#                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>#}
  198. {#                                </ul>#}
  199. {#                            </div>#}
  200. {#                            <a class="item_image" href="shop_details.html">#}
  201. {#                                <img src="assets/images/shop/img_02.png" alt="image_not_found">#}
  202. {#                            </a>#}
  203. {#                            <div class="item_content">#}
  204. {#                                <h3 class="item_title text-uppercase">#}
  205. {#                                    <a href="shop_details.html">americano pure grades</a>#}
  206. {#                                </h3>#}
  207. {#                                <div class="btns_group">#}
  208. {#                                    <span class="item_price bg_default_brown">$101</span>#}
  209. {#                                    <a class="btn btn_border border_black text-uppercase" href="#!">Add To Cart</a>#}
  210. {#                                </div>#}
  211. {#                            </div>#}
  212. {#                        </div>#}
  213. {#                    </div>#}
  215. {#                    <div class="col-lg-4 col-md-6 col-sm-6">#}
  216. {#                        <div class="shop_card wow fadeInUp" data-wow-delay=".4s">#}
  217. {#                            <a class="wishlist_btn" href="#!"><i class="fal fa-heart"></i></a>#}
  218. {#                            <div class="share_btns">#}
  219. {#                                <button type="button" class="share_btn">#}
  220. {#                                    <i class="fal fa-share-alt"></i>#}
  221. {#                                </button>#}
  222. {#                                <ul class="ul_li">#}
  223. {#                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>#}
  224. {#                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>#}
  225. {#                                    <li><a href="#"><i class="fab fa-youtube"></i></a></li>#}
  226. {#                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>#}
  227. {#                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>#}
  228. {#                                </ul>#}
  229. {#                            </div>#}
  230. {#                            <a class="item_image" href="shop_details.html">#}
  231. {#                                <img src="assets/images/shop/img_03.png" alt="image_not_found">#}
  232. {#                            </a>#}
  233. {#                            <div class="item_content">#}
  234. {#                                <h3 class="item_title text-uppercase">#}
  235. {#                                    <a href="shop_details.html">indian Roasting pack</a>#}
  236. {#                                </h3>#}
  237. {#                                <div class="btns_group">#}
  238. {#                                    <span class="item_price bg_default_brown">$101</span>#}
  239. {#                                    <a class="btn btn_border border_black text-uppercase" href="#!">Add To Cart</a>#}
  240. {#                                </div>#}
  241. {#                            </div>#}
  242. {#                        </div>#}
  243. {#                    </div>#}
  244. {#                </div>#}
  245. {#            </div>#}
  247.         </div>
  248.     </section>
  249.     <!-- details_section - end
  250.     ================================================== -->
  252. {% endblock %}