/**
 * @class Underwater
 */
export class Underwater {
    
    /**
     * @param {object} data
     */
    set data(data) {
        this._data = data;
    }

    async render() {
        return `
        <div class="container px-4 pt-4">
            <p class="p-2">
                <strong>Denominazione:</strong> ${this._data.denomination}
            </p>
            <p class="p-2">
                <strong>Località generica:</strong> ${this._data.genericPlace}
            </p>
            <p class="p-2">
                <strong>Periodo:</strong> ${this._data.period}
            </p>
            <p class="p-2">
                <strong>Stato di conservazione:</strong> ${this._data.conservationState}
            </p>
            <p class="mt-4 pl-2 pr-5">
                <strong class="pb-3">Descrizione breve</strong></br>
                ${this._data.shortDescription}
            </p>
            <p class="p-2 mb-4">
                <strong>Autore scheda:</strong> ${this._data.author}
            </p>
        </div>`;
    }

    async fetchData(url) {
        return await fetch(url).then(res => res.json());
    }
}