const translationDict = {
"Ενδιαφέρομαι": "Interested",
"Κατάσταση": "Status",
"Τύπος": "Type",
"ΤΜ":"Area Size",
"Μέγεθος":"Area Size",
"Βεράντα":"Balcony",
"Όροφος":"Floor",
"Υ/Δ":"Bedrooms",
"Μπάνια":"Bathrooms",
"Πισίνα":"Pool",
"Κήπος":"Garden",
"Αποθήκη":"Storage Room",
"Τιμή πώλησης": "Price",
"BIG DEAL":"BIG DEAL",
"EARLY BOOKING":"EARLY BOOKING",
"Διαμέρισμα":"Apartment",
"ΙΣ":"GF",
"Α": "A",
"Β": "B",
"Γ": "C",
"Δ": "D",
"Ε": "E",
"ΣΤ": "F",
"Η": "G",
"Θ": "H",
"Ι": "I",
};

// Function to translate Greek text
function translateText(text) {
if (translationDict[text]) {
return translationDict[text];
}

for (let key in translationDict) {
if (text.includes(key)) {
text = text.replace(key, translationDict[key]);
}
}

return text;
}

function addAllColumnHeaders(myList, isEnglish) {
var columnSet = []
var headerTr$ = $('

')
for (var i = 0; i < myList.length; i++) {
var rowHash = myList[i];
for (var key in rowHash) {
if ($.inArray(key, columnSet) == -1) {
columnSet.push(key);
if(key === "EARLY BOOKING"){
headerTr$.append($('

').html(isEnglish ? translateText(key) : key));
}else{
headerTr$.append($('

').html(isEnglish ? translateText(key) : key));
}
}
}
}
$("#desktop table thead").append(headerTr$);
return columnSet;
}
// Desktop
$(document).ready(function() {
var isEnglish = window.location.pathname.includes('/en');
$.getJSON("https://luxandeasyresidences.com/wp-content/uploads/json/30048.json", function (data) {

var columns = addAllColumnHeaders(data, isEnglish)

for (var i = 0; i <data.length; i++) {
var row$ = $('

')
for (var colIndex = 0; colIndex <columns.length; colIndex++) {
var cellValue = data[i][columns[colIndex]]

if (cellValue == null) { cellValue = ""; }

// Apply translation based on language
cellValue = isEnglish ? translateText(cellValue) : cellValue;

if(columns[colIndex] === "Ενδιαφέρομαι"){
if(data[i].Κατάσταση === "On Sale"){
row$.append( $('', {
href: '#contact-form',
}).append(
$('').append(
isEnglish ? translateText('Ενδιαφέρομαι') : 'Ενδιαφέρομαι'
)
)
)
}else{
row$.append( $('', {
href: '#contact-form',
}).append(
$('').append(
isEnglish ? translateText('Ενδιαφέρομαι') : 'Ενδιαφέρομαι'
)
)
)
}
}else if(columns[colIndex] === "EARLY BOOKING"){
row$.append($('

').html(cellValue));
}else if(columns[colIndex] === "BIG DEAL"){
row$.append($('

').html(cellValue));
}
else{
var td = $('

').html(cellValue)

if(cellValue === "On Sale"){
td.attr('id', 'on-sale')
}

if (cellValue === "Sold" || cellValue === "Reserved") {
if (cellValue === "Reserved") {
td.attr('id', 'reserved')
} else {
td.attr('id', 'sold')
}
}

row$.append(td);
}
}
$("#jsonTable").append(row$)
}
// Mobile Table
for (var i = 0; i < data.length; i++) {
var row$ = $('

');
for (var colIndex = 0; colIndex < columns.length; colIndex++) {
var cellValue = data[i][columns[colIndex]];

if (cellValue == null) { cellValue = ""; }

// Apply translation based on language
cellValue = isEnglish ? translateText(cellValue) : cellValue;
data[i][columns[1]] = isEnglish ? translateText(data[i][columns[1]]) : data[i][columns[1]]

if(columns[colIndex] === "ID"){
row$.append($('

').html(cellValue));
}else if(columns[colIndex] === "BIG DEAL"){
row$.append($('

').attr('data-label',columns[colIndex]).html(cellValue));
}else if(columns[colIndex] === "EARLY BOOKING"){
row$.append($('

').attr('data-label',columns[colIndex]).html(cellValue));
}
else if(columns[colIndex] === "Ενδιαφέρομαι"){
if(data[i].Κατάσταση === "Sold" || data[i].Κατάσταση === "Reserved"){
break;
}else{
row$.append(
$('', {
href: '#contact-form',
}).append(
$('').append(
isEnglish ? translateText('Ενδιαφέρομαι') : 'Ενδιαφέρομαι'
)
)
)
}
}
else{
row$.append($('

').attr('data-label', isEnglish ? translateText(columns[colIndex]) : columns[colIndex]).html(cellValue))
}
}
$("#jsonTableMobile").append(row$)
}

const r1Elements = document.querySelectorAll('td.r1');

r1Elements.forEach(r1 => {
r1.addEventListener('click', () => {
const row = r1.closest('tr');
const r2Elements = document.querySelectorAll('td.r2');
const floorPlanBtnElements = document.querySelectorAll('.floor-plan-btn');

r2Elements.forEach(r2 => {
// Check if r2 is within the same row as the clicked r1
if (r2.closest('tr') === row) {
// Toggle visibility of the r2 in this row
r2.style.display = (r2.style.display === 'none' || r2.style.display === '') ? 'block' : 'none'
}
})

floorPlanBtnElements.forEach(btn => {
if(btn.closest('tr') === row){
btn.style.display = (btn.style.display === 'none' || btn.style.display === '') ? 'block' : 'none'
}
})

})
})
})
})