<div class="card">
    <div class="card-body">
        <h5 class="card-title">Map Style</h5>
        <p class="card-text spothole-card-text">
            <label for="basemap" class="form-label">Basemap</label>
            <select id="basemap" class="storeable-select form-select" oninput="displayUpdated();">
                <option value="OpenStreetMap.Mapnik" selected>OpenStreetMap Mapnik</option>
                <option value="OpenStreetMap.Mapnik.Dark">OpenStreetMap Mapnik (Dark)</option>
                <option value="Esri.NatGeoWorldMap">ESRI NatGeo World Map</option>
                <option value="Esri.WorldTopoMap">ESRI World Topo Map</option>
                <option value="Esri.WorldShadedRelief">ESRI World Shaded Relief</option>
                <option value="Esri.WorldImagery">ESRI World Imagery</option>
                <option value="CartoDB.Voyager">CartoDB Voyager</option>
                <option value="CartoDB.DarkMatter">CartoDB DarkMatter</option>
            </select>
        </p>
        <p class="card-text spothole-card-text">
            <label for="basemapOpacity" class="form-label">Opacity</label>
            <select id="basemapOpacity" class="storeable-select form-select" oninput="displayUpdated();">
                <option value="1">100%</option>
                <option value="0.75">75%</option>
                <option value="0.5">50%</option>
                <option value="0.25">25%</option>
            </select>
        </p>
    </div>
</div>
