Subversion Repositories SmartDukaan

<script>

    let cart = {};

    function renderCart() {

        let cartHtml = '<ul>';

        for (const id in cart) {

            const item = cart[id];

            console.log("item.model:", item.model, "item.qty:", item.qty, "id:", id);

            cartHtml += `

            <li>

                ${item.model} -

                <button class="dec-btn" data-id="${id}">-</button>

                ${item.qty}

                <button class="inc-btn" data-id="${id}">+</button>

                <button class="remove-btn btn btn-xs btn-danger" data-id="${id}">x</button>

            </li>`;

        }

        cartHtml += '</ul>';

        // Inject into DOM like your warehouse example

        $('#custom-cart-section').html(cartHtml);

    }

    $(document).on('click', '.add-to-cart-btn', function () {

        console.log('vefer 9999');

        const catalogId = $(this).data('catalogid');

        const model = $(this).data('model');

        if (cart[catalogId]) {

            cart[catalogId].qty += 1;

        } else {

            cart[catalogId] = {model: model, qty: 1};

        }

        renderCart();

    });

    $(document).on('click', '.inc-btn', function () {

        const id = $(this).data('id');

        cart[id].qty += 1;

        renderCart();

    });

    $(document).on('click', '.dec-btn', function () {

        const id = $(this).data('id');

        if (cart[id].qty > 1) {

            cart[id].qty -= 1;

        } else {

            delete cart[id];

        }

        renderCart();

    });

    $(document).on('click', '.remove-btn', function () {

        const id = $(this).data('id');

        delete cart[id];

        renderCart();

    });

</script>