const BASE_URI = "/a/scaenae";

const theater1Popup = `
    <div class="text-center">
        <h1 class="fs-4">Teatro San Salvador, Venezia</h1>
        <button type="button" class="btn btn-dark" id="salvador">Apri scena 3D</button>
    </div>
`;

const theater2Popup = `
    <div class="text-center">
        <h1 class="fs-4">Teatro Santi Giovanni e Paolo, Venezia</h1>
        <button type="button" class="btn btn-dark" id="ssgp">Apri scena 3D</button>
    </div>
`;

const audioBtn1 = `
    <button type="button" class="text-left btn aton-btn fs-6 mx-2" data-bs-toggle="modal" data-bs-target="#audio1">
        <i class="bi bi-play-btn me-2"></i> Esempio audio (<em>Che fiero costume</em>)
    </button>
`;

export const config = {
    scene : {
        initialExposure: 0.7,
        autoLP: true,
    },
    menu : {
        audioBtn1
    },
    markers : [
        {
            id : "salvador",
            label : "Teatro San Salvador, Venezia",
            uri : `${BASE_URI}/scenes/salvador/`,
            popup: theater1Popup,
            coords: [45.4363, 12.3352],
            model: "teatro_san_salvador_20250926.gltf",
            //pano: `${BASE_URI}/assets/pano/defsky-grass.jpg`,
            pano: `pano/defsky-grass.jpg`,
        },
        {
            id : "ssgp",
            label : "Teatro Santi Giovanni e Paolo, Venezia",
            uri : `${BASE_URI}/scenes/ssgp/`,
            popup: theater2Popup,
            coords: [45.4401, 12.3408],
            model: `SSGP.glb`,
            //pano: `${BASE_URI}/assets/pano/defsky-grass.jpg`,
            pano: `pano/defsky-grass.jpg`,
        }
    ],
    map : {
        center: [45.30833, 12.240278],
        initialZoom : 12,
        minZoom : 6,
        maxZoom : 18
    }
}