var html = `

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> 
<style>
	body {
		margin: 0;
	}
	a {
		text-decoration: none;
	}
	.lead-top-widget {
		font-family: "Roboto", sans-serif;
		background-color: #2d3436;
		background-image: linear-gradient(315deg, #2d3436 0%, #0f0f0f 74%);
		color: #fff;
		display: flex;
		flex-wrap: inherit;
		align-items: center;
		justify-content: space-between;
		z-index: 1093;
		position: fixed;
		top: 0;
		width: 100%;
	}
	.lead-top-widget a {
		color: #fff;
	}
	.lead-top-widget a:hover {
		text-decoration: none;
	}
	.ltw-container {
		width: 100%;
		max-width: 100%;
		padding: .5rem 1rem .5rem;
	}
	.ltw-row {
		display: flex;
		flex-wrap: wrap;
	}
	.ltw-col-left {
		flex: 0 0 auto;
		width: 40%;
	}
	.ltw-col-right {
		flex: 0 0 auto;
		width: 60%;
	}
	.ltw-pd {
		padding: .25rem 1.5rem;
	}
	.ltw-logo-box {
		display: inline-block;
		vertical-align: 0px;
	}
	.ltw-logo-box {
		font-size: 1.35rem;
		font-weight: 700;
		color: #FFAC33;
	}
	.ltw-logo-box h2 {
		font-size: 1.35rem;
		margin-bottom: 0rem;
	}
	.ltw-logo {
		height: 50px;
	}
	.ltw-contributors {
		display: inline-block;
		background: #222;
		border-radius: 50px;
		padding: .15rem 2rem;
		margin-left: 10px;
	}
	.ltw-contributors-amount {
		font-size: .95rem;
		font-weight: 700;
		text-align: center;
	}
	.ltw-contributors-desc {
		font-size: .95rem;
		font-weight: 700;
		text-align: center;
	}
	.ltw-tr {
		text-align: right;
	}
	.ltw-rent {
		display: inline-block;
		background: #E18043;
		padding: .15rem 2rem;
		border-radius: 50px;
		font-size: .95rem;
		font-weight: 700;
		text-align: center;
	}
	.ltw-buy {
		display: inline-block;
		background: #FF1616;
		padding: .15rem 2rem;
		border-radius: 50px;
		font-size: .95rem;
		font-weight: 700;
		text-align: center;
	}
	.ltw-contrib {
		display: inline-block;
		background: #35AC02;
		padding: .15rem 2rem;
		border-radius: 50px;
		font-size: .95rem;
		font-weight: 700;
		text-align: center;
	}
	.ltw-inquire {
		display: inline-block;
		background: #1d1d1d;
		color: #fff;
		padding: .15rem 2rem;
		border-radius: 50px;
		font-size: .95rem;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
	}
	.ltw-inquire:hover {
		background: #222;
	}
	.ltw-inquire-icon img {
		display: inline;
	}
	.ltw-contrib-amount img {
		height: 16px;
		display: inline;
	}
</style>


<div class="lead-top-widget">
	<div class="ltw-container">
		<div class="ltw-row">
			<div class="ltw-col-left">
				<a href="/" class="ltw-logo-box" style="vertical-align: 0px; display:none;" id="domain-logo">
					<img src="" alt="" style="height:30px;">
				</a>
				<a href="/" class="ltw-logo-box" style="vertical-align: 0px; display:none;" id="domain-text">
					<h2></h2>
				</a>
				<span class="ltw-contributors">
					<span class="ltw-contributors-desc">Contributors</span>
					<span class="ltw-contributors-amount" id="total-contributors"><i class="fa fa-spin fa-circle-o-notch"></i></span>					
				</span>
			</div>
			<div class="ltw-col-right ltw-tr">
                
				<a href="#" target="_blank" class="ltw-buy">
					<span class="ltw-buy-desc">Buy</span>
					<span class="ltw-buy-amount" style="display:none;">0</span>		
				</a>
				<a href="#" target="_blank" class="ltw-contrib">
					<span class="ltw-contrib-desc">Contribute</span>
					<span class="ltw-contrib-amount">& Earn&nbsp;<img src="https://cdn.vnoc.com/icons/currency-ctb-4.png" title="CTB"></span>					
				</a>
				<a href="#" class="ltw-inquire" target="_blank">	
					<span class="ltw-inquire-icon">
						<img src="https://cdn-icons-png.flaticon.com/16/892/892662.png">
					</span>
					<span class="ltw-inquire-desc">					
						Inquire
					</span>			
				</a>
			</div>
		</div>
	</div>
</div>
<input type="hidden" id="d" value="">

`;

loadScript=function(a,b){
	var c=document.createElement("script");
	c.type="text/javascript",
	c.readyState ? c.onreadystatechange=function(){
			"loaded"!=c.readyState&&"complete"!=c.readyState||(c.onreadystatechange=null,b())
		}:
		c.onload=function(){if(b!=undefined){b()}},
	c.src=a,
	document.getElementsByTagName("head")[0].appendChild(c)
};

   document.write(html);

function getWidgetHeaderInfo(domain) {
	$.get(
		'https://api1.contrib.co/v2/domains/getdomainconfig?key=5c1bde69a9e783c7edc2e603d8b25023&domain='+domain,
		function(res) {
        console.log(res.data.logo);
			if(res.data.logo) {
				$('#domain-logo').show()
					.find('img')
						.prop('src',res.data.logo)
			} else {
				$('#domain-text').show()
					.find('h2')
						.html(domain.charAt(0).toUpperCase() + domain.slice(1))
			}
			
			if(res.data.for_lease) {
				$('.ltw-rent').show()
					.find('.ltw-rent-amount')
						.html('$'+res.data.cost_per_month+'/mo')
			}
			$('#total-contributors').html(res.data.total_contributors)

			let price = !res.data.price ? '10000':res.data.price
			$('.ltw-buy-amount').html('$'+price)
		}
	)
}

//load js here
setTimeout(function(){
   loadScript("https://code.jquery.com/jquery-3.6.0.min.js",function(){
		console.log('js loaded');
		$(document).ready(function() {
							var hostname = window.location.hostname
				var domain = hostname.split(".")[0]+"."+hostname.split(".")[1]

				if(hostname.indexOf('www') > -1) {
					domain = hostname.split(".")[1]+"."+hostname.split(".")[2]
				}
						

			$('.ltw-rent').prop('href','https://domaindirectory.com/lease/'+domain)
			$('.ltw-buy').prop('href','https://domaindirectory.com/offer?domain='+domain)
			$('.ltw-contrib').prop('href','https://contrib.com/to/'+domain)
			$('.ltw-inquire').prop('href','https://domaindirectory.com/inquire?domain='+domain)
			

			getWidgetHeaderInfo(domain)
		});
   });
},100);