document.addEventListener("DOMContentLoaded", function() {
    const quantitySlider = document.getElementById('quantity');
    const quantityValueInput = document.getElementById('quantityValue');

    if (quantitySlider && quantityValueInput) {
        quantitySlider.addEventListener('input', function(e) {
            quantityValueInput.value = e.target.value;
        });

        quantityValueInput.addEventListener('input', function(e) {
            if (parseInt(e.target.value) >= 1 && parseInt(e.target.value) <= 101) {
                quantitySlider.value = e.target.value;
            }
        });
    }
});

$(document).ready(function() {
    $('#quantity').on('input', function() {
        let quantity = $(this).val();
        let unitPrice = parseFloat($('#unitPrice').data('price'));
        let totalPrice = unitPrice * quantity;
        $('#totalPrice').text('€' + totalPrice.toFixed(2));
    });
});