function __id(a){
	return document.getElementById(a);
}

$(document).ready(function(){
	var ids = location.pathname.replaceAll("/kpr-detail/", "");

	db()
	.table('properti')
	.condition([
		{opsi:'', data: ['idprop', '=', '"'+ids+'"']}
	])
	.get(function(s){
		var properti = s[0]
		console.log(properti)
		__id("nama-produk").innerText = properti.judulproperti;
		__id("alamat").innerText = properti.alamat
		__id("lokasi").innerText = properti.alamatkoord
		__id("tipe").innerText = properti.kategori
		__id("transaksi").innerText = properti.transaksi
		__id("sertifikasi").innerText = properti.sertifikat
		__id("lblt").innerHTML = properti.lt+' m<sup>2</sup>/ '+properti.lb+' m<sup>2</sup>'
		__id("ktkm").innerHTML = properti.jum_kt+' / '+properti.jum_km
		__id("orientasi").innerHTML = properti.hadap
		__id("listrik").innerHTML = properti.listrik+' WATT'
		__id("dimensi").innerHTML = properti.ltanah
		__id("harga").innerHTML = formatRupiah(Number(properti.harga).toFixed(2))
		
		db()
		.table('foto')
		.condition([
			{opsi:'', data: ['idprop', '=', '"'+ids+'"']}
		])
		.get(function(e){
			var ids = 'foto-kpr'; 
			__id(ids).innerHTML =  `
				<div class="owl-carousel owl-theme galeri-container ">
			`+e.map(function(c){
				return `
		          <div class="foto galeri" style="
		          width: 350px;
		          min-height : '250px';
		          --foto: url('https://masuksini.com/sistem-api/androapi/upload/foto/${c.id}.jpg');
		          "></div>
				`;
			}).join("")+`
				</div>
			`;

			setTimeout(function(){
			 	$(".owl-carousel").owlCarousel({
			      margin:30,
			      loop: true,
			      autoWidth:true,
			      items:4,
			      autoHeight:true
				})
			}, 0)

			document.getElementById('loader').style.display = 'none';
			document.getElementById('load-data').style.display = 'block';

		})

	})
})