Untitled

<script>



document.addEventListener('DOMContentLoaded', function() {
    const toggleButton = document.querySelector('.text-senza-offerta');
    const elementsToToggle = document.querySelectorAll('.lot-image, .lot-description, .lot-values, .offer-action.next-offer, .offer-action.max-offer, .alert');
    const lotNotify = document.getElementById('lot-notify');
    const lotSubmit = document.getElementById('lot-submit');
    const phoneSelect = document.getElementById('phone-select');

    let hasBeenClicked = false;

    toggleButton.addEventListener('click', function() {
        if (hasBeenClicked) {
            return; // non fà nulla se già premuto
        }

        hasBeenClicked = true;

        // Aggiungi opacity-on alle classi scritte sopra
        elementsToToggle.forEach(el => {
            el.classList.add('opacity-on');
        });

        // Aggiorna lot-notify content
        lotNotify.innerHTML = `
            <div class="notify-options">
                <p class="title">Desidero una chiamata senza vincolo d'offerta quando</p>
                <div class="check-group">
                    <div class="option-check">
                        <input type="checkbox" checked id="auction_notify" name="InRa" value="S" onclick=""
                        title="desidero essere richiamato quando il lotto va in asta">
                        <label for="auction_notify">il lotto va in asta</label>
                    </div>
                </div>
            </div>
        `;
        lotNotify.className = 'lot-notify-senza-offerta';

        // Mostra lot-submit and phone-select
        lotSubmit.style.display = 'block';
        phoneSelect.style.display = 'block';

        // // Aggiorna toggleButton content 
        // toggleButton.innerHTML = `
        //     <div class="notify-options text-senza-offerta">
        //         <p class="title">Chiamata senza vincolo d'offerta richiesta</p>
        //     </div>
        // `;

        // Optional: disable the button visually
        toggleButton.style.pointerEvents = 'none';
        toggleButton.style.opacity = '0.5';
    });
});


</script>