NN Solutions Suite

<style>
.privacy-popup-container {
    display: none; /* הסתרת הפופ-אפ כברירת מחדל */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 10000000000;
}

.privacy-popup-content {
    direction: rtl;
    background-color: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    text-align: center;
    color: #333;
    font-size: 18px;
    line-height: 1.6;
}

.headpr {
    font-size: 26px;
    margin-top: 0;
    color: #2596be;
}

.privacy-popup-content p {
    margin-bottom: 20px;
}

#accept-privacy-btn {
    background-color: #2596be;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s ease;
}

#accept-privacy-btn:hover {
    background-color: #0056b3;
}
</style>

<div id="privacy-popup" class="privacy-popup-container">
    <div class="privacy-popup-content">
        <p class="headpr">מדיניות פרטיות</p>
        <p>
            אנו משתמשים בעוגיות (cookies) כדי להבטיח שתקבלו את חווית הגלישה הטובה ביותר באתר שלנו.
            בגלישה באתר זה, אתם מסכימים למדיניות הפרטיות שלנו.
            <a onclick="window.open('הכניסי-כאן-את-הקישור', '_blank')" style="cursor:pointer;"><u>קראו את המדיניות המלאה כאן.</u></a>
        </p>
        <button id="accept-privacy-btn">הבנתי וקיבלתי</button>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', (event) => {
    const popup = document.getElementById('privacy-popup');
    const acceptBtn = document.getElementById('accept-privacy-btn');
    const privacyKey = 'privacyAccepted';

    if (!localStorage.getItem(privacyKey)) {
        popup.style.display = 'flex';
    }

    acceptBtn.addEventListener('click', () => {
        popup.style.display = 'none';
        localStorage.setItem(privacyKey, 'true');
    });
});
</script>

<script>
function isColorLight(color) {
    const match = color.match(/\d+/g);
    if (!match || match.length < 3) return false;
    const r = parseInt(match[0]);
    const g = parseInt(match[1]);
    const b = parseInt(match[2]);
    const luminosity = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
    return luminosity > 0.5; 
}

function getBackgroundColor(element) {
    let el = element;
    while (el) {
        const style = window.getComputedStyle(el);
        const bgColor = style.backgroundColor;
        if (bgColor && bgColor !== 'rgba(0, 0, 0, 0)' && !bgColor.startsWith('transparent')) {
            return bgColor;
        }
        if (el === document.body) {
            return bgColor || 'rgb(255, 255, 255)'; 
        }
        el = el.parentElement;
    }
    return 'rgb(255, 255, 255)';
}

function addAccessibilityAndPrivacyElements() {
    const privacyPolicyUrl = "הכניסי-כאן-את-הקישור";
    const accessibilityLinkText = "מדיניות פרטיות";

    const newLink = document.createElement('a');
    newLink.href = privacyPolicyUrl;
    newLink.textContent = accessibilityLinkText;
    newLink.target = "_blank";
    newLink.style.display = "block";
    newLink.style.marginTop = "20px";
    newLink.style.marginBottom = "20px";
    newLink.style.textAlign = "center";
    
    const bgColor = getBackgroundColor(document.body);
    newLink.style.color = isColorLight(bgColor) ? "black" : "white";
    document.body.appendChild(newLink);

    const forms = document.querySelectorAll('form');
    forms.forEach(form => {
        const container = document.createElement('div');
        container.style.marginTop = "5px";
        container.style.display = "flex";
        container.style.alignItems = "center";
        container.style.direction = "rtl";
        container.style.flexDirection = "row-reverse";
        container.style.justifyContent = "center";

        const checkbox = document.createElement('input');
        checkbox.type = "checkbox";
        checkbox.id = "privacy-policy-consent-" + Math.random().toString(36).substring(2, 9);
        checkbox.name = "privacy_policy_consent";
        checkbox.required = true;
        checkbox.style.marginLeft = "10px";
        checkbox.style.width = "20px";

        const label = document.createElement('label');
        label.htmlFor = checkbox.id;
            
        const formBgColor = getBackgroundColor(form);
        const textColor = isColorLight(formBgColor) ? "black" : "white";
        label.style.color = textColor;

        const privacyLinkInLabel = document.createElement('a');
        privacyLinkInLabel.href = privacyPolicyUrl;
        privacyLinkInLabel.target = "_blank";
        privacyLinkInLabel.textContent = "מדיניות הפרטיות";
        privacyLinkInLabel.style.textDecoration = "underline";
        privacyLinkInLabel.style.color = textColor; 

        label.appendChild(document.createTextNode("אני מאשר/ת את "));
        label.appendChild(privacyLinkInLabel);

        container.appendChild(label);
        container.appendChild(checkbox);

        form.appendChild(container);
    });
}
window.addEventListener('load', addAccessibilityAndPrivacyElements);
</script>

<a href="הכניסי-כאן-את-הקישור" target="_blank"> אני מאשר/ת את מדיניות הפרטיות</a>