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,
        clipping: {
            defaultPoint: [
                -20.3,
                7.3,
                -18.3
            ],
        }
    },
    menu : {
        audioBtn1
    },
    markers : [
        {
            id : "salvador",
            label : "Teatro San Salvador, Venezia",
            popup: theater1Popup,
            coords: [45.4363, 12.3352],
            model: "teatro_san_salvador_20250926.gltf",
            pano: "pano/defsky-grass.jpg",
        },
        {
            id : "ssgp",
            label : "Teatro Santi Giovanni e Paolo, Venezia",
            popup: theater2Popup,
            coords: [45.4401, 12.3408],
            model: "SSGP.glb",
            pano: "pano/defsky-grass.jpg",
        }
    ],
    map : {
        center: [43.570833, 12.140278],
        initialZoom : 8,
        minZoom : 6,
        maxZoom : 16
    }
}