<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="BnPGALi6qZxEYDRYWmHo-KedXgf8jYRZ3FcQ5-oH-Lut8NGbCVFhlA4Q9BoPtxsGAhXmbelABWSugAAHQUgnbw" 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/sohrl9jqrya15tc8qyg6fd7gl2an" />
          </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">Чизбургер 26 см</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>9.9</th>
                  <th>8.8</th>
                  <th>23.0</th>
                  <th>213.2</th>
                  <th>410 г</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/131?dough=thin&amp;modal=true&amp;size=26&amp;size_selection=false">Тонкое</a>
        
                      <a class="tab-btn button" data-turbo-prefetch="false" href="/tempo/menu_items/131?dough=lash&amp;modal=true&amp;size=26&amp;size_selection=false">Пышное</a>
                  </div> 

                   <div class="double tab-btns">
        
                      <a class="button tab-btn" data-turbo-prefetch="false" href="/tempo/menu_items/131?dough=thin&amp;modal=true&amp;size=21&amp;size_selection=true">21 см</a>
        
                      <a class="button tab-btn is-active" data-turbo-prefetch="false" href="/tempo/menu_items/131?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/131?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>Сыр Моцарелла 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][2220][quantity]" id="order_item_additions_2220_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>1.30 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][2221][quantity]" id="order_item_additions_2221_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>1.20 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][2222][quantity]" id="order_item_additions_2222_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.30 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][2223][quantity]" id="order_item_additions_2223_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>1.50 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][2224][quantity]" id="order_item_additions_2224_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">20.90 BYN</span>
                </div>
                <div class="card-price">
                  <span class="card-price-title">Доставка</span>
                  <span class="title is-1">23.00 BYN</span>
                </div>
            </div>
            <input value="302" 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/sohrl9jqrya15tc8qyg6fd7gl2an" />
    </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">Чизбургер 26 см</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>9.9</th>
            <th>8.8</th>
            <th>23.0</th>
            <th>213.2</th>
            <th>410 г</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/131?dough=thin&amp;modal=true&amp;size=26&amp;size_selection=false">Тонкое</a>

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

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

                  <a class="button tab-btn is-active" data-turbo-prefetch="false" href="/tempo/menu_items/131?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/131?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>Сыр Моцарелла 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][2220][quantity]" id="order_item_additions_2220_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>1.30 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][2221][quantity]" id="order_item_additions_2221_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>1.20 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][2222][quantity]" id="order_item_additions_2222_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.30 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][2223][quantity]" id="order_item_additions_2223_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>1.50 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][2224][quantity]" id="order_item_additions_2224_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">20.90 BYN</span>
        </div>
        <div class="card-price">
          <span class="card-price-title">Доставка</span>
          <span class="title is-1">23.00 BYN</span>
        </div>
      </div>
       
      <input type="hidden" name="order_item[menu_item_variant_id]" value='302'>
      <button type="submit"  class='button is-primary'>Обновить</button>
    </div>
  </div>
</div>
<script src="/assets/js/inputDropdown-146c56bc2722016e931be7e05714d4cf4dab16dd10d19aeb5a5ae5d56bea8eb2.js"></script>
</template></turbo-stream>