src/DcSiteBundle/Resources/views/Modules/spare-parts.html.twig line 1

Open in your IDE?
  1. {# number part   04152-YZZA7 #}
  3. <section class="" id="searchSpare">
  4.     <div class="bg-color section_padd pb-0">
  5.         <div class="container">
  6.             <div class="row">
  7.                 <div class="col-md-12">
  8.                     <h2 class="section_title">{{ 'pages.service.spares.search_title'|trans({}, 'dc_toyota') }}</h2>
  9.                 </div>
  10.             </div>
  11.             <div class="row justify-content-center parts__head__custom">
  12.                 <div class="col-md-8">
  13.                     <span class="parts-title">{{ 'site_translate.search_part'|trans({}, 'dc_toyota') }}</span>
  14.                     <div class="parts_search">
  15.                         <div class="form-group">
  16.                             <input v-model="searchSpareStr" type="text" class="form-control" placeholder="{{ placeholderNumber is defined ? placeholderNumber : '04152YZZA6' }}">
  17.                         </div>
  18.                         <button @click="searchSapre"
  19.                                 class="btn btn-dealer-color btn-primary">{{ 'service_registration_form.search'|trans({}, 'dc_base') }}</button>
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </div>
  26.     <div v-if="isSpare">
  27.         <div class="parts_head-section bg-color pt-5 pb-3">
  28.             <div class="container">
  29.                 <div class="row justify-content-center parts__head__custom">
  30.                     <div class="col-md-10">
  31.                         <div class="parts_head-wrap">
  32.                             <span class="parts-title parts_head-wrap-name">{{ 'site_translate.search_part_name'|trans({}, 'dc_toyota') }}</span>
  33.                             <span class="parts-title parts_head-wrap-quantity">{{ 'site_translate.search_part_quantity'|trans({}, 'dc_toyota') }}</span>
  34.                             <span class="parts-title">{{ 'site_translate.search_part_price'|trans({}, 'dc_toyota') }}</span>
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         {#  -------Parts_info-section-new-------#}
  41.         <div class="section_padd parts_info-section d-none parts_info-section-new">
  42.             <div class="container">
  43.                 <div class="row justify-content-center parts__head__custom">
  45.                     <div class="parts_wrap">
  46.                         <div class="parts_wrap_container">
  47.                             <div class="parts__head-box">
  48.                                 <span class="parts__head-name">Найменування</span>
  49.                                 <span class="parts_name" v-html="spareFounded.title"></span>
  50.                             </div>
  51.                             <div class="parts__head-box">
  52.                                 <span class="parts__head-name">Кількість</span>
  53.                                 <form id="quantityForm" action="#" class="quantity-add-form">
  54.                                     <input @click="counting('-')" type="button" value="-"
  55.                                            class="minus-add quantity-add-btn"/>
  56.                                     <span class="result" v-html="countSpare"></span>
  57.                                     <input @click="counting('+')" type="button" value="+"
  58.                                            class="plus-add quantity-add-btn"/>
  59.                                 </form>
  60.                             </div>
  61.                             <div class="parts__head-box">
  62.                                 <span class="parts__head-name">Ціна</span>
  63.                                 <span class="parts_price" v-html="sumPrice + ' грн'"></span>
  64.                             </div>
  65.                         </div>
  66.                         <button class="btn btn-dealer-color btn-primary-red button_order-parts button_order-parts-cust "
  67.                                 data-bs-toggle="modal"
  68.                                 data-toggle="modal" data-bs-target="#popUp-orderSpare"
  69.                                 data-target="#popUp-orderSpare">
  70.                             {{ 'base.buttons.order'|trans({}, 'dc_toyota') }}
  71.                         </button>
  73.                     </div>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.         {#  ----END--Parts_info-section-new----------#}
  80.         <div class="section_padd parts_info-section pb-5 pt-5 parts_info-section-old">
  81.             <div class="container">
  82.                 <div class="row justify-content-center parts__head__custom">
  83.                     <div class="col-md-10">
  84.                         <div class="parts_wrap">
  85.                             <span class="parts_name" v-html="spareFounded.title"></span>
  86.                             <form id="quantityForm" action="#" class="quantity-add-form">
  87.                                 <input @click="counting('-')" type="button" value="-"
  88.                                        class="minus-add quantity-add-btn"/>
  89.                                 <span class="result" v-html="countSpare"></span>
  90.                                 <input @click="counting('+')" type="button" value="+"
  91.                                        class="plus-add quantity-add-btn"/>
  92.                             </form>
  93.                             <span class="parts_price" v-html="sumPrice + ' грн'"></span>
  94.                             <button class="btn btn-primary-red button_order-parts" data-bs-toggle="modal"
  95.                                     data-toggle="modal" data-bs-target="#popUp-orderSpare"
  96.                                     data-target="#popUp-orderSpare">
  97.                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
  98.                                      xmlns="http://www.w3.org/2000/svg">
  99.                                     <path d="M6.00065 14.6668C6.36884 14.6668 6.66732 14.3684 6.66732 14.0002C6.66732 13.632 6.36884 13.3335 6.00065 13.3335C5.63246 13.3335 5.33398 13.632 5.33398 14.0002C5.33398 14.3684 5.63246 14.6668 6.00065 14.6668Z"
  100.                                           stroke="white" stroke-width="1.5" stroke-linecap="round"
  101.                                           stroke-linejoin="round"/>
  102.                                     <path d="M13.3327 14.6668C13.7009 14.6668 13.9993 14.3684 13.9993 14.0002C13.9993 13.632 13.7009 13.3335 13.3327 13.3335C12.9645 13.3335 12.666 13.632 12.666 14.0002C12.666 14.3684 12.9645 14.6668 13.3327 14.6668Z"
  103.                                           stroke="white" stroke-width="1.5" stroke-linecap="round"
  104.                                           stroke-linejoin="round"/>
  105.                                     <path d="M0.666016 0.666504H3.33268L5.11935 9.59317C5.18031 9.9001 5.34729 10.1758 5.59105 10.372C5.8348 10.5683 6.13981 10.6725 6.45268 10.6665H12.9327C13.2455 10.6725 13.5506 10.5683 13.7943 10.372C14.0381 10.1758 14.2051 9.9001 14.266 9.59317L15.3327 3.99984H3.99935"
  106.                                           stroke="white" stroke-width="1.5" stroke-linecap="round"
  107.                                           stroke-linejoin="round"/>
  108.                                     <defs>
  109.                                         <clipPath id="clip0">
  110.                                             <rect width="16" height="16" fill="white"/>
  111.                                         </clipPath>
  112.                                     </defs>
  113.                                 </svg>
  114.                                 {{ 'base.buttons.order'|trans({}, 'dc_toyota') }}
  115.                             </button>
  116.                         </div>
  117.                     </div>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.     </div>
  123.     <div v-if="notFond">
  124.         <div class="container">
  125.             <div class="parts__not__found pt-5 pb-3 bg-color"></div>
  126.             <div class="section_padd parts__not__found parts__not__found-cust pb-5 pt-5">
  127.                 <span class="parts_not-found">{{ 'site_translate.parts_requst'|trans({}, 'dc_toyota') }} <span
  128.                             v-html="'«' + notFoundSearchStr + '»'"></span> {{ 'site_translate.parts_requst_none'|trans({}, 'dc_toyota') }} </span>
  129.             </div>
  130.         </div>
  131.     </div>
  133. </section>
  135. {% include '@DcSite/Modules/n-buy-spare-part-popup.html.twig' %}