/**
 * Component to render data for site surveys
 * @class SiteSurveys
 */
export class SiteSurveys {
    /**
     * @param {object} data
     */
    set siteData(data) {
        this._siteData = data;
    }

    render() {
		let content = `<div class="has-text-centered has-bottom-border">
			<p class="is-size-5 mt-3">Elaborazioni CNR da rilievi</p>`;
		content += `
			<div style="max-width: 70%; margin: 0 auto">
				<p class="is-size-6 has-text-centered">Cliccare sull'immagine per aprire la gallery</p>
				<figure class="is-relative has-text-centered is-clickable" id="gallery-1">
					<img src="img/${this._siteData.filename}" width="300"/>
					<div class="icon overlay is-flex is-justify-content-center is-align-items-center">
						<i class="is-flex fa fa-2x fa-play-circle"></i>
					</div>
					<figcaption class="p-2 has-text-centered">${this._siteData.didascalia}</figcaption>
				</figure>
			</div>
		</div>
		`;

        return content;
    }
}