https://www.mailboxvalidator.com/includes/js/cookie-notice.js

1$(function() {
2    var $div, $btn;
3
4    $btn = $('<button class="btn btn-info col-lg-5 col-12 float-end mb-2 ms-lg-2 ms-0"/>').html('Accept Cookies').on('click', function(e) {
5        e.preventDefault();
6
7        var date = new Date();
8        date.setTime(date.getTime() + (180 * 24 * 60 * 60 * 1000));
9        var expires = 'expires=' + date.toUTCString();
10        document.cookie = 'CookieConsent=necessary:true,preferences:true,statistics:true,marketing:true;' + expires + ';path=/';
11
12        $div.remove();
13    });
14
15    $div = $('<div/>').css({ position: 'fixed', zIndex: 999, backgroundColor: '#000', fontColor: '#fff', opacity: '85%', width: '100%', bottom: 0, left: '50%', transform: 'translate(-50%)', padding: '20px 8%', fontSize: '0.9rem' }).html('<div class="row"><div class="col-md-7 mb-3 mb-lg-0" style="color:#ffffff;">We use cookies to ensure that you get the best experience on our websites. By clicking "Accept Cookies", you consent to our use of cookies. You can customize the cookie settings by clicking "Manage Cookies". To learn more about the data collected, please visit our <a href="/cookie-notice">Cookie Policy</a>.</div><div class="col-md-5 my-auto"><span></span><button class="btn btn-outline-info col-lg-5 col-12 float-end" data-bs-toggle="modal" data-bs-target="#cookieModal">Manage Cookies</button></div></div>');
16    $('body').append('<div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true" style="--bs-modal-width:650px;"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h4 class="modal-title" id="cookieModalLabel" style="font-size:20px;">Manage Cookies</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body px-4" style="height:420px; overflow-y:auto;"><p class="margin-bottom-40" style="font-size:1rem;">We utilize different types of cookies to enhance your experiences on our website. Data collected is utilized for analytics, personalization, advertising, and to facilitate specific functions. Click on categories below to learn more about their purposes and choose which types of cookies to allow based on your preferences.</p><div class="form-check form-switch ps-0 " style="cursor:not-allowed;"><label class="form-check-label ps-0" for="necessary" style="font-size:17px;font-weight:500;color:#666;">Strictly Necessary</label><input class="form-check-input float-end cookie-consent" type="checkbox" id="necessary" value="necessary" checked disabled></div><p class="mb-4" style="font-size:1rem;">Strictly necessary cookies are essential for the basic functioning of a website such as navigation, access to secure areas, and ensuring the website operates correctly.</p><hr><div class="form-check form-switch ps-0 "><label class="form-check-label ps-0" for="preferences" style="font-size:17px;font-weight:500;color:#666;">Preferences</label><input class="form-check-input float-end cookie-consent" type="checkbox" id="preferences" value="preferences"></div><p class="mb-4" style="font-size:1rem;">Preferences cookies hold data that alters a website\'s functionality or appearance, like language choices or personalized settings.</p><hr><div class="form-check form-switch ps-0 "><label class="form-check-label ps-0" for="statistics" style="font-size:17px;font-weight:500;color:#666;">Statistics</label><input class="form-check-input float-end cookie-consent" type="checkbox" id="statistics" value="statistics"></div><p class="mb-4" style="font-size:1rem;">Statistics cookies gather user interaction data on websites to help owners analyze performance, identify popular pages, and enhance user experience.</p><hr><div class="form-check form-switch ps-0 "><label class="form-check-label ps-0" for="marketing" style="font-size:17px;font-weight:500;color:#666;">Marketing</label><input class="form-check-input float-end cookie-consent" type="checkbox" id="marketing" value="marketing"></div><p class="mb-4" style="font-size:1rem;">Marketing cookies track users across websites to create user profiles and display personalized ads based on browsing behavior and interests.</p></div><div class="modal-footer">

16<button id="btn-decline-all-cookie" type="button" class="btn btn-default" data-bs-dismiss="modal">Decline All</button><button id="btn-accept-all-cookie" type="button" class="btn btn-info">Accept All</button><button id="btn-discard-cookie-consent" type="button" class="btn btn-default" data-bs-dismiss="modal" style="display:none;">Discard Changes</button><button id="btn-save-cookie-consent" type="button" class="btn btn-info" style="display:none;">Save Changes</button></div>');
17
18    if (document.cookie.includes('CookieConsent') === false) {
19        $('body').append($div);
20        $div.find('span').append($btn);
21
22        $('#btn-decline-all-cookie').on('click', function () {
23            var date = new Date();
24            date.setTime(date.getTime() + (180 * 24 * 60 * 60 * 1000));
25            var expires = 'expires=' + date.toUTCString();
26            document.cookie = 'CookieConsent=necessary:true,preferences:false,statistics:false,marketing:false;' + expires + ';path=/';
27
28            $div.remove();
29            $('#cookieModal').modal('hide');
30        });
31
32        $('#btn-accept-all-cookie').on('click', function () {
33            var date = new Date();
34            date.setTime(date.getTime() + (180 * 24 * 60 * 60 * 1000));
35            var expires = 'expires=' + date.toUTCString();
36            document.cookie = 'CookieConsent=necessary:true,preferences:true,statistics:true,marketing:true;' + expires + ';path=/';
37
38            $div.remove();
39            $('#cookieModal').modal('hide');
40        });
41
42        $('#btn-save-cookie-consent').on('click', function () {
43            var date = new Date();
44            date.setTime(date.getTime() + (180 * 24 * 60 * 60 * 1000));
45            var expires = 'expires=' + date.toUTCString();
46            document.cookie = 'CookieConsent=necessary:true,preferences:' + $('#preferences').is(':checked') + ',statistics:' + $('#statistics').is(':checked') + ',marketing:' + $('#marketing').is(':checked') + ';' + expires + ';path=/';
47
48            $div.remove();
49            $('#cookieModal').modal('hide');
50        });
51    }
52
53    $('.cookie-consent').change(function () {
54        $('#btn-decline-all-cookie, #btn-accept-all-cookie').hide();
55        $('#btn-discard-cookie-consent, #btn-save-cookie-consent').show();
56    })
57
58    // use this style to set the default so the UI logic above no need to change
59    $('#statistics').click();
60});