class OHModal {

	constructor(){
				if(this.init()){
			setTimeout(this.show, 3000);
		}
	}

	show(){
		if(instOHModal.getCook('OHPrehome') == 3) return false;
		instOHModal.setCook('OHPrehome', 3);
		document.getElementById('oh-prehome-modal').style = '';
	}

	init(){
		const OHModal = "<div class=\"oh-modal-content\"> \n    <img class=\"oh-logo\" src=\"https:\/\/lebonsens.oxfamfrance.org\/prehomes\/3\/logo_oxfam.png\" alt=\"Oxfam\">\n    <span id=\"oh-prehome-modal-close\" onclick=\"instOHModal.close();\">&times;<\/span> \n    <div class=\"illustration\"><div class=\"img\"><\/div><\/div>\n    <div id=\"oh-container\">\n        <div class=\"oh-inside\">\n            <div class=\"oh-center\">\n    <p class=\"oh-claim\">\n        <img class=\"oh-claim-img\" src=\"https:\/\/lebonsens.oxfamfrance.org\/prehomes\/3\/claim_3.png\" alt=\"Avant le 31 d\u00e9cembre,FAITES UN DON et b\u00e9n\u00e9ficiez de 66% de r\u00e9duction fiscale\">\n    <\/p>\n    <div class=\"oh-wrap\">\n    \t<a class=\"oh-cta-more\" href=\"https:\/\/donner.oxfamfrance.org\/activezlebonsens?utm_source=Site&utm_content=prehome_3&once_grid[]=10000&once_grid[]=25000&once_grid[]=50000&frequency=once\" target=\"_blank\">\n    \t\t<img class=\"oh-img-cta-more\" src=\"https:\/\/lebonsens.oxfamfrance.org\/prehomes\/3\/cta_don.png\" alt=\"Je fais un don\">\n    \t<\/a>\n    <\/div>\n\n\n           <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n";

		const OHPrompt = function (){
			const body  = document.getElementsByTagName('body')[0];
			const div  = document.createElement('div');
			div.id = 'oh-prehome-modal';
			div.style = 'display: none';
			div.innerHTML = OHModal;
			body.appendChild(div);
		}

		if (!document.getElementById('OHPreHomeCSS'))
		{
		    const head  = document.getElementsByTagName('head')[0];
		    const link  = document.createElement('link');
		    link.id   = 'OHPreHomeCSS';
		    link.rel  = 'stylesheet';
		    link.type = 'text/css';
		    link.href = 'https://lebonsens.oxfamfrance.org/prehomes/3/style.css?1728315165';
		    link.media = 'all';
		    link.onload = function (){OHPrompt();};
		    head.appendChild(link);
		}
		return true;
	}

	close(){
		document.getElementById('oh-prehome-modal').remove();
		document.getElementById('OHPreHomeCSS').remove();
	}

	setCook(name,value,time) {
	    var expires = "";
	    if (time) {
	        var date = new Date();
	        date.setTime(date.getTime() + (time*1000));
	        expires = "; expires=" + date.toUTCString();
	    }
	    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
	}
	
	getCook(name) {
	    var nameEQ = name + "=";
	    var ca = document.cookie.split(';');
	    for(var i=0;i < ca.length;i++) {
	        var c = ca[i];
	        while (c.charAt(0)==' ') c = c.substring(1,c.length);
	        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	    }
	    return null;
	}
}
const instOHModal = new OHModal();