var cookieallow = "<div id='box_useragreement'>\n";
cookieallow += "    <div class='content'>\n";
cookieallow += "        <h1>Cookieeinstellungen</h1>"
cookieallow += "        <p>Diese Webseite kann ohne Cookie besucht werden. Lediglich ein Session-Cookie ist erforderlich.</p>\n";
cookieallow += "        <p>Wenn Ihre Entscheidung auch für den nächsten Besuch gelten soll, müssen Sie zumindest dem dafür technisch sinnvollem Cookie zustimmen, mit dem wir Ihre Entscheidung speichern.</p>\n";
cookieallow += "        <p>Natürlich würden wir gerne erfahren, welche Seiten wie oft besucht werden und haben für diesen Zweck das Statistik-Tool Matomo installiert.<br>\n";
cookieallow += "        Damit Ihr Besuch in der Statistik erfasst werden kann, müssen Sie allen Cookies zustimmen.</p>\n";
cookieallow += "        <p>Wir verwenden keine Tracking- und Marketing-Cookies.</p>\n";
cookieallow += "        <fieldset><legend>Sie entscheiden</legend>\n";
cookieallow += "            <p><label><input type='checkbox' checked disabled><span class='slider'><span></span></span> nur das Session-Cookie erlauben. (muss aktiv sein)</label></p>\n";
cookieallow += "            <p><label><input type='checkbox' id='agreement0'";
if (CAsetting[0] == 1) { cookieallow += " checked"; }
cookieallow += "><span class='slider'><span></span></span> technisch sinnvolles Cookies erlauben.</label></p>\n";
cookieallow += "            <p><label><input type='checkbox' id='agreement1'";
if (CAsetting[1] == 1) { cookieallow += " checked"; }
cookieallow += "><span class='slider'><span></span></span> Cookies erlauben (Statistik).</label></p>\n";
if (externeinhalte == true) {
    cookieallow += "<p><label><input type='checkbox' id='agreement2'";
    if (CAsetting[2] == 1) { cookieallow += " checked"; }
    cookieallow += "><span class='slider'><span></span></span> Laden externer Inhalte (OpenStreetMap) erlauben.</label></p>\n";
}
cookieallow += "        </fieldset>\n";
cookieallow += "        <p><input type='button' id='setuseragreement' value='Einstellungen festlegen'></p>\n";
cookieallow += "        <p>Sie können diese Einstellungen jederzeit ändern. Dazu klicken Sie in der Fußleiste auf Cookie-Einstellungen</p>\n";
cookieallow += "    </div>\n";
cookieallow += "</div>\n";

function showcookiesettings() {

    var ajax_data = { 'action'	: 'checkcookie'	};

    $.ajax({
        url : "/module/ca-cookie/ca-setcookieagreement.php",
        type: "POST",
        data: ajax_data,
        success: function(data, textStatus, jqXHR) 	{
            if (data != 1) {
                $('body').prepend(cookieallow);
                $(function(){
                    $('#box_useragreement').fadeIn('500');
                })
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log("Fehler:" + xhr.responseText+" - "+thrownError);}
    });

}

$(document).ready(function() {

    if (CAshowsettings == true) {
        showcookiesettings();
    }

    $('body').on('click', '#agreement0', function() {
        if ($('#agreement0').prop('checked') == false) {
            $('#agreement1').prop('checked', false);
        }
    })

    $('body').on('click', '#agreement1', function() {
        if ($('#agreement1').prop('checked') == true) {
            $('#agreement0').prop('checked', true);
        }
    })
    
    // set allow cookies
    $('body').on('click','#setuseragreement',function() {

        var CAagreement = "";

        for (i = 0; i < CAsetting.length; i++) {

            if ($('#agreement' + i).prop('checked') == true) {
                CAagreement += "#1";
            } else {
                CAagreement += "#0";
            }

        }

        CAagreement = CAagreement.substring(1);

        var ajax_data = { 'action'	        : 'CAagreement',
                          'CAsettings'      : CAagreement	};
        
        $.ajax({
            url : "/module/ca-cookie/ca-setcookieagreement.php",
            type: "POST",
            data: ajax_data,
            success: function(data, textStatus, jqXHR) 	{
                $('#box_useragreement').fadeOut(300, function() {
                    $('#box_useragreement').remove();
                    window.location.reload();
                });
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log("Fehler:" + xhr.responseText+" - "+thrownError);}
        });
                        
    })

    $('#CAcookieeinstellungen, .CAcookieeinstellungen').on('click', function() {
        $('html, body').animate({scrollTop : 0},500);
        showcookiesettings();
    })

})