var spc_urlAnalytics = "https://"+"halic.spechy.live";
var mainUrlSrcAnalytics = spc_urlAnalytics + '/spechyAnalytics/';


var spcanalytics_name= ($analyticsConfig.request.spcanalytics_name!='')?$analyticsConfig.request.spcanalytics_name:"";
var spcanalytics_email= ($analyticsConfig.request.spcanalytics_email!='')?$analyticsConfig.request.spcanalytics_email:"";
var spcanalytics_phone= ($analyticsConfig.request.spcanalytics_phone!='')?$analyticsConfig.request.spcanalytics_email:"";
var spcanalytics_opt1= ($analyticsConfig.request.spcanalytics_opt1!='')?$analyticsConfig.request.spcanalytics_email:"";
var spcanalytics_opt2= ($analyticsConfig.request.spcanalytics_opt2!='')?$analyticsConfig.request.spcanalytics_email:"";

var cssanalytics = `
#analytics_box {
        position: fixed;
				z-index: 999;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 30%;
        height: 45%;
        padding: 0px;
        background: transparent;
        text-align: center;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
				border-radius:10px;
}
@media screen and (max-width: 600px) {
  #analytics_box {
		width: 90%;
  }
}
.analytics_accept .analytics_decline{
  text-align: center;
  cursor: pointer;
  font-size:24px;
}
/*Button accept*/
.analytics_accept {
    background-color: green;
		color: white;
    border: 3px solid transparent;
		border-radius:5px;
		bottom:10px;
		left:10px;
    padding: 10px;
    width: 45%;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
		margin-top:10px;
		position: absolute;
}

.analytics_accept:hover{
   background:rgb(92,184,92);
   box-shadow:0px 2px 10px 5px #97B1BF;
   color:#000;
}

.analytics_accept:after {
    content: "";
    background: green;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.analytics_accept:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}
/*Button analytics_decline*/
.analytics_decline {
    background-color: red;
		color: white;
		border: 3px solid transparent;
		border-radius:5px;
		bottom:10px;
		right:10px;
    padding: 10px;
    width: 45%;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
		margin-top:10px;
		position: absolute;
}

.analytics_decline:hover{
   background:#c81313;
   box-shadow:0px 2px 10px 5px #97B1BF;
   color:#000;
}

.analytics_decline:after {
    content: "";
    background: red;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.analytics_decline:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}
.analytics_clipped {
    clip-path: circle(50% at 50% 50%);
}
html {
            box-sizing: border-box;
        }

        *, *:before, *:after {
            box-sizing: inherit;
        }

        .row > .col {
            padding: 0 8px;
        }

				#spechyanalytic{
						position: fixed;
						top: 0;
						z-index: 999;
						display: flex;
						width: 100%;
						justify-content: center;
				}

        .spechy_modal {
            position: fixed;
            z-index: 1;

            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0, 0.8);
        }

        .spechy_modal-content {
            position: relative;
            justify-content: center;
            margin: auto;
            margin-top: 15%;
            padding: 0 0 0 0;
            width: 650px;
            z-index: 995;
        }


        .spechy_image-slide {

        }


        .spechy_close {
            color: white;
            position: absolute;
            top: 10px;
            right: 25px;
            font-size: 35px;
            font-weight: bold;
        }

        .spechy_close:hover,
        .spechy_close:focus {
            color: #999;
            text-decoration: none;
            cursor: pointer;
        }

        .image-kapat {
            width: 50px;
            height: 50px;

        }
        .spechy_close:hover {
            cursor : pointer;
        }



        #spechy_modal-content #spechy_gorusmeBtn {
            position: absolute;
            bottom: 30px;
            left: 50%;
            width: 300px;
            height: 91px;
            margin-left: -150px;
            background-image: url(https://halic.spechy.live/images/ui/btn.png);
            background-color: transparent;
            border: 0px;
            outline:none;
            cursor: pointer !important;
            background-size: 300px 85px;
        }

        .spechy_chat{
            position: absolute;
            bottom: 35px;
            right: 15px;
        }

        .spechy_soru{
            position: absolute;
            top: 80px;
            right: 60px;
        }

        .spechy_video{
            position: absolute;
            bottom: 20px;
            left: 25px;
        }

        .spechy_text {
            position: absolute;
            left: 150px;
            top: 30px;
            color: white;
            font-family: sans-serif;
            font-size: 37px;
            line-height: 46px;
            margin-top: 20px;
        }

        .spechy_desktop {
            display: block;
        }

        .spechy_mini {
            display: none;
        }

        @media (max-width: 600px) {
            .spechy_chat{
                position: absolute;
                bottom: 185px;
                right: 15px;
            }

            .spechy_soru{
                position: absolute;
                top: 80px;
                right: 20px;
            }

            .spechy_video{
                position: absolute;
                bottom: 160px;
                left: 25px;
            }

            .spechy_text {
                position: absolute;
                left: 40px;
                top: 60px;
                color: white;
                font-family: sans-serif;
                font-size: 37px;
            }

            .spechy_mini {
                display: block;
                width:100%;
            }

            .spechy_desktop {
                display: none;
            }

            .spechy_modal-content {
							position: relative;
							justify-content: center;
							margin: auto;
							margin-top: 20%;
							padding: 0 0 0 0;
							width: 360px;
							z-index: 995;
            }
        }

`;

var spechyanalytichtml=`<div id="spechyanalytic" style="">
		<div id="spechyanalytic-app" style="display:none;">
		</div>
		<div id="spechyanalyticmodal-app" style="display:none;">
			
		    </div>
    <div id="spechyLightbox" class="spechy_modal" onclick="spechy_kapatLightbox()" style="display:none;">

</div>

<div class="spechy_modal-content" id="spechy_modal-content" style="display:none;">
    <div class="spechy_slide">
        <span class="spechy_close pointer" onclick="spechy_kapatLightbox()"><img src="https://halic.spechy.live/images/ui/kapatBtn.png" class="image-kapat"  /></span>
        <p class="spechy_text">SANA<br>NASIL<br> YARDIMCI<br> OLABİLİRİM</p>
        <img src="https://halic.spechy.live/images/ui/chat_icon.png" class="spechy_image-slide spechy_chat"  />
        <img src="https://halic.spechy.live/images/ui/soru.png" class="spechy_image-slide spechy_soru"  />
        <img src="https://halic.spechy.live/images/ui/videocall.png" class="spechy_image-slide spechy_video"  />
        <img src="https://halic.spechy.live/images/ui/bg-01.jpg" class="spechy_image-slide spechy_desktop"  />
        <img src="https://halic.spechy.live/images/ui/bg-01-mini.jpg" class="spechy_image-slide spechy_mini"  />
        <button type="button" id="spechy_gorusmeBtn" onclick="spechy_test()"></button>
    </div>

</div>
	</div>
`;

function formatQueryStringAnalytics(string) {
	return string.replace(" ", "%20");
}


function closeAnalytics2(){
	document.getElementById("spechyanalyticmodal-app").style.display="none";
}

function hasClassAnalytic(element, className) {
    return (' ' + element.className + ' ').indexOf(' ' + className+ ' ') > -1;
}
	document.body.insertAdjacentHTML('BeforeEnd', spechyanalytichtml);

  function spechy_test() {
     animateWidget();
     spechy_kapatLightbox();
    }

    document.addEventListener('DOMContentLoaded', (event) => {
        spechy_acLightbox()
    })

    function spechy_acLightbox() {
        document.getElementById('spechyLightbox').style.display = 'block';
        const eleman = document.getElementsByClassName('spechy_slide');
        eleman[0].style.display = 'block';
        modalPreviews[0].className += ' active';
    };

    function spechy_kapatLightbox() {
        document.getElementById('spechyLightbox').style.display = 'none';
        document.getElementById('spechy_modal-content').style.display = 'none';
    };
	var styleElemAnalytic = document.createElement('style');
	styleElemAnalytic.type = 'text/css' ;
	if(styleElemAnalytic.styleSheet){ styleElemAnalytic.styleSheet.cssText = cssanalytics; }
	else{ styleElemAnalytic.appendChild(document.createTextNode(cssanalytics)); }
	var headanalytic = document.getElementsByTagName('head')[0] ;
	headanalytic.appendChild(styleElemAnalytic);


    var queryStringanalytics = mainUrlSrcAnalytics+"&name=" + formatQueryStringAnalytics(spcanalytics_name) + "&email=" + formatQueryStringAnalytics(spcanalytics_email) + "&phone=" + formatQueryStringAnalytics(spcanalytics_phone) + "&opt1=" + formatQueryStringAnalytics(spcanalytics_opt1) + "&opt2=" + formatQueryStringAnalytics(spcanalytics_opt2);
	var spechyanalyticfrm = document.createElement('iframe');
	spechyanalyticfrm.setAttribute('id', 'spechyanalyticfrm');
	spechyanalyticfrm.setAttribute('scrolling','no');
	spechyanalyticfrm.setAttribute('frameborder','0');
	spechyanalyticfrm.setAttribute('width','150px');
	spechyanalyticfrm.setAttribute('height','30px');
	spechyanalyticfrm.setAttribute('src', mainUrlSrcAnalytics);

	document.getElementById("spechyanalytic-app").appendChild(spechyanalyticfrm);

	//interval


	setTimeout(function(){
		if(localStorage.getItem('halictriggerspechy2') == undefined){
			localStorage.setItem('halictriggerspechy2','OK')
			document.getElementById("spechy_modal-content").style.display="";
			document.getElementById("spechyLightbox").style.display="";
		}
	},60000);

		document.getElementById('analytics_accept').onclick = function () {
		document.getElementById("spechy_modal-content").style.display="none";
		document.getElementById("spechyLightbox").style.display="none";
		animateWidget();
	};


	console.log("analytics yüklendi.")