<turbo-stream action="update" target="modal-card-prod"><template><div id="modal-card-prod-add" class="modal is-active">
  <div class="modal-background"></div>
  <div data-controller="turbo-modal" data-action="turbo:submit-end-&gt;turbo-modal#submitEnd click@window-&gt;turbo-modal#closeBackground" class="modal-content">
    <form action="/tempo/order_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k3V_veXtKUrKsteVrJRvPz7cyJw-wzdiwtPQSgj2vKz9MRq_nJPhC5yxCzBFN0Ct5WhLDXlnoM3U8x7G1z8UFQ" autocomplete="off" />
      <div class="box">
        <div class="modal-card-prod-img loading">
          <div class="is-loading">
              <img alt="card" onerror="this.src=&#39;https://molodechno.pizzatempo.by/assets/default-product-image-749834eb6deb5799c38a4eb4ec1b8058c7d2241fc3318654231438cf8551abd3.jpg&#39;" src="https://s3.vasilki.by/novita/suca4s8lm7mxcw5cx2shibolt9hm" />
          </div>
        </div>
        <div class="modal-card-prod-descr">
          <div class="modal-card-prod-scroll scrollable-element">
            <div class="modal-card-descr-header">
              <div class="modal-card-text">
                <div class="modal-card-name">
                  <div class="card-item-name">
                    <span class="title is-2">Диабло 21 см</span>
                  </div>
                </div>
                <span  class="modal-card-descr">соус из протёртых томатов, Моцарелла, салями, колбаса Пепперони, имбирный соус, красный лук, Халапеньо, приправа к пицце, масло чесночное</span>
              </div>
              <button name="button" type="button" data-action="turbo-modal#hideModal" class="delete">{:data=&gt;{:action=&gt;&quot;turbo-modal#hideModal&quot;}, :type=&gt;&quot;button&quot;, :class=&gt;&quot;delete&quot;}</button>
            </div>
            <div class="modal-card-table">
              <table>
                <tr>
                  <th>Белки</th>
                  <th>Жиры</th>
                  <th>Углеводы</th>
                  <th>Ккал</th>
                  <th>Вес</th>
                </tr>
                <tr class="table-values">
                  <th>10.6</th>
                  <th>16.1</th>
                  <th>22.1</th>
                  <th>277.0</th>
                  <th>215 г</th>
                </tr>
              </table>
            </div>
              <div class="card-item-tabs">
                    <div class="double tab-btns">
        
                      <a class="tab-btn button is-active" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=21&amp;size_selection=false">Тонкое</a>
        
                      <a class="tab-btn button" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=lash&amp;modal=true&amp;size=21&amp;size_selection=false">Пышное</a>
                  </div> 

                   <div class="double tab-btns">
        
                      <a class="button tab-btn is-active" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=21&amp;size_selection=true">21 см</a>
        
                      <a class="button tab-btn" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=26&amp;size_selection=true">26 см</a>
        
                      <a class="button tab-btn" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=31&amp;size_selection=true">31 см</a>
                  </div>
              </div>

              <div class="modal-card-adds">
                <span class="title is-1">Добавки</span>
                <span class="text-alternative ">Итоговая стоимость будет рассчитана в корзине</span>
                
                  <!-- добавки к блюду -->
                  <div class="modal-card-adds-item added-trigger">
                    <div>
                      <span>Перец халапеньо 15г.</span>
                      <span>0.60 BYN</span>
                    </div>
                    <button name="button" type="button" class="button is-outlined add-btn" data-action="turbo-modal#addedToCartHandler">Добавить</button>
                    <div class="added-to-cart modal-adds">
                      <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                        <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>
                        
                          <input value="0" readonly="readonly" type="text" name="order_item[additions][2173][quantity]" id="order_item_additions_2173_quantity" />

                      <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                         <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                        <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>                    </div>
                  </div>
                  <div class="modal-card-adds-item added-trigger">
                    <div>
                      <span>Сыр Моцарелла 50г(Темпо)</span>
                      <span>2.80 BYN</span>
                    </div>
                    <button name="button" type="button" class="button is-outlined add-btn" data-action="turbo-modal#addedToCartHandler">Добавить</button>
                    <div class="added-to-cart modal-adds">
                      <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                        <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>
                        
                          <input value="0" readonly="readonly" type="text" name="order_item[additions][2174][quantity]" id="order_item_additions_2174_quantity" />

                      <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                         <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                        <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>                    </div>
                  </div>
                  <div class="modal-card-adds-item added-trigger">
                    <div>
                      <span>Колбаса пепперони 30г</span>
                      <span>2.70 BYN</span>
                    </div>
                    <button name="button" type="button" class="button is-outlined add-btn" data-action="turbo-modal#addedToCartHandler">Добавить</button>
                    <div class="added-to-cart modal-adds">
                      <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                        <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>
                        
                          <input value="0" readonly="readonly" type="text" name="order_item[additions][2175][quantity]" id="order_item_additions_2175_quantity" />

                      <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                         <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                        <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>                    </div>
                  </div>
                  <div class="modal-card-adds-item added-trigger">
                    <div>
                      <span>Колбаса салями 30г</span>
                      <span>2.40 BYN</span>
                    </div>
                    <button name="button" type="button" class="button is-outlined add-btn" data-action="turbo-modal#addedToCartHandler">Добавить</button>
                    <div class="added-to-cart modal-adds">
                      <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                        <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>
                        
                          <input value="0" readonly="readonly" type="text" name="order_item[additions][2176][quantity]" id="order_item_additions_2176_quantity" />

                      <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                         <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                        <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>                    </div>
                  </div>
              </div>
          </div>

          <div class="modal-card-prod-fixed">

            <div class="card-price-tabs">
                <div class="card-price">
                  <span class="card-price-title">Навынос</span>
                  <span class="title is-1">12.20 BYN</span>
                </div>
                <div class="card-price">
                  <span class="card-price-title">Доставка</span>
                  <span class="title is-1">13.40 BYN</span>
                </div>
            </div>
            <input value="175" autocomplete="off" type="hidden" name="order_item[menu_item_variant_id]" id="order_item_menu_item_variant_id" />
            <input value="1" autocomplete="off" type="hidden" name="order_item[good_group_id]" id="order_item_good_group_id" />
           
             <div class="modal-prod-btns">
              <div class="added-to-cart">
                <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrQuantity">
                  <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>                 <input value="1" min="1" readonly="readonly" type="text" name="order_item[quantity]" id="order_item_quantity" />
                <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrQuantity">
                  <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>              </div>
              <button name="button" type="submit" class="button is-primary">Добавить в корзину</button>
            </div>
          </div>
        </div>
      </div>
</form></div></div>

<script src="/assets/js/inputDropdown-146c56bc2722016e931be7e05714d4cf4dab16dd10d19aeb5a5ae5d56bea8eb2.js"></script>
</template></turbo-stream><turbo-stream action="update" target="order_info"><template><div class="box">
  <div class="modal-card-prod-img loading">
    <div class="is-loading">
        <img alt="card" onerror="this.src=&#39;https://molodechno.pizzatempo.by/assets/default-product-image-749834eb6deb5799c38a4eb4ec1b8058c7d2241fc3318654231438cf8551abd3.jpg&#39;" src="https://s3.vasilki.by/novita/suca4s8lm7mxcw5cx2shibolt9hm" />
    </div>
  </div>
  <div class="modal-card-prod-descr">
    <div class="modal-card-prod-scroll scrollable-element">
      <div class="modal-card-descr-header">
        <div class="modal-card-text">
        <div class="modal-card-name">
            <h1 class="title is-2">Диабло 21 см</h1>
        </div>
        <span  class="modal-card-descr">соус из протёртых томатов, Моцарелла, салями, колбаса Пепперони, имбирный соус, красный лук, Халапеньо, приправа к пицце, масло чесночное</span>
        </div>
        <button name="button" type="button" data-action="turbo-modal#hideModal" class="delete">{:data=&gt;{:action=&gt;&quot;turbo-modal#hideModal&quot;}, :type=&gt;&quot;button&quot;, :class=&gt;&quot;delete&quot;}</button>
      </div>
      <div class="modal-card-table">
        <table>
        <tr>
            <th>Белки</th>
            <th>Жиры</th>
            <th>Углеводы</th>
            <th>Ккал</th>
            <th>Вес</th>
        </tr>
        <tr class="table-values">
            <th>10.6</th>
            <th>16.1</th>
            <th>22.1</th>
            <th>277.0</th>
            <th>215 г</th>
        </tr>
        </table>
      </div>
          <div class="card-item-tabs">

           <div class="double tab-btns">

                  <a class="tab-btn button is-active" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=21&amp;size_selection=false">Тонкое</a>

                  <a class="tab-btn button" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=lash&amp;modal=true&amp;size=21&amp;size_selection=false">Пышное</a>
              </div> 
              <div class="double tab-btns">

                  <a class="button tab-btn is-active" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=21&amp;size_selection=true">21 см</a>

                  <a class="button tab-btn" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=26&amp;size_selection=true">26 см</a>

                  <a class="button tab-btn" data-turbo-prefetch="false" href="/tempo/menu_items/105?dough=thin&amp;modal=true&amp;size=31&amp;size_selection=true">31 см</a>
              </div>

   
          </div>
          <div class="modal-card-adds">
          <span class="title is-1">Добавки</span>
          <p>Итоговая стоимость будет рассчитана в корзине</p>

              <div class="modal-card-adds-item added-trigger">
              <div>
                  <span>Перец халапеньо 15г.</span>
                  <span>0.60 BYN</span>
              </div>
                <button name="button" type="button" class="button is-outlined add-btn" style="display: flex" data-action="turbo-modal#addedToCartHandler">Добавить</button>

              <div class="added-to-cart modal-adds" style="">
                <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>      
                    <input value="0" type="text" name="order_item[additions][2173][quantity]" id="order_item_additions_2173_quantity">

                <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                    <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>              </div>
            </div>
              <div class="modal-card-adds-item added-trigger">
              <div>
                  <span>Сыр Моцарелла 50г(Темпо)</span>
                  <span>2.80 BYN</span>
              </div>
                <button name="button" type="button" class="button is-outlined add-btn" style="display: flex" data-action="turbo-modal#addedToCartHandler">Добавить</button>

              <div class="added-to-cart modal-adds" style="">
                <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>      
                    <input value="0" type="text" name="order_item[additions][2174][quantity]" id="order_item_additions_2174_quantity">

                <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                    <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>              </div>
            </div>
              <div class="modal-card-adds-item added-trigger">
              <div>
                  <span>Колбаса пепперони 30г</span>
                  <span>2.70 BYN</span>
              </div>
                <button name="button" type="button" class="button is-outlined add-btn" style="display: flex" data-action="turbo-modal#addedToCartHandler">Добавить</button>

              <div class="added-to-cart modal-adds" style="">
                <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>      
                    <input value="0" type="text" name="order_item[additions][2175][quantity]" id="order_item_additions_2175_quantity">

                <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                    <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>              </div>
            </div>
              <div class="modal-card-adds-item added-trigger">
              <div>
                  <span>Колбаса салями 30г</span>
                  <span>2.40 BYN</span>
              </div>
                <button name="button" type="button" class="button is-outlined add-btn" style="display: flex" data-action="turbo-modal#addedToCartHandler">Добавить</button>

              <div class="added-to-cart modal-adds" style="">
                <button name="button" type="button" class="added-to-cart-minus" data-action="turbo-modal#decrNumHandler">
                <img src="/assets/icons/Minus-41820c24cb2a9eb59aa46afd8eed3a415b177391594ad43cb045e40e70128d06.svg" />
</button>      
                    <input value="0" type="text" name="order_item[additions][2176][quantity]" id="order_item_additions_2176_quantity">

                <button name="button" type="button" class="added-to-cart-plus" data-action="turbo-modal#incrNumHandler">
                    <input type="hidden" name="max_count_add" id="max_count_add" value="1">
                <img src="/assets/icons/Plus-54f920289a2fc2a2f585d3796335e3a6199bc9a99421447578022da6611f9971.svg" />
</button>              </div>
            </div>
        </div>
    </div>

    <div class="modal-card-prod-fixed">

      <div class="card-price-tabs">
        <div class="card-price">
          <span class="card-price-title">Навынос</span>
          <span class="title is-1">12.20 BYN</span>
        </div>
        <div class="card-price">
          <span class="card-price-title">Доставка</span>
          <span class="title is-1">13.40 BYN</span>
        </div>
      </div>
       
      <input type="hidden" name="order_item[menu_item_variant_id]" value='175'>
      <button type="submit"  class='button is-primary'>Обновить</button>
    </div>
  </div>
</div>
<script src="/assets/js/inputDropdown-146c56bc2722016e931be7e05714d4cf4dab16dd10d19aeb5a5ae5d56bea8eb2.js"></script>
</template></turbo-stream>