package de.waypointaudio.ui

import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.heightIn
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.foundation.verticalScroll
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.AltRoute
import androidx.compose.material.icons.filled.Explore
import androidx.compose.material.icons.filled.DarkMode
import androidx.compose.material.icons.filled.GpsFixed
import androidx.compose.material.icons.filled.Info
import androidx.compose.material.icons.filled.Landscape
import androidx.compose.material.icons.filled.Layers
import androidx.compose.material.icons.filled.LightMode
import androidx.compose.material.icons.filled.LocationCity
import androidx.compose.material.icons.filled.Map
import androidx.compose.material.icons.filled.MusicNote
import androidx.compose.material.icons.filled.Nightlife
import androidx.compose.material.icons.filled.PinDrop
import androidx.compose.material.icons.filled.Route
import androidx.compose.material.icons.filled.RadioButtonChecked
import androidx.compose.material.icons.filled.Timeline
import androidx.compose.material.icons.filled.Label
import androidx.compose.material.icons.filled.LabelOff
import androidx.compose.material.icons.filled.Place
import androidx.compose.material.icons.filled.LocationOn
import androidx.compose.material3.AlertDialog
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.Icon
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.ModalBottomSheet
import androidx.compose.material3.Slider
import androidx.compose.material3.SmallFloatingActionButton
import androidx.compose.material3.Surface
import androidx.compose.material3.Switch
import androidx.compose.material3.Text
import androidx.compose.material3.TextButton
import androidx.compose.material3.rememberModalBottomSheetState
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.platform.LocalUriHandler
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.unit.dp
import de.waypointaudio.R
import de.waypointaudio.data.MapBaseStyle
import de.waypointaudio.data.PoiLayerSettings

/**
 * Daten-Container für die Layer-Schalter eines Kartenscreens.
 *
 * v2.4.1 — Erweitertes Basis-Stil-Menü:
 *   - Modern hell, Dunkel, Topografisch, Terrain/3D, Satellit
 * v2.5.38 — POI-Layer-Kategorien ergänzt.
 */
data class MapLayerState(
    val followLocation: Boolean = true,
    val showMarkers: Boolean = true,
    val showRadius: Boolean = true,
    val showTrack: Boolean = true,
    val showAudioLength: Boolean = true,
    val baseStyle: MapBaseStyle = MapBaseStyle.MODERN_2D,
    val showAudioLines: Boolean = true,
    val poiLayers: PoiLayerSettings = PoiLayerSettings(),
)

/**
 * Floating-Button + BottomSheet für Karten-Ebenen.
 *
 * v2.4.1 — Neue auswählbare Basis-Stile: Modern hell, Dunkel, Topo, Terrain/3D,
 * Satellit. Auswahl wird über [MapStyleStore] persistiert.
 * v2.5.38 — POI-Layer-Abschnitt (Sehenswürdigkeiten, Infrastruktur, Gastronomie,
 * Mobilität) als Chips. Karteninfo-Dialog (Attribution). Kartentyp persistiert.
 * v2.5.39 — Sheet-Inhalt scrollbar (verticalScroll), damit POI-Kategorien und
 * Karteninfo auch auf kleinen Displays erreichbar sind.
 */
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun MapLayerFab(
    state: MapLayerState,
    onStateChange: (MapLayerState) -> Unit,
    customSatelliteUrl: String = "",
    onCustomSatelliteUrlChange: (String) -> Unit = {},
    customTopoUrl: String = "",
    onCustomTopoUrlChange: (String) -> Unit = {},
    customTerrainDemUrl: String = "",
    onCustomTerrainDemUrlChange: (String) -> Unit = {},
    perspectiveTilt: Int = 35,
    onPerspectiveTiltChange: (Int) -> Unit = {},
    onShowRoutingInfo: () -> Unit = {},
    onShowRoutePlanner: () -> Unit = {},
    // v2.5.45 — Auto-POI-Load-Toggle
    poiAutoLoadEnabled: Boolean = true,
    onPoiAutoLoadChange: (Boolean) -> Unit = {},
    modifier: Modifier = Modifier
) {
    var showSheet by remember { mutableStateOf(false) }
    var showStyleHint by remember { mutableStateOf<MapBaseStyle?>(null) }
    var showAttributionDialog by remember { mutableStateOf(false) }
    val sheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)

    Box(modifier = modifier) {
        SmallFloatingActionButton(
            onClick = { showSheet = true },
            containerColor = MaterialTheme.colorScheme.surface,
            contentColor = MaterialTheme.colorScheme.primary
        ) {
            Icon(
                Icons.Filled.Layers,
                contentDescription = stringResource(R.string.map_layers_open)
            )
        }
    }

    if (showSheet) {
        ModalBottomSheet(
            onDismissRequest = { showSheet = false },
            sheetState = sheetState
        ) {
            Column(
                modifier = Modifier
                    .fillMaxWidth()
                    .heightIn(max = 600.dp)
                    .verticalScroll(rememberScrollState())
                    .padding(horizontal = 16.dp)
                    .padding(bottom = 16.dp),
                verticalArrangement = Arrangement.spacedBy(10.dp)
            ) {
                Row(verticalAlignment = Alignment.CenterVertically) {
                    Icon(Icons.Filled.Layers, contentDescription = null, modifier = Modifier.size(20.dp))
                    Spacer(Modifier.width(8.dp))
                    Text(
                        stringResource(R.string.map_layers_title),
                        style = MaterialTheme.typography.titleMedium
                    )
                }

                Text(
                    stringResource(R.string.map_layers_base_section),
                    style = MaterialTheme.typography.labelMedium,
                    color = MaterialTheme.colorScheme.onSurfaceVariant
                )
                // v2.5.37 — Erste Zeile: Modern, Dunkel, Outdoor
                Row(
                    horizontalArrangement = Arrangement.spacedBy(8.dp),
                    modifier = Modifier.fillMaxWidth()
                ) {
                    BaseStyleChip(
                        label = stringResource(R.string.map_layers_base_2d),
                        icon = Icons.Filled.LightMode,
                        selected = state.baseStyle == MapBaseStyle.MODERN_2D,
                        modifier = Modifier.weight(1f),
                        onClick = {
                            onStateChange(state.copy(baseStyle = MapBaseStyle.MODERN_2D))
                        }
                    )
                    BaseStyleChip(
                        label = stringResource(R.string.map_layers_base_dark),
                        icon = Icons.Filled.DarkMode,
                        selected = state.baseStyle == MapBaseStyle.DARK,
                        modifier = Modifier.weight(1f),
                        onClick = {
                            onStateChange(state.copy(baseStyle = MapBaseStyle.DARK))
                        }
                    )
                    BaseStyleChip(
                        label = stringResource(R.string.map_layers_base_outdoor),
                        icon = Icons.Filled.Landscape,
                        selected = state.baseStyle == MapBaseStyle.OUTDOOR,
                        modifier = Modifier.weight(1f),
                        onClick = {
                            onStateChange(state.copy(baseStyle = MapBaseStyle.OUTDOOR))
                        }
                    )
                }
                // v2.5.37 — Zweite Zeile: 3D Stadt, Klassisch
                Row(
                    horizontalArrangement = Arrangement.spacedBy(8.dp),
                    modifier = Modifier.fillMaxWidth()
                ) {
                    BaseStyleChip(
                        label = stringResource(R.string.map_layers_base_city3d),
                        icon = Icons.Filled.LocationCity,
                        selected = state.baseStyle == MapBaseStyle.CITY_3D,
                        modifier = Modifier.weight(1f),
                        onClick = {
                            onStateChange(state.copy(baseStyle = MapBaseStyle.CITY_3D))
                        }
                    )
                    BaseStyleChip(
                        label = stringResource(R.string.map_layers_base_classic),
                        icon = Icons.Filled.Map,
                        selected = state.baseStyle == MapBaseStyle.CLASSIC,
                        modifier = Modifier.weight(1f),
                        onClick = {
                            onStateChange(state.copy(baseStyle = MapBaseStyle.CLASSIC))
                        }
                    )
                    // Platzhalter rechts für symmetrisches Layout
                    Spacer(Modifier.weight(1f))
                }

                // v2.5.37 — Info-Block für Dunkel-Stil
                if (state.baseStyle == MapBaseStyle.DARK) {
                    StyleConfigSurface(
                        tone = MaterialTheme.colorScheme.tertiaryContainer.copy(alpha = 0.55f)
                    ) {
                        Row(verticalAlignment = Alignment.CenterVertically) {
                            Icon(
                                Icons.Filled.DarkMode,
                                contentDescription = null,
                                modifier = Modifier.size(18.dp),
                                tint = MaterialTheme.colorScheme.onTertiaryContainer
                            )
                            Spacer(Modifier.width(8.dp))
                            Column(modifier = Modifier.weight(1f)) {
                                Text(
                                    stringResource(R.string.map_layers_dark_note),
                                    style = MaterialTheme.typography.labelSmall,
                                    color = MaterialTheme.colorScheme.onTertiaryContainer
                                )
                            }
                            TextButton(onClick = { showStyleHint = MapBaseStyle.DARK }) {
                                Text(stringResource(R.string.map_layers_satellite_info_button))
                            }
                        }
                    }
                }

                // v2.5.37 — Info-Block für 3D-Stadt-Stil
                if (state.baseStyle == MapBaseStyle.CITY_3D) {
                    StyleConfigSurface(
                        tone = MaterialTheme.colorScheme.tertiaryContainer.copy(alpha = 0.55f)
                    ) {
                        Row(verticalAlignment = Alignment.CenterVertically) {
                            Icon(
                                Icons.Filled.LocationCity,
                                contentDescription = null,
                                modifier = Modifier.size(18.dp),
                                tint = MaterialTheme.colorScheme.onTertiaryContainer
                            )
                            Spacer(Modifier.width(8.dp))
                            Column(modifier = Modifier.weight(1f)) {
                                Text(
                                    stringResource(R.string.map_layers_city3d_note),
                                    style = MaterialTheme.typography.labelSmall,
                                    color = MaterialTheme.colorScheme.onTertiaryContainer
                                )
                            }
                            TextButton(onClick = { showStyleHint = MapBaseStyle.CITY_3D }) {
                                Text(stringResource(R.string.map_layers_satellite_info_button))
                            }
                        }
                        Spacer(Modifier.height(8.dp))
                        Text(
                            stringResource(R.string.map_layers_terrain_pitch_label) +
                                ": " + perspectiveTilt + "°",
                            style = MaterialTheme.typography.labelMedium
                        )
                        Slider(
                            value = perspectiveTilt.coerceIn(0, 60).toFloat(),
                            valueRange = 0f..60f,
                            steps = 11,
                            onValueChange = { onPerspectiveTiltChange(it.toInt()) }
                        )
                    }
                }

                // v2.5.37 — Info-Block für Outdoor-Stil
                if (state.baseStyle == MapBaseStyle.OUTDOOR) {
                    StyleConfigSurface(
                        tone = MaterialTheme.colorScheme.tertiaryContainer.copy(alpha = 0.4f)
                    ) {
                        Row(verticalAlignment = Alignment.CenterVertically) {
                            Icon(
                                Icons.Filled.Landscape,
                                contentDescription = null,
                                modifier = Modifier.size(18.dp),
                                tint = MaterialTheme.colorScheme.onTertiaryContainer
                            )
                            Spacer(Modifier.width(8.dp))
                            Column(modifier = Modifier.weight(1f)) {
                                Text(
                                    stringResource(R.string.map_layers_outdoor_note),
                                    style = MaterialTheme.typography.labelSmall,
                                    color = MaterialTheme.colorScheme.onTertiaryContainer
                                )
                            }
                            TextButton(onClick = { showStyleHint = MapBaseStyle.OUTDOOR }) {
                                Text(stringResource(R.string.map_layers_satellite_info_button))
                            }
                        }
                    }
                }

                Text(
                    stringResource(R.string.map_layers_overlays_section),
                    style = MaterialTheme.typography.labelMedium,
                    color = MaterialTheme.colorScheme.onSurfaceVariant
                )

                LayerSwitchRow(
                    icon = Icons.Filled.GpsFixed,
                    label = stringResource(R.string.map_layers_follow),
                    checked = state.followLocation,
                    onCheckedChange = { onStateChange(state.copy(followLocation = it)) }
                )
                LayerSwitchRow(
                    icon = Icons.Filled.PinDrop,
                    label = stringResource(R.string.map_layers_markers),
                    checked = state.showMarkers,
                    onCheckedChange = { onStateChange(state.copy(showMarkers = it)) }
                )
                LayerSwitchRow(
                    icon = Icons.Filled.RadioButtonChecked,
                    label = stringResource(R.string.map_layers_radius),
                    checked = state.showRadius,
                    onCheckedChange = { onStateChange(state.copy(showRadius = it)) }
                )
                LayerSwitchRow(
                    icon = Icons.Filled.MusicNote,
                    label = stringResource(R.string.map_layers_audio_length),
                    checked = state.showAudioLength,
                    onCheckedChange = { onStateChange(state.copy(showAudioLength = it)) }
                )
                LayerSwitchRow(
                    icon = Icons.Filled.Timeline,
                    label = stringResource(R.string.map_layers_audio_lines),
                    checked = state.showAudioLines,
                    onCheckedChange = { onStateChange(state.copy(showAudioLines = it)) }
                )
                Text(
                    stringResource(R.string.map_layers_audio_lines_hint),
                    style = MaterialTheme.typography.labelSmall,
                    color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.75f),
                    modifier = Modifier.padding(start = 28.dp)
                )
                if (state.showAudioLines) {
                    Row(
                        modifier = Modifier
                            .fillMaxWidth()
                            .padding(start = 28.dp),
                        horizontalArrangement = Arrangement.spacedBy(10.dp)
                    ) {
                        AudioLineLegendChip(
                            color = 0xFF66BB6A.toInt(),
                            label = stringResource(R.string.map_layers_audio_lines_legend_short)
                        )
                        AudioLineLegendChip(
                            color = 0xFFFFA726.toInt(),
                            label = stringResource(R.string.map_layers_audio_lines_legend_medium)
                        )
                        AudioLineLegendChip(
                            color = 0xFFE53935.toInt(),
                            label = stringResource(R.string.map_layers_audio_lines_legend_long)
                        )
                    }
                }
                LayerSwitchRow(
                    icon = Icons.Filled.Timeline,
                    label = stringResource(R.string.map_layers_track),
                    checked = state.showTrack,
                    onCheckedChange = { onStateChange(state.copy(showTrack = it)) }
                )

                // ─── v2.5.38 — POI-Layer-Abschnitt ───────────────────────────
                Spacer(Modifier.height(2.dp))
                Text(
                    stringResource(R.string.poi_section_title),
                    style = MaterialTheme.typography.labelMedium,
                    color = MaterialTheme.colorScheme.onSurfaceVariant
                )
                if (state.baseStyle == MapBaseStyle.CLASSIC) {
                    Text(
                        stringResource(R.string.poi_unavailable_classic),
                        style = MaterialTheme.typography.labelSmall,
                        color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.7f),
                        modifier = Modifier.padding(start = 4.dp)
                    )
                } else {
                    Text(
                        stringResource(R.string.poi_section_subtitle),
                        style = MaterialTheme.typography.labelSmall,
                        color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.75f),
                        modifier = Modifier.padding(start = 4.dp)
                    )
                    // Zeile 1: Sehenswürdigkeiten + Infrastruktur
                    Row(
                        horizontalArrangement = Arrangement.spacedBy(8.dp),
                        modifier = Modifier.fillMaxWidth()
                    ) {
                        PoiCategoryChip(
                            label = stringResource(R.string.poi_cat_sights),
                            icon = Icons.Filled.Place,
                            selected = state.poiLayers.showSights,
                            modifier = Modifier.weight(1f),
                            onClick = {
                                onStateChange(
                                    state.copy(
                                        poiLayers = state.poiLayers.copy(
                                            showSights = !state.poiLayers.showSights
                                        )
                                    )
                                )
                            }
                        )
                        PoiCategoryChip(
                            label = stringResource(R.string.poi_cat_infrastructure),
                            icon = Icons.Filled.LocationOn,
                            selected = state.poiLayers.showInfrastructure,
                            modifier = Modifier.weight(1f),
                            onClick = {
                                onStateChange(
                                    state.copy(
                                        poiLayers = state.poiLayers.copy(
                                            showInfrastructure = !state.poiLayers.showInfrastructure
                                        )
                                    )
                                )
                            }
                        )
                    }
                    // Zeile 2: Gastronomie + Mobilität
                    Row(
                        horizontalArrangement = Arrangement.spacedBy(8.dp),
                        modifier = Modifier.fillMaxWidth()
                    ) {
                        PoiCategoryChip(
                            label = stringResource(R.string.poi_cat_gastronomy),
                            icon = Icons.Filled.Nightlife,
                            selected = state.poiLayers.showGastronomy,
                            modifier = Modifier.weight(1f),
                            onClick = {
                                onStateChange(
                                    state.copy(
                                        poiLayers = state.poiLayers.copy(
                                            showGastronomy = !state.poiLayers.showGastronomy
                                        )
                                    )
                                )
                            }
                        )
                        PoiCategoryChip(
                            label = stringResource(R.string.poi_cat_mobility),
                            icon = Icons.Filled.Route,
                            selected = state.poiLayers.showMobility,
                            modifier = Modifier.weight(1f),
                            onClick = {
                                onStateChange(
                                    state.copy(
                                        poiLayers = state.poiLayers.copy(
                                            showMobility = !state.poiLayers.showMobility
                                        )
                                    )
                                )
                            }
                        )
                    }
                    // v2.5.42 — POI-Namen-Toggle: standardmäßig deaktiviert
                    val anyPoiActive = state.poiLayers.showSights ||
                        state.poiLayers.showGastronomy ||
                        state.poiLayers.showMobility ||
                        state.poiLayers.showInfrastructure
                    if (anyPoiActive) {
                        LayerSwitchRow(
                            icon = if (state.poiLayers.showPoiNames)
                                Icons.Filled.Label else Icons.Filled.LabelOff,
                            label = "POI-Namen anzeigen",
                            checked = state.poiLayers.showPoiNames,
                            onCheckedChange = {
                                onStateChange(
                                    state.copy(
                                        poiLayers = state.poiLayers.copy(
                                            showPoiNames = it
                                        )
                                    )
                                )
                            }
                        )
                        // v2.5.45 — Auto-POI-Laden Toggle
                        LayerSwitchRow(
                            icon = Icons.Filled.Explore,
                            label = "POIs automatisch nachladen",
                            checked = poiAutoLoadEnabled,
                            onCheckedChange = onPoiAutoLoadChange
                        )
                        Text(
                            "Auto-Laden: POIs werden beim Kartenverschieben aktualisiert (ab Zoom 12)",
                            style = MaterialTheme.typography.labelSmall,
                            color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.75f),
                            modifier = Modifier.padding(start = 28.dp)
                        )
                    }
                }

                // ─── v2.5.38 — Karteninfo / Attribution ──────────────────────
                Spacer(Modifier.height(2.dp))
                Surface(
                    shape = RoundedCornerShape(12.dp),
                    color = MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.45f),
                    modifier = Modifier.fillMaxWidth()
                ) {
                    Row(
                        modifier = Modifier.padding(horizontal = 12.dp, vertical = 8.dp),
                        verticalAlignment = Alignment.CenterVertically
                    ) {
                        Icon(
                            Icons.Filled.Info,
                            contentDescription = null,
                            modifier = Modifier.size(18.dp),
                            tint = MaterialTheme.colorScheme.onSurfaceVariant
                        )
                        Spacer(Modifier.width(8.dp))
                        Column(modifier = Modifier.weight(1f)) {
                            Text(
                                stringResource(R.string.map_info_dialog_title),
                                style = MaterialTheme.typography.titleSmall,
                                color = MaterialTheme.colorScheme.onSurfaceVariant
                            )
                            Text(
                                "OpenFreeMap · OpenMapTiles · © OpenStreetMap-Mitwirkende",
                                style = MaterialTheme.typography.labelSmall,
                                color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.78f)
                            )
                        }
                        TextButton(onClick = { showAttributionDialog = true }) {
                            Text(stringResource(R.string.map_info_open))
                        }
                    }
                }

                // v2.4.2 — Routenplaner-Eintrag im Layer-Panel.
                Surface(
                    shape = RoundedCornerShape(12.dp),
                    color = MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.55f),
                    modifier = Modifier.fillMaxWidth()
                ) {
                    Row(
                        modifier = Modifier.padding(horizontal = 12.dp, vertical = 10.dp),
                        verticalAlignment = Alignment.CenterVertically
                    ) {
                        Icon(
                            Icons.Filled.AltRoute,
                            contentDescription = null,
                            modifier = Modifier.size(20.dp),
                            tint = MaterialTheme.colorScheme.onPrimaryContainer
                        )
                        Spacer(Modifier.width(10.dp))
                        Column(modifier = Modifier.weight(1f)) {
                            Text(
                                stringResource(R.string.route_planner_open_short),
                                style = MaterialTheme.typography.titleSmall,
                                color = MaterialTheme.colorScheme.onPrimaryContainer
                            )
                            Text(
                                stringResource(R.string.route_planner_subtitle),
                                style = MaterialTheme.typography.labelSmall,
                                color = MaterialTheme.colorScheme.onPrimaryContainer.copy(alpha = 0.78f)
                            )
                        }
                        TextButton(onClick = onShowRoutePlanner) {
                            Text(stringResource(R.string.route_planner_open))
                        }
                    }
                }

                Surface(
                    shape = RoundedCornerShape(12.dp),
                    color = MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.55f),
                    modifier = Modifier.fillMaxWidth()
                ) {
                    Row(
                        modifier = Modifier.padding(horizontal = 12.dp, vertical = 10.dp),
                        verticalAlignment = Alignment.CenterVertically
                    ) {
                        Icon(
                            Icons.Filled.AltRoute,
                            contentDescription = null,
                            modifier = Modifier.size(20.dp),
                            tint = MaterialTheme.colorScheme.onSurfaceVariant
                        )
                        Spacer(Modifier.width(10.dp))
                        Column(modifier = Modifier.weight(1f)) {
                            Text(
                                stringResource(R.string.routing_poi_open),
                                style = MaterialTheme.typography.titleSmall,
                                color = MaterialTheme.colorScheme.onSurfaceVariant
                            )
                            Text(
                                stringResource(R.string.routing_poi_search_attribution),
                                style = MaterialTheme.typography.labelSmall,
                                color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.75f)
                            )
                        }
                        TextButton(onClick = onShowRoutingInfo) {
                            Text(stringResource(R.string.routing_poi_open))
                        }
                    }
                }

                TextButton(
                    onClick = { showSheet = false },
                    modifier = Modifier.align(Alignment.End)
                ) {
                    Text(stringResource(R.string.map_layers_close))
                }
            }
        }
    }

    // v2.5.38 — Stil-Info-Dialog (unverändert aus v2.5.37)
    showStyleHint?.let { style ->
        val title: String
        val body: String
        when (style) {
            MapBaseStyle.DARK -> {
                title = stringResource(R.string.map_layers_base_dark)
                body = stringResource(R.string.map_layers_dark_info)
            }
            MapBaseStyle.OUTDOOR -> {
                title = stringResource(R.string.map_layers_base_outdoor)
                body = stringResource(R.string.map_layers_outdoor_info)
            }
            MapBaseStyle.CITY_3D -> {
                title = stringResource(R.string.map_layers_base_city3d)
                body = stringResource(R.string.map_layers_city3d_info)
            }
            MapBaseStyle.CLASSIC -> {
                title = stringResource(R.string.map_layers_base_classic)
                body = stringResource(R.string.map_layers_classic_info)
            }
            else -> {
                title = stringResource(R.string.map_layers_base_2d)
                body = stringResource(R.string.map_layers_modern_info)
            }
        }
        AlertDialog(
            onDismissRequest = { showStyleHint = null },
            title = { Text(title) },
            text = { Text(body) },
            confirmButton = {
                TextButton(onClick = { showStyleHint = null }) {
                    Text(stringResource(R.string.version_notice_ok))
                }
            }
        )
    }

    // v2.5.38 — Karteninfo / Attribution-Dialog
    if (showAttributionDialog) {
        MapAttributionDialog(onDismiss = { showAttributionDialog = false })
    }
}

/**
 * v2.5.38 — Vollständiger Karteninfo-/Attribution-Dialog.
 *
 * Zeigt rechtlich korrekte Namensnennung für:
 *  - OpenFreeMap (openfreemap.org)
 *  - OpenMapTiles (openmaptiles.org)
 *  - OpenStreetMap-Mitwirkende (ODbL)
 *
 * Links werden als anklickbare Texte dargestellt.
 */
@Composable
fun MapAttributionDialog(onDismiss: () -> Unit) {
    val uriHandler = LocalUriHandler.current
    AlertDialog(
        onDismissRequest = onDismiss,
        title = {
            Row(verticalAlignment = Alignment.CenterVertically) {
                Icon(
                    Icons.Filled.Info,
                    contentDescription = null,
                    modifier = Modifier.size(20.dp),
                    tint = MaterialTheme.colorScheme.primary
                )
                Spacer(Modifier.width(8.dp))
                Text(stringResource(R.string.map_info_dialog_title))
            }
        },
        text = {
            Column(verticalArrangement = Arrangement.spacedBy(10.dp)) {
                // Kartenstil
                Text(
                    stringResource(R.string.map_info_style_label),
                    style = MaterialTheme.typography.labelMedium,
                    color = MaterialTheme.colorScheme.onSurfaceVariant
                )
                Text(
                    stringResource(R.string.map_info_style_source),
                    style = MaterialTheme.typography.bodyMedium
                )

                // Kartendaten
                Text(
                    stringResource(R.string.map_info_data_label),
                    style = MaterialTheme.typography.labelMedium,
                    color = MaterialTheme.colorScheme.onSurfaceVariant
                )
                Text(
                    stringResource(R.string.map_info_data_text),
                    style = MaterialTheme.typography.bodyMedium
                )

                // Links
                Text(
                    stringResource(R.string.map_info_links_label),
                    style = MaterialTheme.typography.labelMedium,
                    color = MaterialTheme.colorScheme.onSurfaceVariant
                )

                // openfreemap.org
                Surface(
                    shape = RoundedCornerShape(8.dp),
                    color = MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.35f),
                    modifier = Modifier
                        .fillMaxWidth()
                        .clickable {
                            runCatching {
                                uriHandler.openUri("https://openfreemap.org")
                            }
                        }
                ) {
                    Text(
                        "↗ " + stringResource(R.string.map_info_link_ofm),
                        style = MaterialTheme.typography.bodySmall,
                        color = MaterialTheme.colorScheme.primary,
                        modifier = Modifier.padding(horizontal = 10.dp, vertical = 6.dp)
                    )
                }

                // openmaptiles.org
                Surface(
                    shape = RoundedCornerShape(8.dp),
                    color = MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.35f),
                    modifier = Modifier
                        .fillMaxWidth()
                        .clickable {
                            runCatching {
                                uriHandler.openUri("https://openmaptiles.org")
                            }
                        }
                ) {
                    Text(
                        "↗ " + stringResource(R.string.map_info_link_omt),
                        style = MaterialTheme.typography.bodySmall,
                        color = MaterialTheme.colorScheme.primary,
                        modifier = Modifier.padding(horizontal = 10.dp, vertical = 6.dp)
                    )
                }

                // openstreetmap.org/copyright
                Surface(
                    shape = RoundedCornerShape(8.dp),
                    color = MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.35f),
                    modifier = Modifier
                        .fillMaxWidth()
                        .clickable {
                            runCatching {
                                uriHandler.openUri("https://www.openstreetmap.org/copyright")
                            }
                        }
                ) {
                    Text(
                        "↗ " + stringResource(R.string.map_info_link_osm),
                        style = MaterialTheme.typography.bodySmall,
                        color = MaterialTheme.colorScheme.primary,
                        modifier = Modifier.padding(horizontal = 10.dp, vertical = 6.dp)
                    )
                }

                Spacer(Modifier.height(2.dp))
                Text(
                    "Lizenz: ODbL (Open Database License). Namensnennung erforderlich.",
                    style = MaterialTheme.typography.labelSmall,
                    color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.75f)
                )
            }
        },
        confirmButton = {
            TextButton(onClick = onDismiss) {
                Text(stringResource(R.string.map_info_close))
            }
        }
    )
}

@Composable
private fun StyleConfigSurface(
    tone: androidx.compose.ui.graphics.Color = MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.5f),
    content: @Composable androidx.compose.foundation.layout.ColumnScope.() -> Unit
) {
    Surface(
        shape = RoundedCornerShape(12.dp),
        color = tone,
        modifier = Modifier.fillMaxWidth()
    ) {
        Column(
            modifier = Modifier.padding(horizontal = 12.dp, vertical = 10.dp),
            content = content
        )
    }
}

@Composable
private fun BaseStyleChip(
    label: String,
    icon: ImageVector,
    selected: Boolean,
    onClick: () -> Unit,
    modifier: Modifier = Modifier
) {
    val container = if (selected) {
        MaterialTheme.colorScheme.primaryContainer
    } else {
        MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.55f)
    }
    val content = if (selected) {
        MaterialTheme.colorScheme.onPrimaryContainer
    } else {
        MaterialTheme.colorScheme.onSurfaceVariant
    }
    Surface(
        shape = RoundedCornerShape(14.dp),
        color = container,
        modifier = modifier.clickable(onClick = onClick)
    ) {
        Column(
            horizontalAlignment = Alignment.CenterHorizontally,
            modifier = Modifier
                .fillMaxWidth()
                .padding(vertical = 10.dp, horizontal = 6.dp)
        ) {
            Icon(icon, contentDescription = null, modifier = Modifier.size(20.dp), tint = content)
            Spacer(Modifier.height(4.dp))
            Text(
                label,
                style = MaterialTheme.typography.labelMedium,
                color = content
            )
        }
    }
}

/**
 * v2.5.38 — POI-Kategorie-Chip (kompaktes Toggle-Chip-Design).
 */
@Composable
private fun PoiCategoryChip(
    label: String,
    icon: ImageVector,
    selected: Boolean,
    onClick: () -> Unit,
    modifier: Modifier = Modifier
) {
    val container = if (selected) {
        MaterialTheme.colorScheme.secondaryContainer
    } else {
        MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.45f)
    }
    val content = if (selected) {
        MaterialTheme.colorScheme.onSecondaryContainer
    } else {
        MaterialTheme.colorScheme.onSurfaceVariant
    }
    Surface(
        shape = RoundedCornerShape(12.dp),
        color = container,
        modifier = modifier.clickable(onClick = onClick)
    ) {
        Row(
            verticalAlignment = Alignment.CenterVertically,
            modifier = Modifier
                .fillMaxWidth()
                .padding(horizontal = 8.dp, vertical = 8.dp)
        ) {
            Icon(icon, contentDescription = null, modifier = Modifier.size(16.dp), tint = content)
            Spacer(Modifier.width(4.dp))
            Text(
                label,
                style = MaterialTheme.typography.labelSmall,
                color = content
            )
        }
    }
}

@Composable
private fun AudioLineLegendChip(color: Int, label: String) {
    Row(verticalAlignment = Alignment.CenterVertically) {
        Surface(
            shape = RoundedCornerShape(2.dp),
            color = androidx.compose.ui.graphics.Color(color),
            modifier = Modifier
                .width(14.dp)
                .height(4.dp)
        ) {}
        Spacer(Modifier.width(4.dp))
        Text(label, style = MaterialTheme.typography.labelSmall)
    }
}

@Composable
private fun LayerSwitchRow(
    icon: ImageVector,
    label: String,
    checked: Boolean,
    onCheckedChange: (Boolean) -> Unit
) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .padding(vertical = 2.dp),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Icon(
            icon,
            contentDescription = null,
            modifier = Modifier.size(18.dp),
            tint = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.75f)
        )
        Spacer(Modifier.width(10.dp))
        Text(
            label,
            modifier = Modifier.weight(1f),
            style = MaterialTheme.typography.bodyMedium
        )
        Switch(checked = checked, onCheckedChange = onCheckedChange)
    }
}