// templates/advertisment.js.twig

// templates/position/announcement-image.js.twig

function renderAnnouncementImageAd(ad) {
    let imageHtml = '';
    if (ad.announcementID.images && ad.announcementID.images.length > 0) {
        imageHtml = `<img src="${ad.announcementID.images[0].fullFilePathForDownload}" alt="${ad.announcementID.title}">`;
    }

    return `
        <div class="advertisment-announcement-image">
            <div class="advertisment-image">
                <a class="advertisment-link" href="/gogo${ad.id}">
                    ${imageHtml}
                </a>
            </div>
            <div class="advertisment-content">
                <a class="advertisment-link" href="/gogo${ad.id}"><h2>${ad.announcementID.sectionID.title}</h2></a>
                <a class="advertisment-link" href="/gogo${ad.id}"><p>${ad.announcementID.title}</p></a>
                <div class="advertisment-contact">
                    <a href="tel:${ad.companyID.phone}" class="btn btn-success btn-sm">
                        <i class="fa fa-phone"></i> ${ad.companyID.phone}
                    </a>
                </div>
                <div class="advertisment-details">
                    <span class="city">${ad.companyID.geoID.title}</span>
                    <span class="company-name">${ad.companyID.title}</span>
                </div>
            </div>
        </div>
    `;
}// templates/position/registration-top.js.twig

function renderRegistrationTopAd(ad) {
    let imageHtml = '';
    if (ad.companyID.fullFilePathForDownload) {
        imageHtml = `<img src="${ad.companyID.fullFilePathForDownload}" alt="">`;
    }

    return `
        <div class="advertisment-announcement-image">
            <div class="advertisment-image">
                <a class="advertisment-link" href="/gogo${ad.id}">
                    ${imageHtml}
                </a>
            </div>
            <div class="advertisment-content">
                <a class="advertisment-link" href="/gogo${ad.id}"><h2>${ad.companyID.title}</h2></a>
                <p></p>
                <div class="advertisment-contact">
                    <a href="tel:${ad.companyID.phone}" class="btn btn-success btn-sm">
                        <i class="fa fa-phone"></i> ${ad.companyID.phone}
                    </a>
                </div>
                <div class="advertisment-details">
                    <span class="city">${ad.companyID.geoID.title}</span>
                    <span class="company-name">${ad.companyID.contactPerson}</span>
                </div>
            </div>
        </div>
    `;
}
// templates/position/through-banner-small.js.twig

function renderThroughBannerSmallAd(ad) {
    let imageHtml = '';
    if (ad.fullFilePathForDownload) {
        imageHtml = `<div class="through-banner-image"><a class="advertisment-link" href="/gogo${ad.id}"><img src="${ad.fullFilePathForDownload}" alt="${ad.title}"></a></div>`;
    }

    return `
        <div class="through-banner">
            ${imageHtml}
            <div class="through-banner-content">
                <a class="advertisment-link" href="/gogo${ad.id}"><h2>${ad.title}</h2></a>
                <a class="advertisment-link" href="/gogo${ad.id}"><p>${ad.text}</p></a>
                <div class="advertisment-contact">
                    <a href="tel:${ad.phone}" class="btn btn-success btn-sm">
                        <i class="fa fa-phone"></i> ${ad.phone}
                    </a>
                </div>
            </div>
        </div>
    `;
}

(function() {
    const advertismentId = 90768;
    fetch(`/api/ads/${advertismentId}`)
        .then(response => response.json())
        .then(data => {
            let renderedAd = '';
            switch(data.positionID.name) {
                case 'announcement-image':
                    renderedAd = renderAnnouncementImageAd(data);
                    break;
                case 'registration-top':
                    renderedAd = renderRegistrationTopAd(data);
                    break;
                case 'through-banner-small':
                    renderedAd = renderThroughBannerSmallAd(data);
                    break;

                // ... другие типы рекламы
            }
            // Вставьте отрендеренную рекламу в нужное место на вашей странице
            document.querySelector('#ad90768').innerHTML = renderedAd;
        });
})();