<%= @product.title %> - 购买<%= @product.title %>，价格优惠，库存充足

                <li class='list-group-item'><label>价格</label><em>￥</em><span><%= @product.price %></span></li>
                <li class='list-group-item d-flex justify-content-between'>
                  <div>
                    累计销量 <span class='count'><%= @product.sold_count %></span>
                  </div>
                  <div>
                  累计评价 <span class='count'><%= @product.review_count %></span>
                  </div>
                  <div  <%= @product.rating %>>
                    评分 <span class='count'><%= '★' * @product.rating.floor %><%= '☆' * (5 - @product.rating.floor) %></span>
                  </div>
                </li>
                <li class='list-group-item'>
                  <label>选择</label>
                  <div class='btn-group' data-bs-toggle='buttons'>
                    <% @product.product_skus.each do |product_sku|%>
                      <label class='btn btn-default sku-btn' title='<%= product_sku.description %>' data-stock='<%= product_sku.stock %>'>
                        <input type='radio' name='skus' autocomplete='off' value='<%= product_sku.id %>' checked='<%= product_sku.id == 1 %>'> <%= product_sku.title %>
                      </label>
                    <% end %>
                  </div>
                </li>
                <li class='list-group-item d-flex justify-content-start'>
                  <div>
                  <label>数量</label>
                  </div>
                  <div class='input-group'>
                    <input type='text' class='form-control' value='1'>
                    <span class='input-group-text'>件</span>
                  </div>
                  <div>

                  <span class='stock'></span>
                  </div>

                </li>

                <li class='list-group-item'>
                  <div class='buttons'>
                    <button class='btn btn-success btn-favor'>❤ 收藏</button>
                    <button class='btn btn-primary btn-add-to-cart'>加入购物车</button>
                  </div>
                </li>
              </ul>

document.addEventListener('DOMContentLoaded', function() { const skuButtons = document.querySelectorAll('.sku-btn');

// Trigger change event on the selected radio button const selectedSku = document.querySelector('input[name="skus"]:checked'); selectedSku.dispatchEvent(new Event('change'));

skuButtons.forEach(button => { button.addEventListener('change', () => { const selectedSku = document.querySelector('input[name="skus"]:checked'); const stock = selectedSku.parentElement.dataset.stock; const stockElement = document.querySelector('.list-group-item .stock');

  stockElement.textContent = '库存：' + stock + '件';
});

}); });