<form class="form-horizontal ms2_form msoptionsprice-product" method="post">
<input type="hidden" name="id" value="[[*id]]"/>
<div class="form-group row align-items-center">
<label class="col-6 col-md-3 text-right text-md-left col-form-label">[[%ms2_product_article]]:</label>
<div class="col-6 col-md-9">
[[+article:default=`-`]]
</div>
</div>
<div class="form-group row align-items-center">
<label class="col-6 col-md-3 text-right text-md-left col-form-label">Статус товара:</label>
<div class="col-6 col-md-9">
[[*status]]
</div>
</div>
<div class="form-group row align-items-center">
<label class="col-6 col-md-3 text-right text-md-left col-form-label">Месяц поставки:</label>
<div class="col-6 col-md-9">
[[*postavka]]
</div>
</div>
[[msOptions?options=`size`]]
<div class="form-group row align-items-center">
<label class="col-6 col-md-3 text-right text-md-left col-form-label">[[%ms2_product_price]]:</label>
<div class="col-6 col-md-9 msoptionsprice-cost msoptionsprice-[[*id]]">
[[+price]] [[%ms2_frontend_currency]]
[[+old_price:gt=`0`:then=`
<span class="old_price ml-2 msoptionsprice-cost msoptionsprice-[[*id]]">[[+old_price]] [[%ms2_frontend_currency]]</span>
`:else=``]]
</div>
</div>
<div class="form-group row align-items-center">
<label class="col-6 col-md-3 text-right text-md-left col-form-label" for="product_price">[[%ms2_cart_count]]:</label>
<div class="col-6 col-md-9">
<div class="input-group">
<input type="number" name="count" id="product_price" class="form-control col-md-6" value="1"/>
<div class="input-group-append">
<span class="input-group-text">[[%ms2_frontend_count_unit]]</span>
</div>
</div>
</div>
</div>
[[!msOptionsPrice.initialize?]]
<div class="form-group row align-items-center">
<div class="col-12 offset-md-3 col-md-9 text-center text-md-left">
<button type="submit" class="btn-bg" name="ms2_action" value="cart/add">
[[%ms2_frontend_add_to_cart]]
</button>
</div>
</form>
<div id="msmcd-dropdown" class="dropdown" data-msmcddropdown="false">
<a class="btn btn-secondary dropdown-toggle w-100" href="#" role="button" id="dropdownMiniCart"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{'ms2_minicart' | lexicon} <span class="badge badge-light ms2_total_count">{$total_count}</span>
</a>
<div id="mcd-mini-cart" class="dropdown-menu w-100" aria-labelledby="dropdownMiniCart">
{$output}
</div>
</div><div id="msMiniCart" class="{$total_count > 0 ? 'full' : ''}">
{if $cart}
<div class="MiniCart__title">
Ваш заказ:
</div>
{/if}
{if $cart}
<div class="cart__inner mt-50">
{foreach $cart as $k => $item}
<div class="cart__item">
<div class="cart__img">
{if $item.img?}
<img class="align-self-center mb-3" src="{$item.img}" alt="{$item.pagetitle}">
{else}
<img class="mb-product-img mb-3" src="{'assets_url' | option}components/minishop2/img/web/ms2_small.png"
srcset="{'assets_url' | option}components/minishop2/img/web/ms2_small@2x.png 2x"
alt="{$item.pagetitle}" width="50" />
{/if}
</div>
<div class="cart__title">
{$item.pagetitle}
</div>
<div class="cart__number">
[[-!msProducts?
&tpl=`msMCDProductsRowInputTpl`
]]
</div>
{if $item.price}
<div class="cart__price">
<span>{$item.count}</span> × <span>{$item.price}</span> = <span>{$item.sum}</span> {'ms2_frontend_currency' | lexicon}
</div>
{else}
<div class="cart__price">
Цена отсутствует
</div>
{/if}
<div class="card__close">
<form method="post" class="ms2_form">
<input type="hidden" name="key" value="{$k}">
<input type="hidden" name="msmcd_id" value="{$item.id}">
<button class="btn-close" type="submit" name="ms2_action" value="cart/remove">
<img src="assets/img/arrows_circle_remove.svg" alt="">
</button>
</form>
</div>
</div>
{if 'msmcd_change_count_mini_cart' | option}
<form method="post" id="msmcd-mc-{$item.id}" class="ms2_form">
<input type="hidden" name="key" value="{$k}">
<input type="hidden" name="msmcd_id" value="{$item.id}">
<div class="d-flex justify-content-center">
<div class="btn-group">
<input type="number" min="0" name="count" value="{$item.count}"
placeholder="0" class="input-sm form-control msmcd-count" />
</div>
<div class="btn-group">×</div>
<div class="btn-group"><span>{$item.price}</span></div>
<div class="btn-group">=</div>
<div class="btn-group"><span>{$item.sum}</span></div> {'ms2_frontend_currency' | lexicon}
</div>
<button class="btn btn-default msmcd-action" type="submit"
name="ms2_action" value="cart/change" style="display: none;"></button>
</form>
{else}
{/if}
{/foreach}
</div>
{/if}
{if $cart}
<div class="cart__total mt-50">
{'ms2_minicart_goods' | lexicon} <strong class="ms2_total_count">{$total_count}</strong> {'ms2_frontend_count_unit' | lexicon}
{'ms2_minicart_cost' | lexicon} <strong class="ms2_total_cost">{$total_cost}</strong> {'ms2_frontend_currency' | lexicon}
<br>
По поводу товаров без цены уточняйте у менеджера
</div>
{/if}
</div><form class="ms2_form" id="msOrder" method="post">
<div class="row">
<div class="msOrder__inner">
{foreach ['email','receiver','phone'] as $field}
<div class="form-group row input-parent">
<div class="col-md-8">
<input class="checkout-input" type="text" id="{$field}" placeholder="{('ms2_frontend_' ~ $field) | lexicon}"
name="{$field}" value="{$form[$field]}"
class="form-control{($field in list $errors) ? ' error' : ''}">
</div>
</div>
{/foreach}
<input type="hidden" name="payment" value="1" id="payment_1" checked>
<input type="hidden" name="delivery" value="1" id="delivery_1" checked>
</div>
</div>
<button type="submit" name="ms2_action" value="order/submit" class="btn btn-2">
{'ms2_frontend_order_submit' | lexicon}
</button>
</form><div id="msCart">
Cпасибо за заказ менеджер свяжеться с вами в ближайшее время.
</div>const inp = document.querySelector("input-number")
let result = inp.value;
const increment = document.getElementById("btn-minus")
const decrement = document.getElementById('btn-plus')
increment.addEventListener("click", function(){
result = Number(inp.value) + 1;
inp.value = result
})
decrement.addEventListener('click', function(){
result = Number(inp.value) - 1;
inp.value = result
})