@page "/"
@inject IJSRuntime JS
@inject PreciseLocationService LocationService
@inject CadastralCatalogService CatalogService
@inject OfficialCadastreService OfficialCadastreService
@inject LocationSearchService LocationSearchService
@inject NetworkLocationService NetworkLocationService
@inject AzureMapsService AzureMapsService
@inject ProjectStorageService ProjectStorageService
@inject MapExportService MapExportService
@inject CloudSyncService CloudSyncService
@inject AppUpdateService AppUpdateService
@implements IAsyncDisposable

<PageTitle>LME Mappe Catastali</PageTitle>

<div class="map-app">
    <section class="map-stage @(ActiveTab == "search" ? "search-active" : null)">
        <div id="map"></div>

        <header class="map-toolbar">
            <div class="app-identity">
                <strong>LME Catasto</strong>
                <span class="app-status-line">@Status @if (HasUnsavedChanges) { <i title="Modifiche non salvate"></i> }</span>
            </div>
            <div class="toolbar-actions">
                <button class="map-icon-command" title="Annulla ultima operazione" aria-label="Annulla" @onclick="UndoMapChange">↶</button>
                <button class="map-icon-command" title="Ripristina operazione" aria-label="Ripristina" @onclick="RedoMapChange">↷</button>
                <button class="toolbar-button layer-button @(LayerPanelOpen ? "is-active" : null)"
                        title="Layer catastali"
                        aria-expanded="@LayerPanelOpen"
                        @onclick="ToggleLayerPanel">
                    <span class="layer-symbol" aria-hidden="true"></span>
                    <span>Layer</span>
                </button>
                <button class="map-menu-button @(NavigationMenuOpen ? "is-active" : null)" title="Apri menu" aria-label="Apri menu" aria-expanded="@NavigationMenuOpen" @onclick="ToggleNavigationMenu">☰</button>
            </div>
        </header>

        @if (NavigationMenuOpen)
        {
            <nav class="map-navigation-menu" aria-label="Menu principale">
                <button @onclick='() => SelectTab("map")'>Mappa</button>
                <button @onclick='() => SelectTab("search")'>Cerca località</button>
                <button @onclick='() => SelectTab("cadastre")'>Ricerca catastale</button>
                <button @onclick='() => SelectTab("data")'>Dati e disegni</button>
                <button @onclick='() => SelectTab("projects")'>Progetti</button>
                <button @onclick='() => SelectTab("save")'>Esporta</button>
                <button @onclick='() => SelectTab("tools")'>Strumenti avanzati</button>
                <button @onclick='() => SelectTab("settings")'>Impostazioni</button>
                <div class="menu-credits"><strong>LME Mappe Catastali</strong><span>Autore: Livio Merola</span><a href="mailto:info@liviomerola.net">info@liviomerola.net</a><span>Mappe: Esri, OpenStreetMap, CARTO, OpenTopoMap. Catasto: Agenzia delle Entrate CC BY 4.0.</span></div>
            </nav>
        }

        <div class="map-search @(ActiveTab == "search" ? "is-open" : null)">
            <input @bind="SearchText" @bind:event="oninput" placeholder="Localita, indirizzo o coordinate" />
            <button @onclick="SearchLocation">Vai</button>
        </div>

        @if (LayerPanelOpen)
        {
            <section class="map-layer-panel" aria-label="Layer catastali">
                <header>
                    <strong>Layer catastali</strong>
                    <button class="layer-panel-close" aria-label="Chiudi layer" @onclick="ToggleLayerPanel">×</button>
                </header>
                @foreach (var layer in CadastralLayers)
                {
                    <label class="map-layer-option">
                        <input type="checkbox" checked="@layer.Enabled" @onchange="(args) => ToggleCadastreLayer(layer, args)" />
                        <span>
                            <strong>@layer.Name</strong>
                            @if (!string.IsNullOrWhiteSpace(layer.Detail))
                            {
                                <small>@layer.Detail</small>
                            }
                        </span>
                    </label>
                }
                <label class="map-layer-option">
                    <input type="checkbox" @bind="ShowSelectedParcels" @bind:after="ApplySelectedParcelsVisibility" />
                    <span>
                        <strong>Particelle catastali evidenziate</strong>
                        <small>Contorni rossi ottenuti da ricerca o GPS</small>
                    </span>
                </label>
                <label class="map-layer-option">
                    <input type="checkbox" @bind="ShowImportedData" @bind:after="ApplyImportedDataVisibility" />
                    <span>
                        <strong>Dati importati</strong>
                        <small>Particelle e geometrie verdi di file e progetti</small>
                    </span>
                </label>
                <section class="layer-tree-section">
                    <header>
                        <strong>Ordine livelli e oggetti</strong>
                        <small>Trascina dall'alto verso il basso</small>
                    </header>
                    <div id="layerManagerTree" class="layer-manager-tree"></div>
                </section>
                <div class="layer-panel-actions">
                    <button class="danger-command" @onclick="ClearSelectedParcels">Elimina definitivamente le particelle selezionate</button>
                    <button class="danger-command" @onclick="ClearMapElements">Pulisci elementi mappa</button>
                </div>
            </section>
        }

        <div class="gps-overlay @(ActiveTab == "search" ? "search-open" : null)">
            <div class="gps-state">
                <span id="gpsState">GPS non attivo</span>
                <strong id="parcelState">Nessuna particella selezionata</strong>
            </div>
            <button class="gps-main" @onclick="ToggleGps">@(GpsActive ? "Ferma GPS" : "Avvia GPS")</button>
            <button class="gps-center" @onclick="CenterOnGps" aria-label="Centra posizione">Centra</button>
        </div>

        @if (ActiveTab is not "map" and not "search")
        {
            <aside class="tool-sheet">
                <div class="sheet-header">
                    <div>
                        <p class="eyebrow">@PanelEyebrow</p>
                        <h1>@PanelTitle</h1>
                    </div>
                    <button class="close-button" @onclick='() => SelectTab("map")' aria-label="Chiudi pannello">×</button>
                </div>

                @if (ActiveTab == "cadastre")
                {
                    <section class="panel-content">
                        <label>
                            Regione
                            <select value="@SelectedRegionFile" @onchange="OnRegionChanged">
                                <option value="">Seleziona regione</option>
                                @foreach (var region in Regions)
                                {
                                    <option value="@region.DataFile">@region.Name</option>
                                }
                            </select>
                        </label>

                        <label>
                            Comune
                            <select value="@SelectedMunicipalityCode" @onchange="OnMunicipalityChanged" disabled="@(Municipalities.Count == 0)">
                                <option value="">Seleziona comune</option>
                                @foreach (var municipality in Municipalities)
                                {
                                    <option value="@municipality.Code">@municipality.Name (@municipality.Code)</option>
                                }
                            </select>
                        </label>

                        <label>
                            Foglio
                            <select value="@SelectedSheet" @onchange="OnSheetChanged" disabled="@(Sheets.Count == 0 || CatalogBusy)">
                                <option value="">Seleziona foglio</option>
                                @foreach (var sheet in Sheets)
                                {
                                    <option value="@sheet">@DisplaySheet(sheet)</option>
                                }
                            </select>
                        </label>

                        <label>
                            Particella
                            <select value="@SelectedParcelNumber" @onchange="OnParcelChanged" disabled="@(Parcels.Count == 0 || CatalogBusy)">
                                <option value="">Seleziona particella</option>
                                @foreach (var parcel in Parcels)
                                {
                                    <option value="@parcel.Number">@parcel.Number</option>
                                }
                            </select>
                        </label>

                        @if (!string.IsNullOrWhiteSpace(CatalogMessage))
                        {
                            <div class="catalog-progress">
                                <span>@CatalogMessage</span>
                                @if (CatalogFraction.HasValue)
                                {
                                    <progress value="@CatalogFraction.Value" max="1"></progress>
                                }
                            </div>
                        }

                        <button class="primary-command" @onclick="LocateParcel" disabled="@(SelectedParcel is null || CatalogBusy)">Mostra particella sulla mappa</button>

                        <div class="service-note">
                            <strong>Mappa pubblica ufficiale</strong>
                            <p>I confini visualizzati arrivano dai servizi WMS/WFS open data dell'Agenzia delle Entrate e non richiedono CAPTCHA.</p>
                        </div>
                    </section>
                }
                else if (ActiveTab == "data")
                {
                    <section class="panel-content">
                        <section class="panel-section">
                            <h2>File GIS</h2>
                            <label class="file-picker">
                                <span>Carica KML, KMZ o GeoJSON</span>
                                <input id="gisFileInput" type="file" accept=".kml,.kmz,.geojson,.json,application/vnd.google-earth.kml+xml,application/vnd.google-earth.kmz,application/geo+json" />
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="IncludeKmlSheetLayer" @bind:after="ApplyKmlSheetLayerOption" />
                                <span>KML/KMZ: includi anche il layer del foglio</span>
                            </label>
                            <small class="field-help">
                                @(IncludeKmlSheetLayer
                                    ? "Attivato: importa foglio, particelle e altri elementi KML/KMZ."
                                    : "Disattivato: importa solo i poligoni delle particelle riconosciute.")
                            </small>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowImportedData" @bind:after="ApplyImportedDataVisibility" />
                                <span>Mostra particelle/dati importati in verde</span>
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowImportedSheetLayer" @bind:after="ApplyImportedSheetLayerVisibility" />
                                <span>Mostra cornice/layer del foglio importato</span>
                            </label>
                            <small class="field-help">La cornice grande resta separata dalle particelle e puo essere nascosta anche nei progetti salvati.</small>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowImportedMeasurements" @bind:after="ApplyImportedMeasurementsVisibility" />
                                <span>Mostra misure dei file caricati</span>
                            </label>
                            <div class="button-row">
                                <button @onclick="FitImportedLayers">Inquadra dati</button>
                                <button class="secondary-command" @onclick="ClearImportedLayers">Rimuovi dati</button>
                            </div>
                        </section>

                        <section class="panel-section">
                            <h2>Disegni e misure</h2>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="UndoMapChange">Annulla</button>
                                <button class="secondary-command" @onclick="RedoMapChange">Ripristina</button>
                            </div>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowDrawingMeasurements" @bind:after="ApplyDrawingMeasurementsVisibility" />
                                <span>Mostra superficie, perimetro e lati</span>
                            </label>
                            <button class="secondary-command" aria-pressed="@DrawToolsVisible" @onclick="ToggleDrawTools">
                                @(DrawToolsVisible ? "Nascondi strumenti sulla mappa" : "Mostra strumenti sulla mappa")
                            </button>
                            <button class="danger-command" @onclick="ClearDrawings">Elimina disegni e POI</button>
                            <button class="secondary-command" @onclick="RestoreAutosave">Recupera ultimo autosalvataggio</button>
                        </section>

                        <section class="panel-section">
                            <h2>Punti di interesse</h2>
                            <label>
                                Nome POI
                                <input @bind="PoiName" @bind:event="oninput" placeholder="Nome del punto" />
                            </label>
                            <button class="primary-command" @onclick="AddProjectMarker">Aggiungi POI al centro mappa</button>
                        </section>
                    </section>
                }
                else if (ActiveTab == "save")
                {
                    <section class="panel-content">
                        <section class="panel-section">
                            <h2>Esporta contenuto mappa</h2>
                            <label>
                                Nome file
                                <input @bind="ExportFileName" @bind:event="oninput" placeholder="Es. Rilievo San Nicola" maxlength="80" />
                            </label>
                            <label>
                                Formato
                                <select @bind="ExportFormat">
                                    <option value="geojson">GeoJSON</option>
                                    <option value="kml">KML</option>
                                    <option value="kmz">KMZ compresso</option>
                                    <option value="gpx">GPX per GPS</option>
                                    <option value="pdf">Rapporto PDF</option>
                                </select>
                            </label>
                            <div class="export-options" role="group" aria-label="Oggetti da esportare">
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportSelectedOnly" @bind:after="SaveFlagPreferences" />
                                    <span>Solo oggetti selezionati nel pannello Layer</span>
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportImported" @bind:after="SaveFlagPreferences" />
                                    <span>Particelle e dati GIS importati</span>
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportImportedSheets" @bind:after="SaveFlagPreferences" />
                                    <span>Cornici, fogli e riquadri KMZ</span>
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportCadastral" @bind:after="SaveFlagPreferences" />
                                    <span>Particelle catastali rosse e GPS</span>
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportDrawings" @bind:after="SaveFlagPreferences" />
                                    <span>Disegni, aree, linee e cerchi</span>
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportPoi" @bind:after="SaveFlagPreferences" />
                                    <span>Punti di interesse</span>
                                </label>
                                <label class="toggle-line project-save-option">
                                    <input type="checkbox" @bind="ExportTrail" @bind:after="SaveFlagPreferences" />
                                    <span>Traccia GPS registrata</span>
                                </label>
                            </div>
                            <button class="primary-command" @onclick="ExportMapFile" disabled="@(ExportBusy || string.IsNullOrWhiteSpace(ExportFileName))">
                                @(ExportBusy ? "Preparazione file..." : "Esporta e salva file")
                            </button>
                            <small class="field-help">KML e KMZ sono compatibili con Google Earth. Gli sfondi satellitari e il WMS non vengono incorporati nel file vettoriale.</small>
                        </section>

                    </section>
                }
                else if (ActiveTab == "projects")
                {
                    <section class="panel-content">
                        <section class="panel-section">
                            <h2>Salva progetto</h2>
                            <label>
                                Nome progetto
                                <input @bind="NewProjectName" @bind:event="oninput" placeholder="Es. Rilievo San Nicola" maxlength="80" />
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="IncludeCadastralParcels" @bind:after="SaveFlagPreferences" />
                                <span>Includi le particelle catastali rosse</span>
                            </label>
                            <button class="primary-command" @onclick="SaveProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(NewProjectName))">Salva progetto</button>
                        </section>

                        <section class="panel-section">
                            <h2>Apri progetto</h2>
                            <label>
                                Progetto salvato
                                <select value="@SelectedProjectId" @onchange="SelectProject" disabled="@(Projects.Count == 0 || ProjectBusy)">
                                    <option value="">Seleziona un progetto</option>
                                    @foreach (var project in Projects)
                                    {
                                        <option value="@project.Id">@(project.IsArchived ? "[ARCHIVIATO] " : "")@(project.IsReadOnly ? "[SOLA LETTURA] " : "")@(string.IsNullOrWhiteSpace(project.Folder) ? "" : $"{project.Folder} / ")@project.Name - @project.UpdatedAt.ToLocalTime().ToString("dd/MM/yyyy HH:mm")</option>
                                    }
                                </select>
                            </label>
                            <div class="button-row">
                                <button @onclick="LoadProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Apri</button>
                                <button class="danger-command" @onclick="DeleteProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Elimina</button>
                            <label>
                                Cartella
                                <input @bind="ProjectFolder" placeholder="Es. Cantieri 2026" maxlength="60" />
                            </label>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="UpdateProjectFolder" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Sposta</button>
                                <button class="secondary-command" @onclick="DuplicateProject" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Duplica</button>
                            </div>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="ToggleProjectArchive" disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">@(SelectedProject?.IsArchived == true ? "Ripristina" : "Archivia")</button>
                                <button class="secondary-command" @onclick='() => ShareProject(false)' disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Condividi modificabile</button>
                            </div>
                            <button class="secondary-command" @onclick='() => ShareProject(true)' disabled="@(ProjectBusy || string.IsNullOrWhiteSpace(SelectedProjectId))">Condividi in sola lettura</button>
                            @if (SelectedProject?.IsReadOnly == true)
                            {
                                <small class="field-help">Questo progetto è protetto. Usa Duplica per crearne una copia modificabile.</small>
                            }
                            </div>
                            <label>
                                Revisione precedente
                                <select @bind="SelectedVersionId" disabled="@(ProjectVersions.Count == 0)">
                                    <option value="">Seleziona revisione</option>
                                    @foreach (var version in ProjectVersions)
                                    {
                                        <option value="@version.Id">@version.UpdatedAt.ToLocalTime().ToString("dd/MM/yyyy HH:mm:ss")</option>
                                    }
                                </select>
                            </label>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="LoadProjectVersion" disabled="@(string.IsNullOrWhiteSpace(SelectedVersionId))">Apri revisione</button>
                                <button class="secondary-command" @onclick="CompareProjectVersion" disabled="@(string.IsNullOrWhiteSpace(SelectedVersionId))">Confronta</button>
                            </div>
                            <div class="project-archive-state">@ProjectArchiveMessage</div>
                        </section>

                        <section class="panel-section">
                            <h2>Backup e trasferimento</h2>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="ShareFullBackup">Crea backup</button>
                                <button class="secondary-command" @onclick="RestoreBackup">Ripristina backup</button>
                            </div>
                            <button class="secondary-command" @onclick="ImportProject">Importa progetto condiviso</button>
                        </section>

                        <section class="panel-section">
                            <h2>Visualizzazione progetto</h2>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowImportedData" @bind:after="ApplyImportedDataVisibility" />
                                <span>Mostra particelle/dati importati in verde</span>
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowImportedSheetLayer" @bind:after="ApplyImportedSheetLayerVisibility" />
                                <span>Mostra cornice/layer del foglio importato</span>
                            </label>
                            <small class="field-help">Il comando agisce subito sulla mappa e sui dati del progetto caricato.</small>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowImportedMeasurements" @bind:after="ApplyImportedMeasurementsVisibility" />
                                <span>Mostra misure dei file caricati</span>
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowDrawingMeasurements" @bind:after="ApplyDrawingMeasurementsVisibility" />
                                <span>Mostra misure dei disegni</span>
                            </label>
                        </section>
                    </section>
                }
                else if (ActiveTab == "tools")
                {
                    <section class="panel-content">
                        <section class="panel-section">
                            <h2>Oggetti e coordinate</h2>
                            <button class="primary-command" @onclick="ShowObjectTable">Apri tabella oggetti e particelle</button>
                            <button class="secondary-command" @onclick="ShowCoordinateInspector">Coordinate WGS84 e UTM</button>
                            <button class="secondary-command" @onclick="ShowAuditLog">Registro operazioni</button>
                        </section>
                        <section class="panel-section">
                            <h2>Controllo geometrie</h2>
                            <small class="field-help">Seleziona gli oggetti dalla mappa o dal pannello Layer.</small>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="ValidateSelectedGeometries">Controlla e ripara</button>
                                <button class="secondary-command" @onclick="CreateSelectedHole">Crea foro</button>
                            </div>
                            <button class="secondary-command" @onclick="CompareSelectedGeometries">Confronta due confini</button>
                        </section>
                        <section class="panel-section">
                            <h2>Cestino</h2>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="RestoreTrashItem">Ripristina ultima rimozione</button>
                                <button class="danger-command" @onclick="EmptyTrash">Svuota cestino</button>
                            </div>
                        </section>
                        <section class="panel-section">
                            <h2>Mappe offline</h2>
                            <label>
                                Livelli di zoom aggiuntivi
                                <input type="number" min="0" max="4" @bind="OfflineExtraZoomLevels" />
                            </label>
                            <button class="primary-command" @onclick="DownloadOfflineArea" disabled="@OfflineBusy">@(OfflineBusy ? "Download in corso..." : "Scarica area visibile")</button>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="UseOfflineMap">Usa mappe offline</button>
                                <button class="danger-command" @onclick="ClearOfflineArea">Svuota archivio</button>
                            </div>
                            <small class="field-help">@OfflineStatus</small>
                        </section>
                    </section>
                }
                else if (ActiveTab == "settings")
                {
                    <section class="panel-content">
                        <section class="panel-section">
                            <h2>Mappa e sfondo</h2>
                            <label>
                                Sfondo
                                <select value="@SelectedBaseLayer" @onchange="ChangeBaseLayer">
                                    <option value="satellite">Satellite - Esri World Imagery</option>
                                    <option value="osm">Strade - OpenStreetMap</option>
                                    <option value="streets-esri">Strade dettagliate - Esri World Street Map</option>
                                    <option value="topographic">Topografica - Esri World Topographic</option>
                                    <option value="terrain">Terreno - OpenTopoMap</option>
                                    <option value="carto">Strade chiare - CARTO Voyager</option>
                                    <option value="offline">Mappe salvate offline</option>
                                    <option value="azure-road">Strade - Azure Maps</option>
                                    <option value="azure-satellite">Satellite - Azure Maps</option>
                                    <option value="google-satellite">Satellite - Google Maps</option>
                                    <option value="google-roadmap">Strade - Google Maps</option>
                                </select>
                            </label>
                            <label>
                                Trasparenza catasto
                                <input type="range" min="0" max="1" step="0.05" value="@CadastralOpacity.ToString(System.Globalization.CultureInfo.InvariantCulture)" @onchange="ChangeCadastreOpacity" />
                            </label>
                        </section>

                        <section class="panel-section">
                            <h2>Servizi mappa con chiave</h2>
                            <label>
                                Chiave Google Maps Platform
                                <input type="password" @bind="GoogleMapsApiKey" placeholder="API key" autocomplete="off" />
                            </label>
                            <button class="secondary-command" @onclick="SaveGoogleMapsApiKey">Salva chiave Google</button>
                            <label>
                                Chiave sottoscrizione Azure Maps Gen2
                                <input type="password" @bind="AzureMapsSubscriptionKey" placeholder="Subscription key" autocomplete="off" />
                            </label>
                            <button class="secondary-command" @onclick="SaveAzureMapsKey">Salva chiave Azure Maps</button>
                            <div class="service-note">
                                <strong>Quota gratuita Azure Maps Gen2</strong>
                                <p>Include ogni mese 5.000 transazioni per le mappe stradali e 1.000 per le immagini satellitari. Ogni transazione comprende fino a 15 tessere.</p>
                            </div>
                        </section>

                        <section class="panel-section">
                            <h2>Modifica e sicurezza dati</h2>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="AutoSaveEnabled" @bind:after="ApplyAdvancedOptions" />
                                <span>Autosalvataggio locale dopo ogni modifica</span>
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="AutoSaveOpenProject" @bind:after="SaveFlagPreferences" />
                                <span>Aggiorna automaticamente il progetto aperto</span>
                            </label>
                            <label>
                                Backup automatico
                                <select @bind="AutomaticBackupFrequency" @bind:after="SaveFlagPreferences">
                                    <option value="off">Disattivato</option>
                                    <option value="daily">Giornaliero</option>
                                    <option value="weekly">Settimanale</option>
                                </select>
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="SnapEnabled" @bind:after="ApplyAdvancedOptions" />
                                <span>Aggancia i vertici agli oggetti vicini</span>
                            </label>
                            <label>
                                Distanza aggancio in pixel
                                <input type="range" min="4" max="40" step="1" @bind="SnapDistancePixels" @bind:after="ApplyAdvancedOptions" />
                            </label>
                        </section>

                        <section class="panel-section">
                            <h2>Sincronizzazione WebDAV</h2>
                            <label>
                                Indirizzo cartella o file WebDAV
                                <input type="url" @bind="WebDavEndpoint" placeholder="https://server/remote.php/dav/files/utente/cartella" />
                            </label>
                            <label>
                                Nome utente
                                <input @bind="WebDavUserName" autocomplete="username" />
                            </label>
                            <label>
                                Password o password applicazione
                                <input type="password" @bind="WebDavPassword" autocomplete="current-password" />
                            </label>
                            <button class="secondary-command" @onclick="SaveWebDavSettings">Salva configurazione</button>
                            <div class="button-row">
                                <button class="primary-command" @onclick="SyncUpload" disabled="@SyncBusy">Invia al cloud</button>
                                <button class="secondary-command" @onclick="SyncDownload" disabled="@SyncBusy">Scarica dal cloud</button>
                            </div>
                            <small class="field-help">@SyncStatus</small>
                        </section>

                        <section class="panel-section">
                            <h2>Aggiornamenti applicazione</h2>
                            <button class="primary-command" @onclick="CheckForUpdates" disabled="@UpdateBusy">@(UpdateBusy ? "Controllo..." : "Controlla nuova versione")</button>
                            @if (!string.IsNullOrWhiteSpace(UpdateDownloadUrl))
                            {
                                <button class="secondary-command" @onclick="OpenUpdateDownload">Scarica aggiornamento</button>
                            }
                            <small class="field-help">@UpdateStatus</small>
                            @if (!string.IsNullOrWhiteSpace(UpdateReleaseNotes))
                            {
                                <pre class="release-notes">@UpdateReleaseNotes</pre>
                            }
                        </section>

                        <section class="panel-section">
                            <h2>GPS e percorso</h2>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="ShowGpsPosition" @bind:after="ApplyGpsPositionVisibility" />
                                <span>Mostra punto e cerchio GPS</span>
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="TrailEnabled" @bind:after="ApplyTrailOption" />
                                <span>Registra la traccia mentre cammini</span>
                            </label>
                            <div class="button-row">
                                <button class="secondary-command" @onclick="ShowTrailStats">Riepilogo traccia</button>
                                <button class="danger-command" @onclick="ClearGpsTrail">Elimina traccia</button>
                            </div>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="GpsProximityEnabled" @bind:after="ApplyAdvancedOptions" />
                                <span>Distanza e direzione dal bordo selezionato</span>
                            </label>
                            <label class="toggle-line project-save-option">
                                <input type="checkbox" @bind="GpsBoundaryAlertEnabled" @bind:after="ApplyAdvancedOptions" />
                                <span>Avvisa quando entro o esco dall'area selezionata</span>
                            </label>
                            <button class="secondary-command" @onclick="SaveGpsMeasurementPoint">Salva punto GPS con precisione e ora</button>
                        </section>

                        <section class="panel-section">
                            <h2>Servizi Agenzia delle Entrate</h2>
                            <div class="service-note protected-service">
                                <strong>Download documenti e fogli ufficiali</strong>
                                <p>Il CAPTCHA o l'accesso SPID/CIE vengono gestiti direttamente dal sito dell'Agenzia. Per sicurezza l'app non tenta di aggirarli.</p>
                                <button class="primary-command" @onclick="OpenOfficialGeoportal">Apri Geoportale catastale</button>
                                <button class="secondary-command" @onclick="OpenOfficialReservedArea">Apri Area riservata per download</button>
                            </div>
                            <button class="secondary-command" @onclick="ExportCadastralImage">Mostra vista WMS corrente</button>
                            <footer>Dati catastali: Agenzia delle Entrate, licenza CC BY 4.0. App indipendente.</footer>
                        </section>
                    </section>
                }
            </aside>
        }

        <div id="mapInfo" class="map-info">Pronto</div>

        <div id="wmsPreview" class="wms-preview" hidden>
            <section class="wms-preview-dialog" role="dialog" aria-modal="true" aria-labelledby="wmsPreviewTitle">
                <header>
                    <div>
                        <strong id="wmsPreviewTitle">Vista WMS catastale</strong>
                        <small>Immagine ufficiale AdE con le particelle evidenziate dall'app</small>
                    </div>
                    <button id="closeWmsPreview" class="close-button" aria-label="Chiudi vista WMS">×</button>
                </header>
                <div class="wms-preview-body">
                    <span id="wmsPreviewLoading">Caricamento...</span>
                    <div id="wmsPreviewMap" class="wms-preview-map" hidden>
                        <img id="wmsPreviewImage" alt="Vista WMS catastale dell'area corrente" />
                        <svg id="wmsPreviewOverlay" aria-hidden="true" preserveAspectRatio="none"></svg>
                    </div>
                </div>
            </section>
        </div>

    </section>
</div>

@code {
    private const string FlagPreferencePrefix = "lme_flag_";
    private string ActiveTab { get; set; } = "map";
    private string SearchText { get; set; } = string.Empty;
    private string NewProjectName { get; set; } = string.Empty;
    private string ExportFileName { get; set; } = "Mappa";
    private string ExportFormat { get; set; } = "geojson";
    private string PoiName { get; set; } = string.Empty;
    private string SelectedProjectId { get; set; } = string.Empty;
    private string ProjectArchiveMessage { get; set; } = "Nessun progetto salvato.";
    private string ProjectFolder { get; set; } = string.Empty;
    private string SelectedVersionId { get; set; } = string.Empty;
    private string Status { get; set; } = "online";
    private string SelectedBaseLayer { get; set; } = "satellite";
    private string GoogleMapsApiKey { get; set; } = string.Empty;
    private string AzureMapsSubscriptionKey { get; set; } = string.Empty;
    private string SelectedRegionFile { get; set; } = string.Empty;
    private string SelectedMunicipalityCode { get; set; } = string.Empty;
    private string SelectedSheet { get; set; } = string.Empty;
    private string SelectedParcelNumber { get; set; } = string.Empty;
    private string CatalogMessage { get; set; } = string.Empty;
    private double? CatalogFraction { get; set; }
    private double CadastralOpacity { get; set; } = 0.75;
    private bool CatalogBusy { get; set; }
    private bool GpsActive { get; set; }
    private bool ShowGpsPosition { get; set; } = true;
    private bool ShowSelectedParcels { get; set; } = true;
    private bool ShowImportedData { get; set; } = true;
    private bool DrawToolsVisible { get; set; }
    private bool TrailEnabled { get; set; }
    private bool LayerPanelOpen { get; set; }
    private bool NavigationMenuOpen { get; set; }
    private bool HasUnsavedChanges { get; set; }
    private DotNetObjectReference<Home>? MapCallbackReference { get; set; }
    private bool IncludeCadastralParcels { get; set; } = true;
    private bool IncludeKmlSheetLayer { get; set; }
    private bool ShowImportedSheetLayer { get; set; }
    private bool ShowImportedMeasurements { get; set; }
    private bool ShowDrawingMeasurements { get; set; } = true;
    private bool ProjectBusy { get; set; }
    private bool ExportBusy { get; set; }
    private bool ExportImported { get; set; } = true;
    private bool ExportImportedSheets { get; set; } = true;
    private bool ExportCadastral { get; set; } = true;
    private bool ExportDrawings { get; set; } = true;
    private bool ExportPoi { get; set; } = true;
    private bool ExportTrail { get; set; } = true;
    private bool ExportSelectedOnly { get; set; }
    private bool AutoSaveEnabled { get; set; } = true;
    private bool AutoSaveOpenProject { get; set; }
    private string AutomaticBackupFrequency { get; set; } = "daily";
    private bool SnapEnabled { get; set; } = true;
    private int SnapDistancePixels { get; set; } = 14;
    private bool GpsProximityEnabled { get; set; } = true;
    private bool GpsBoundaryAlertEnabled { get; set; }
    private int OfflineExtraZoomLevels { get; set; } = 2;
    private bool OfflineBusy { get; set; }
    private string OfflineStatus { get; set; } = "Nessuna area verificata.";
    private string WebDavEndpoint { get; set; } = string.Empty;
    private string WebDavUserName { get; set; } = string.Empty;
    private string WebDavPassword { get; set; } = string.Empty;
    private bool SyncBusy { get; set; }
    private string SyncStatus { get; set; } = "Sincronizzazione non configurata.";
    private bool UpdateBusy { get; set; }
    private string UpdateStatus { get; set; } = $"Versione installata: {AppUpdateService.CurrentVersion}";
    private string UpdateDownloadUrl { get; set; } = string.Empty;
    private string UpdateReleaseNotes { get; set; } = string.Empty;
    private CancellationTokenSource? CatalogCancellation { get; set; }
    private CancellationTokenSource? GpsLookupCancellation { get; set; }
    private CancellationTokenSource? ProjectAutoSaveCancellation { get; set; }
    private long LastGpsLookupAt;
    private int GpsLookupInProgress;

    private IReadOnlyList<RegionOption> Regions { get; set; } = [];
    private IReadOnlyList<MunicipalityOption> Municipalities { get; set; } = [];
    private IReadOnlyList<string> Sheets { get; set; } = [];
    private IReadOnlyList<ParcelOption> Parcels { get; set; } = [];
    private IReadOnlyList<MapProjectSummary> Projects { get; set; } = [];
    private IReadOnlyList<MapProjectVersion> ProjectVersions { get; set; } = [];
    private MapProjectSummary? SelectedProject => Projects.FirstOrDefault(item => item.Id == SelectedProjectId);

    private MunicipalityOption? SelectedMunicipality =>
        Municipalities.FirstOrDefault(item => item.Code == SelectedMunicipalityCode);

    private ParcelOption? SelectedParcel =>
        Parcels.FirstOrDefault(item => item.Number == SelectedParcelNumber);

    private string PanelTitle => ActiveTab switch
    {
        "cadastre" => "Ricerca catastale",
        "data" => "Dati e disegni",
        "projects" => "Archivio progetti",
        "save" => "Salvataggio ed esportazione",
        "tools" => "Strumenti avanzati",
        "settings" => "Impostazioni",
        _ => string.Empty
    };

    private string PanelEyebrow => ActiveTab switch
    {
        "cadastre" => "Regione, Comune, Foglio, Particella",
        "data" => "File GIS, misure e POI",
        "projects" => "Salva, apri e visualizza i tuoi lavori",
        "save" => "Esporta file GIS",
        "tools" => "Oggetti, geometrie, coordinate e offline",
        "settings" => "Mappa, GPS e servizi ufficiali",
        _ => string.Empty
    };

    private readonly List<CadastralLayer> CadastralLayers =
    [
        new("CP.CadastralParcel", "Confini particelle", true),
        new("codice_plla", "Numeri particelle", true, "Visibili circa da zoom 17"),
        new("CP.CadastralZoning", "Fogli catastali", true),
        new("fabbricati", "Fabbricati", true),
        new("strade", "Strade catastali", false),
        new("acque", "Acque", false)
    ];

    protected override async Task OnInitializedAsync()
    {
        LoadFlagPreferences();

        try
        {
            GoogleMapsApiKey = await SecureStorage.Default.GetAsync("google_maps_api_key") ?? string.Empty;
        }
        catch
        {
            GoogleMapsApiKey = string.Empty;
        }

        try
        {
            AzureMapsSubscriptionKey = await SecureStorage.Default.GetAsync("azure_maps_subscription_key") ?? string.Empty;
        }
        catch
        {
            AzureMapsSubscriptionKey = string.Empty;
        }

        WebDavEndpoint = Preferences.Default.Get("webdav_endpoint", string.Empty);
        WebDavUserName = Preferences.Default.Get("webdav_username", string.Empty);
        try { WebDavPassword = await SecureStorage.Default.GetAsync("webdav_password") ?? string.Empty; }
        catch { WebDavPassword = string.Empty; }

        try
        {
            Regions = await CatalogService.GetRegionsAsync();
        }
        catch (Exception error)
        {
            CatalogMessage = $"Catalogo Comuni non disponibile: {error.Message}";
        }

        await RefreshProjectsAsync();
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            MapCallbackReference = DotNetObjectReference.Create(this);
            await JS.InvokeVoidAsync("lmeMap.init", MapCallbackReference);
            await ApplyFlagPreferencesToMapAsync();
            await ApplyAdvancedOptions();
            await CenterOnInitialLocationAsync();
            await MigrateLegacyProjectAsync();
            var offlineCount = await JS.InvokeAsync<int>("lmeMap.getOfflineTileStats");
            OfflineStatus = offlineCount == 0 ? "Nessuna tessera salvata." : $"{offlineCount} tessere disponibili offline.";
            await InvokeAsync(StateHasChanged);
        }
    }

    private async Task ConfigureProjectMapProviderAsync(string snapshot)
    {
        string? baseLayer = null;
        try
        {
            using var document = System.Text.Json.JsonDocument.Parse(snapshot);
            if (document.RootElement.TryGetProperty("displayOptions", out var displayOptions)
                && displayOptions.TryGetProperty("baseLayer", out var baseLayerProperty))
            {
                baseLayer = baseLayerProperty.GetString();
            }
        }
        catch
        {
            return;
        }

        try
        {
            if (baseLayer?.StartsWith("google-", StringComparison.Ordinal) == true
                && !string.IsNullOrWhiteSpace(GoogleMapsApiKey))
            {
                await JS.InvokeVoidAsync("lmeMap.configureGoogleMaps", GoogleMapsApiKey.Trim());
            }

            if (baseLayer?.StartsWith("azure-", StringComparison.Ordinal) == true
                && !string.IsNullOrWhiteSpace(AzureMapsSubscriptionKey))
            {
                await JS.InvokeVoidAsync("lmeMap.configureAzureMaps", AzureMapsSubscriptionKey.Trim());
            }
        }
        catch
        {
            // Loading continues with the default map if the saved provider is unavailable.
        }
    }

    private async Task CenterOnInitialLocationAsync()
    {
        NetworkLocationSnapshot? networkLocation = null;
        try
        {
            using var networkTimeout = new CancellationTokenSource(TimeSpan.FromSeconds(8));
            networkLocation = await NetworkLocationService.GetApproximateLocationAsync(networkTimeout.Token);
        }
        catch
        {
            // An unavailable IP service must not prevent the GPS fallback.
        }

        if (networkLocation is not null)
        {
            await JS.InvokeVoidAsync(
                "lmeMap.showInitialPosition",
                networkLocation.Latitude,
                networkLocation.Longitude,
                true,
                networkLocation.Label);
            return;
        }

        try
        {
            using var gpsTimeout = new CancellationTokenSource(TimeSpan.FromSeconds(18));
            var location = await LocationService.GetCurrentLocationAsync(gpsTimeout.Token);
            if (location is not null)
            {
                await JS.InvokeVoidAsync(
                    "lmeMap.showInitialPosition",
                    location.Latitude,
                    location.Longitude,
                    false,
                    string.Empty);
            }
            else
            {
                await JS.InvokeVoidAsync("lmeMap.showInfo", "Posizione iniziale non disponibile. La mappa resta utilizzabile normalmente.");
            }
        }
        catch (OperationCanceledException)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", "Posizione iniziale non disponibile. Usa Avvia GPS per riprovare.");
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Posizione iniziale non disponibile: {error.GetBaseException().Message}");
        }
    }

    private async Task MigrateLegacyProjectAsync()
    {
        try
        {
            var legacySnapshot = await JS.InvokeAsync<string?>("lmeMap.getLegacyProjectSnapshot");
            if (string.IsNullOrWhiteSpace(legacySnapshot))
            {
                return;
            }

            var migrated = await ProjectStorageService.SaveAsync(
                "Progetto precedente",
                legacySnapshot,
                false);
            await JS.InvokeVoidAsync("lmeMap.clearLegacyProjectSnapshot");
            await RefreshProjectsAsync();
            SelectedProjectId = migrated.Id;
            await InvokeAsync(StateHasChanged);
        }
        catch
        {
            // The legacy value remains available and migration can be retried at the next start.
        }
    }

    private async Task SelectTab(string tab)
    {
        NavigationMenuOpen = false;
        ActiveTab = tab;
        if (tab != "map")
        {
            LayerPanelOpen = false;
        }
        if (tab == "projects")
        {
            await RefreshProjectsAsync();
        }
        await Task.Delay(30);
        await JS.InvokeVoidAsync("lmeMap.resize");
        if (LayerPanelOpen)
        {
            await JS.InvokeVoidAsync("lmeMap.refreshLayerManager");
        }
    }

    private void ToggleNavigationMenu()
    {
        NavigationMenuOpen = !NavigationMenuOpen;
        if (NavigationMenuOpen) LayerPanelOpen = false;
    }

    private async Task ToggleLayerPanel()
    {
        LayerPanelOpen = !LayerPanelOpen;
        if (!LayerPanelOpen)
        {
            await JS.InvokeVoidAsync("lmeMap.clearLayerManagerSelection");
        }
        if (LayerPanelOpen)
        {
            ActiveTab = "map";
        }

        await Task.Delay(30);
        await JS.InvokeVoidAsync("lmeMap.resize");
        if (LayerPanelOpen)
        {
            await JS.InvokeVoidAsync("lmeMap.refreshLayerManager");
        }
    }

    private async Task SearchLocation()
    {
        if (string.IsNullOrWhiteSpace(SearchText))
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", "Inserisci una localita, un indirizzo o due coordinate.");
            return;
        }

        try
        {
            Status = "ricerca...";
            var result = await LocationSearchService.SearchAsync(SearchText);
            if (result is null)
            {
                Status = "online";
                await JS.InvokeVoidAsync("lmeMap.showInfo", "Localita non trovata. Prova ad aggiungere Comune e Provincia.");
                return;
            }

            await JS.InvokeVoidAsync("lmeMap.showSearchResult", result.Latitude, result.Longitude, result.Label);
            ActiveTab = "map";
            Status = "online";
        }
        catch (Exception error)
        {
            Status = "errore ricerca";
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Ricerca non riuscita: {error.Message}");
        }
    }

    private async Task OnRegionChanged(ChangeEventArgs args)
    {
        CancelCatalogWork();
        SelectedRegionFile = args.Value?.ToString() ?? string.Empty;
        SelectedMunicipalityCode = string.Empty;
        SelectedSheet = string.Empty;
        SelectedParcelNumber = string.Empty;
        Sheets = [];
        Parcels = [];
        CatalogMessage = string.Empty;
        Municipalities = string.IsNullOrWhiteSpace(SelectedRegionFile)
            ? []
            : await CatalogService.GetMunicipalitiesAsync(SelectedRegionFile);
    }

    private async Task OnMunicipalityChanged(ChangeEventArgs args)
    {
        SelectedMunicipalityCode = args.Value?.ToString() ?? string.Empty;
        SelectedSheet = string.Empty;
        SelectedParcelNumber = string.Empty;
        Sheets = [];
        Parcels = [];
        var municipality = SelectedMunicipality;
        if (municipality is null)
        {
            return;
        }

        var token = BeginCatalogWork();
        CatalogBusy = true;
        CatalogMessage = "Preparo il catalogo regionale...";
        CatalogFraction = null;
        try
        {
            Sheets = await CatalogService.GetSheetsAsync(municipality, CreateProgress(), token);
            CatalogMessage = $"Seleziona uno dei {Sheets.Count} fogli disponibili.";
            var mapLocation = await LocationSearchService.SearchAsync($"{municipality.Name}, Italia", token);
            if (mapLocation is not null)
            {
                await JS.InvokeVoidAsync("lmeMap.showSearchResult", mapLocation.Latitude, mapLocation.Longitude, mapLocation.Label);
            }
        }
        catch (OperationCanceledException)
        {
        }
        catch (Exception error)
        {
            CatalogMessage = $"Impossibile caricare i fogli: {error.Message}";
            await JS.InvokeVoidAsync("lmeMap.showInfo", CatalogMessage);
        }
        finally
        {
            CatalogBusy = false;
            CatalogFraction = null;
        }
    }

    private async Task OnSheetChanged(ChangeEventArgs args)
    {
        SelectedSheet = args.Value?.ToString() ?? string.Empty;
        SelectedParcelNumber = string.Empty;
        Parcels = [];
        var municipality = SelectedMunicipality;
        if (municipality is null || string.IsNullOrWhiteSpace(SelectedSheet))
        {
            return;
        }

        var token = BeginCatalogWork();
        CatalogBusy = true;
        CatalogMessage = "Carico le particelle del foglio...";
        CatalogFraction = null;
        try
        {
            Parcels = await CatalogService.GetParcelsAsync(municipality, SelectedSheet, CreateProgress(), token);
            CatalogMessage = $"Seleziona una delle {Parcels.Count} particelle disponibili.";
        }
        catch (OperationCanceledException)
        {
        }
        catch (Exception error)
        {
            CatalogMessage = $"Impossibile caricare le particelle: {error.Message}";
            await JS.InvokeVoidAsync("lmeMap.showInfo", CatalogMessage);
        }
        finally
        {
            CatalogBusy = false;
            CatalogFraction = null;
        }
    }

    private Task OnParcelChanged(ChangeEventArgs args)
    {
        SelectedParcelNumber = args.Value?.ToString() ?? string.Empty;
        return Task.CompletedTask;
    }

    private async Task LocateParcel()
    {
        var municipality = SelectedMunicipality;
        var parcel = SelectedParcel;
        if (municipality is null || parcel is null)
        {
            return;
        }

        try
        {
            var label = $"{municipality.Name} - foglio {DisplaySheet(SelectedSheet)}, particella {parcel.Number}";
            CatalogBusy = true;
            CatalogMessage = "Scarico il confine dal servizio ufficiale AdE...";
            var xml = await OfficialCadastreService.GetParcelsNearAsync(parcel.Latitude, parcel.Longitude, 8);
            await JS.InvokeVoidAsync("lmeMap.displayOfficialParcel", xml, parcel.Latitude, parcel.Longitude, parcel.Number, label, true);
            ActiveTab = "map";
            await Task.Delay(30);
            await JS.InvokeVoidAsync("lmeMap.resize");
        }
        catch (Exception error)
        {
            CatalogMessage = $"Particella non visualizzata: {error.Message}";
            await JS.InvokeVoidAsync("lmeMap.showInfo", CatalogMessage);
        }
        finally
        {
            CatalogBusy = false;
        }
    }

    private async Task ToggleGps()
    {
        if (GpsActive)
        {
            await StopGps();
        }
        else
        {
            await StartGps();
        }
    }

    private async Task ApplyGpsPositionVisibility()
    {
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setGpsPositionVisible", ShowGpsPosition);
    }

    private async Task StartGps()
    {
        GpsActive = true;
        GpsLookupCancellation?.Cancel();
        GpsLookupCancellation?.Dispose();
        GpsLookupCancellation = new CancellationTokenSource();
        var lookupToken = GpsLookupCancellation.Token;
        try
        {
            await LocationService.StartTrackingAsync(
                location => HandleGpsLocationAsync(location, lookupToken),
                async error => await InvokeAsync(() => JS.InvokeVoidAsync("lmeMap.setGpsError", error)));
            GpsActive = LocationService.IsTracking;
        }
        catch (Exception error)
        {
            GpsActive = false;
            await JS.InvokeVoidAsync("lmeMap.setGpsError", error.Message);
        }
    }

    private async Task StopGps()
    {
        LocationService.StopTracking();
        GpsLookupCancellation?.Cancel();
        GpsLookupCancellation?.Dispose();
        GpsLookupCancellation = null;
        GpsActive = false;
        await JS.InvokeVoidAsync("lmeMap.stopGps");
    }

    private async Task HandleGpsLocationAsync(LocationSnapshot location, CancellationToken cancellationToken)
    {
        await InvokeAsync(() => JS.InvokeVoidAsync("lmeMap.setNativeGpsPosition", location));

        var now = Environment.TickCount64;
        if (now - Interlocked.Read(ref LastGpsLookupAt) < 3_500
            || Interlocked.CompareExchange(ref GpsLookupInProgress, 1, 0) != 0)
        {
            return;
        }

        Interlocked.Exchange(ref LastGpsLookupAt, now);
        try
        {
            var radius = Math.Clamp(location.Accuracy ?? 5, 2, 25);
            var xml = await OfficialCadastreService.GetParcelsNearAsync(
                location.Latitude,
                location.Longitude,
                radius,
                cancellationToken);
            await InvokeAsync(() => JS.InvokeVoidAsync(
                "lmeMap.displayOfficialParcel",
                xml,
                location.Latitude,
                location.Longitude,
                null,
                "Posizione GPS",
                false));
        }
        catch (OperationCanceledException)
        {
        }
        catch (Exception error)
        {
            await InvokeAsync(() => JS.InvokeVoidAsync(
                "lmeMap.showInfo",
                $"Aggiornamento particella GPS non disponibile: {error.GetBaseException().Message}"));
        }
        finally
        {
            Interlocked.Exchange(ref GpsLookupInProgress, 0);
        }
    }

    private IProgress<CatalogProgress> CreateProgress() => new Progress<CatalogProgress>(progress =>
    {
        _ = InvokeAsync(() =>
        {
            CatalogMessage = progress.Message;
            CatalogFraction = progress.Fraction;
            StateHasChanged();
        });
    });

    private CancellationToken BeginCatalogWork()
    {
        CancelCatalogWork();
        CatalogCancellation = new CancellationTokenSource();
        return CatalogCancellation.Token;
    }

    private void CancelCatalogWork()
    {
        CatalogCancellation?.Cancel();
        CatalogCancellation?.Dispose();
        CatalogCancellation = null;
    }

    private static string DisplaySheet(string value)
    {
        var trimmed = value.TrimStart('0');
        return string.IsNullOrEmpty(trimmed) ? "0" : trimmed;
    }

    private Task FitImportedLayers() => JS.InvokeVoidAsync("lmeMap.fitImported").AsTask();
    private async Task ClearImportedLayers()
    {
        ShowImportedSheetLayer = false;
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.clearImported");
    }
    private Task AddProjectMarker() => JS.InvokeVoidAsync("lmeMap.addProjectMarker", PoiName).AsTask();

    private async Task ApplyKmlSheetLayerOption()
    {
        ShowImportedSheetLayer = IncludeKmlSheetLayer;
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setIncludeKmlSheetLayer", IncludeKmlSheetLayer);
        await JS.InvokeVoidAsync("lmeMap.setImportedSheetLayerVisible", ShowImportedSheetLayer);
    }

    private Task ApplyImportedSheetLayerVisibility()
    {
        SaveFlagPreferences();
        return JS.InvokeVoidAsync("lmeMap.setImportedSheetLayerVisible", ShowImportedSheetLayer).AsTask();
    }

    private async Task ApplyImportedMeasurementsVisibility()
    {
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setImportedMeasurementsVisible", ShowImportedMeasurements);
    }

    private async Task ApplyDrawingMeasurementsVisibility()
    {
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setDrawingMeasurementsVisible", ShowDrawingMeasurements);
    }

    [JSInvokable]
    public Task SetMeasurementsFromLayerManager(string category, bool enabled)
    {
        if (category == "imported")
        {
            ShowImportedMeasurements = enabled;
        }
        else if (category == "drawings")
        {
            ShowDrawingMeasurements = enabled;
        }
        SaveFlagPreferences();
        return InvokeAsync(StateHasChanged);
    }

    [JSInvokable]
    public Task OnMapChanged(string action)
    {
        HasUnsavedChanges = true;
        if (AutoSaveOpenProject && SelectedProject is { IsReadOnly: false })
        {
            ProjectAutoSaveCancellation?.Cancel();
            ProjectAutoSaveCancellation?.Dispose();
            ProjectAutoSaveCancellation = new CancellationTokenSource();
            _ = AutoSaveCurrentProjectAsync(ProjectAutoSaveCancellation.Token);
        }
        return InvokeAsync(StateHasChanged);
    }

    [JSInvokable]
    public Task OnProjectSaved()
    {
        HasUnsavedChanges = false;
        return InvokeAsync(StateHasChanged);
    }

    private async Task AutoSaveCurrentProjectAsync(CancellationToken cancellationToken)
    {
        try
        {
            await Task.Delay(TimeSpan.FromSeconds(3), cancellationToken);
            var project = SelectedProject;
            if (project is null || project.IsReadOnly) return;
            var snapshot = await JS.InvokeAsync<string>("lmeMap.createProjectSnapshot", IncludeCadastralParcels);
            await ProjectStorageService.SaveAsync(project.Name, snapshot, IncludeCadastralParcels, project.Id);
            await JS.InvokeVoidAsync("lmeMap.markProjectSaved");
            await RefreshProjectsAsync();
        }
        catch (OperationCanceledException) { }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Autosalvataggio progetto non riuscito: {error.GetBaseException().Message}");
        }
    }

    private async Task ToggleDrawTools()
    {
        DrawToolsVisible = !DrawToolsVisible;
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setDrawToolsVisible", DrawToolsVisible);

        if (DrawToolsVisible)
        {
            await SelectTab("map");
        }
    }

    private Task ClearDrawings() => JS.InvokeVoidAsync("lmeMap.clearDrawings").AsTask();

    private async Task RefreshProjectsAsync()
    {
        try
        {
            Projects = await ProjectStorageService.GetProjectsAsync();
            if (Projects.All(project => project.Id != SelectedProjectId))
            {
                SelectedProjectId = string.Empty;
            }
            ProjectArchiveMessage = Projects.Count == 0
                ? "Nessun progetto salvato."
                : $"{Projects.Count} {(Projects.Count == 1 ? "progetto salvato" : "progetti salvati")} nell'archivio interno.";
        }
        catch (Exception error)
        {
            ProjectArchiveMessage = $"Archivio non disponibile: {error.GetBaseException().Message}";
        }
    }

    private async Task SelectProject(ChangeEventArgs args)
    {
        SelectedProjectId = args.Value?.ToString() ?? string.Empty;
        ProjectFolder = SelectedProject?.Folder ?? string.Empty;
        SelectedVersionId = string.Empty;
        ProjectVersions = string.IsNullOrWhiteSpace(SelectedProjectId)
            ? []
            : await ProjectStorageService.GetVersionsAsync(SelectedProjectId);
    }

    private Task UndoMapChange() => JS.InvokeVoidAsync("lmeMap.undoMapChange").AsTask();
    private Task RedoMapChange() => JS.InvokeVoidAsync("lmeMap.redoMapChange").AsTask();
    private Task RestoreAutosave() => JS.InvokeVoidAsync("lmeMap.restoreAutosave").AsTask();
    private Task SaveGpsMeasurementPoint() => JS.InvokeVoidAsync("lmeMap.saveGpsMeasurementPoint").AsTask();
    private async Task ShowTrailStats()
    {
        var stats = await JS.InvokeAsync<TrailStats>("lmeMap.getGpsTrailStats");
        var duration = TimeSpan.FromSeconds(stats.DurationSeconds);
        await JS.InvokeVoidAsync("lmeMap.showInfo", $"Traccia: {stats.Points} punti, {stats.Length:0} m, durata {duration:hh\\:mm\\:ss}, {(stats.Recording ? "in registrazione" : "in pausa")}.");
    }
    private Task ClearGpsTrail() => JS.InvokeVoidAsync("lmeMap.clearGpsTrail").AsTask();

    private async Task DuplicateProject()
    {
        if (SelectedProject is null) return;
        var copy = await ProjectStorageService.DuplicateAsync(SelectedProject.Id);
        await RefreshProjectsAsync();
        SelectedProjectId = copy.Id;
        ProjectFolder = copy.Folder;
        await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto duplicato: {copy.Name}.");
    }

    private async Task UpdateProjectFolder()
    {
        if (SelectedProject is null) return;
        await ProjectStorageService.UpdateOrganizationAsync(SelectedProject.Id, ProjectFolder);
        await RefreshProjectsAsync();
        await JS.InvokeVoidAsync("lmeMap.showInfo", "Cartella del progetto aggiornata.");
    }

    private async Task ToggleProjectArchive()
    {
        if (SelectedProject is not { } project) return;
        await ProjectStorageService.UpdateOrganizationAsync(project.Id, isArchived: !project.IsArchived);
        await RefreshProjectsAsync();
        await JS.InvokeVoidAsync("lmeMap.showInfo", project.IsArchived ? "Progetto ripristinato." : "Progetto archiviato.");
    }

    private async Task ShareProject(bool readOnly)
    {
        if (SelectedProject is null) return;
        var path = await ProjectStorageService.CreateProjectPackageAsync(SelectedProject.Id, readOnly);
        await Share.Default.RequestAsync(new ShareFileRequest { Title = readOnly ? "Condividi progetto LME in sola lettura" : "Condividi progetto LME modificabile", File = new ShareFile(path, "application/json") });
    }

    private async Task ShareFullBackup()
    {
        var path = await ProjectStorageService.CreateBackupAsync();
        await Share.Default.RequestAsync(new ShareFileRequest { Title = "Backup completo LME Mappe Catastali", File = new ShareFile(path, "application/zip") });
    }

    private async Task RestoreBackup()
    {
        var file = await FilePicker.Default.PickAsync(new PickOptions { PickerTitle = "Scegli backup LME" });
        if (file is null) return;
        var path = await CopyPickedFileToCacheAsync(file);
        var count = await ProjectStorageService.RestoreBackupAsync(path);
        await RefreshProjectsAsync();
        await JS.InvokeVoidAsync("lmeMap.showInfo", $"Backup ripristinato: {count} progetti disponibili.");
    }

    private async Task ImportProject()
    {
        var file = await FilePicker.Default.PickAsync(new PickOptions { PickerTitle = "Scegli progetto LME" });
        if (file is null) return;
        var path = await CopyPickedFileToCacheAsync(file);
        var imported = await ProjectStorageService.ImportProjectAsync(path);
        await RefreshProjectsAsync();
        SelectedProjectId = imported.Id;
        await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto importato: {imported.Name}.");
    }

    private static async Task<string> CopyPickedFileToCacheAsync(FileResult file)
    {
        var path = Path.Combine(FileSystem.CacheDirectory, $"{Guid.NewGuid():N}-{file.FileName}");
        await using var input = await file.OpenReadAsync();
        await using var output = File.Create(path);
        await input.CopyToAsync(output);
        return path;
    }

    private async Task LoadProjectVersion()
    {
        if (SelectedProject is null || string.IsNullOrWhiteSpace(SelectedVersionId)) return;
        if (!await JS.InvokeAsync<bool>("lmeMap.confirmDiscardChanges", "aprire la revisione")) return;
        var snapshot = await ProjectStorageService.LoadVersionAsync(SelectedProject.Id, SelectedVersionId);
        var options = await JS.InvokeAsync<ProjectDisplayOptions>("lmeMap.loadProjectSnapshot", snapshot, $"{SelectedProject.Name} - revisione");
        ApplyProjectDisplayOptions(options);
        ActiveTab = "map";
    }

    private async Task CompareProjectVersion()
    {
        if (SelectedProject is null || string.IsNullOrWhiteSpace(SelectedVersionId)) return;
        var current = await ProjectStorageService.LoadAsync(SelectedProject.Id);
        var previous = await ProjectStorageService.LoadVersionAsync(SelectedProject.Id, SelectedVersionId);
        ProjectArchiveMessage = await JS.InvokeAsync<string>("lmeMap.compareProjectSnapshots", current, previous);
    }

    private async Task ExportMapFile()
    {
        if (!ExportImported && !ExportImportedSheets && !ExportCadastral
            && !ExportDrawings && !ExportPoi && !ExportTrail)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", "Seleziona almeno un tipo di oggetto da esportare.");
            return;
        }

        ExportBusy = true;
        try
        {
            var geoJson = await JS.InvokeAsync<string>("lmeMap.createMapExportGeoJson", new
            {
                includeImported = ExportImported,
                includeImportedSheets = ExportImportedSheets,
                includeCadastral = ExportCadastral,
                includeDrawings = ExportDrawings,
                includePoi = ExportPoi,
                includeTrail = ExportTrail,
                selectedOnly = ExportSelectedOnly
            });
            var exported = await MapExportService.CreateAsync(ExportFileName, ExportFormat, geoJson);
            await Share.Default.RequestAsync(new ShareFileRequest
            {
                Title = $"Salva o condividi {exported.FileName}",
                File = new ShareFile(exported.Path, exported.MimeType)
            });
            await JS.InvokeVoidAsync(
                "lmeMap.showInfo",
                $"File {exported.FileName} pronto: {exported.FeatureCount} oggetti esportati.");
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Esportazione non riuscita: {error.GetBaseException().Message}");
        }
        finally
        {
            ExportBusy = false;
        }
    }

    private async Task SaveProject()
    {
        var name = NewProjectName.Trim();
        if (string.IsNullOrWhiteSpace(name))
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", "Inserisci il nome del progetto.");
            return;
        }

        var existing = Projects.FirstOrDefault(project =>
            string.Equals(project.Name, name, StringComparison.CurrentCultureIgnoreCase));
        if (existing is not null
            && !await JS.InvokeAsync<bool>("confirm", $"Il progetto '{existing.Name}' esiste gia. Sovrascriverlo?"))
        {
            return;
        }

        ProjectBusy = true;
        try
        {
            var snapshot = await JS.InvokeAsync<string>("lmeMap.createProjectSnapshot", IncludeCadastralParcels);
            var saved = await ProjectStorageService.SaveAsync(
                name,
                snapshot,
                IncludeCadastralParcels,
                existing?.Id);
            await RefreshProjectsAsync();
            SelectedProjectId = saved.Id;
            NewProjectName = saved.Name;
            await JS.InvokeVoidAsync("lmeMap.setProjectReadOnly", false);
            await JS.InvokeVoidAsync("lmeMap.markProjectSaved");
            HasUnsavedChanges = false;
            await CreateAutomaticBackupIfDue();
            await JS.InvokeVoidAsync(
                "lmeMap.showInfo",
                IncludeCadastralParcels
                    ? $"Progetto salvato: {saved.Name}, incluse le particelle rosse."
                    : $"Progetto salvato: {saved.Name}, senza particelle rosse.");
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto non salvato: {error.GetBaseException().Message}");
        }
        finally
        {
            ProjectBusy = false;
        }
    }

    private async Task LoadProject()
    {
        var project = Projects.FirstOrDefault(item => item.Id == SelectedProjectId);
        if (project is null)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", "Seleziona il progetto da caricare.");
            return;
        }
        if (!await JS.InvokeAsync<bool>("lmeMap.confirmDiscardChanges", "aprire un altro progetto")) return;

        ProjectBusy = true;
        try
        {
            var snapshot = await ProjectStorageService.LoadAsync(project.Id);
            await ConfigureProjectMapProviderAsync(snapshot);
            var displayOptions = await JS.InvokeAsync<ProjectDisplayOptions>("lmeMap.loadProjectSnapshot", snapshot, project.Name);
            ApplyProjectDisplayOptions(displayOptions);
            NewProjectName = project.Name;
            ExportFileName = project.Name;
            IncludeCadastralParcels = project.IncludesCadastralParcels;
            await JS.InvokeVoidAsync("lmeMap.setProjectReadOnly", project.IsReadOnly);
            await JS.InvokeVoidAsync("lmeMap.markProjectSaved");
            HasUnsavedChanges = false;
            ActiveTab = "map";
            await Task.Delay(30);
            await JS.InvokeVoidAsync("lmeMap.resize");
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto non caricato: {error.GetBaseException().Message}");
        }
        finally
        {
            ProjectBusy = false;
        }
    }

    private void ApplyProjectDisplayOptions(ProjectDisplayOptions options)
    {
        SelectedBaseLayer = options.BaseLayer;
        CadastralOpacity = options.CadastreOpacity;
        IncludeKmlSheetLayer = options.IncludeKmlSheetLayer;
        ShowImportedData = options.ImportedVisible;
        ShowImportedSheetLayer = options.ImportedSheetsVisible;
        ShowImportedMeasurements = options.ShowImportedMeasurements;
        ShowDrawingMeasurements = options.ShowDrawingMeasurements;
        DrawToolsVisible = options.DrawToolsVisible;
        ShowGpsPosition = options.GpsPositionVisible;
        ShowSelectedParcels = options.SelectedParcelsVisible;
        TrailEnabled = options.TrailEnabled;

        var activeLayers = (options.CadastreLayers ?? []).ToHashSet(StringComparer.Ordinal);
        foreach (var layer in CadastralLayers)
        {
            layer.Enabled = activeLayers.Contains(layer.Key);
        }
        SaveFlagPreferences();
    }

    private async Task DeleteProject()
    {
        var project = Projects.FirstOrDefault(item => item.Id == SelectedProjectId);
        if (project is null)
        {
            return;
        }
        if (!await JS.InvokeAsync<bool>("confirm", $"Eliminare definitivamente il progetto '{project.Name}'?"))
        {
            return;
        }

        ProjectBusy = true;
        try
        {
            await ProjectStorageService.DeleteAsync(project.Id);
            SelectedProjectId = string.Empty;
            await RefreshProjectsAsync();
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto eliminato: {project.Name}.");
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Progetto non eliminato: {error.GetBaseException().Message}");
        }
        finally
        {
            ProjectBusy = false;
        }
    }

    private Task ShowObjectTable() => JS.InvokeVoidAsync("lmeMap.showObjectTable").AsTask();
    private Task ShowAuditLog() => JS.InvokeVoidAsync("lmeMap.showAuditLog").AsTask();
    private Task ShowCoordinateInspector() => JS.InvokeVoidAsync("lmeMap.showCoordinateInspector").AsTask();
    private Task ValidateSelectedGeometries() => JS.InvokeVoidAsync("lmeMap.validateAndRepairSelected").AsTask();
    private Task CreateSelectedHole() => JS.InvokeVoidAsync("lmeMap.createHoleFromSelected").AsTask();
    private Task CompareSelectedGeometries() => JS.InvokeVoidAsync("lmeMap.compareSelectedGeometries").AsTask();
    private Task RestoreTrashItem() => JS.InvokeVoidAsync("lmeMap.restoreLastTrashItem").AsTask();
    private Task EmptyTrash() => JS.InvokeVoidAsync("lmeMap.emptyTrash").AsTask();

    private async Task DownloadOfflineArea()
    {
        OfflineBusy = true;
        try
        {
            var result = await JS.InvokeAsync<OfflineDownloadResult>("lmeMap.downloadOfflineArea", OfflineExtraZoomLevels);
            OfflineStatus = $"{result.Saved} tessere disponibili, zoom {result.StartZoom}-{result.EndZoom}.";
        }
        catch (Exception error) { OfflineStatus = $"Download non riuscito: {error.GetBaseException().Message}"; }
        finally { OfflineBusy = false; }
    }

    private async Task UseOfflineMap()
    {
        await JS.InvokeVoidAsync("lmeMap.setBaseLayer", "offline");
        SelectedBaseLayer = "offline";
    }

    private async Task ClearOfflineArea()
    {
        if (!await JS.InvokeAsync<bool>("confirm", "Svuotare tutte le mappe salvate offline?")) return;
        await JS.InvokeVoidAsync("lmeMap.clearOfflineTiles");
        OfflineStatus = "Nessuna tessera salvata.";
    }

    private async Task SaveWebDavSettings()
    {
        Preferences.Default.Set("webdav_endpoint", WebDavEndpoint.Trim());
        Preferences.Default.Set("webdav_username", WebDavUserName.Trim());
        if (string.IsNullOrWhiteSpace(WebDavPassword)) SecureStorage.Default.Remove("webdav_password");
        else await SecureStorage.Default.SetAsync("webdav_password", WebDavPassword);
        SyncStatus = "Configurazione WebDAV salvata sul dispositivo.";
    }

    private async Task SyncUpload()
    {
        SyncBusy = true;
        try
        {
            await SaveWebDavSettings();
            var backup = await ProjectStorageService.CreateBackupAsync();
            await CloudSyncService.UploadAsync(WebDavEndpoint, WebDavUserName, WebDavPassword, backup);
            SyncStatus = $"Archivio inviato al cloud il {DateTime.Now:dd/MM/yyyy HH:mm}.";
        }
        catch (Exception error) { SyncStatus = $"Invio non riuscito: {error.GetBaseException().Message}"; }
        finally { SyncBusy = false; }
    }

    private async Task SyncDownload()
    {
        if (!await JS.InvokeAsync<bool>("lmeMap.confirmDiscardChanges", "ripristinare l'archivio cloud")) return;
        SyncBusy = true;
        try
        {
            await SaveWebDavSettings();
            var backup = await CloudSyncService.DownloadAsync(WebDavEndpoint, WebDavUserName, WebDavPassword);
            var count = await ProjectStorageService.RestoreBackupAsync(backup);
            await RefreshProjectsAsync();
            SyncStatus = $"Sincronizzazione completata: {count} progetti ripristinati.";
        }
        catch (Exception error) { SyncStatus = $"Download non riuscito: {error.GetBaseException().Message}"; }
        finally { SyncBusy = false; }
    }

    private async Task CheckForUpdates()
    {
        UpdateBusy = true;
        UpdateDownloadUrl = string.Empty;
        UpdateReleaseNotes = string.Empty;
        try
        {
            var update = await AppUpdateService.CheckAsync();
            UpdateReleaseNotes = update.ReleaseNotes;
            if (update.IsAvailable)
            {
                UpdateStatus = $"Installata {AppUpdateService.CurrentVersion}. Disponibile {update.Version}.";
                UpdateDownloadUrl = update.DownloadUrl;
            }
            else UpdateStatus = $"Versione {AppUpdateService.CurrentVersion} aggiornata. Ultima release Gitea: {update.Version}.";
        }
        catch (Exception error) { UpdateStatus = $"Controllo non riuscito: {error.GetBaseException().Message}"; }
        finally { UpdateBusy = false; }
    }

    private Task OpenUpdateDownload() => string.IsNullOrWhiteSpace(UpdateDownloadUrl)
        ? Task.CompletedTask
        : Launcher.Default.OpenAsync(new Uri(UpdateDownloadUrl));

    private async Task CreateAutomaticBackupIfDue()
    {
        if (AutomaticBackupFrequency == "off") return;
        var latest = ProjectStorageService.GetLatestScheduledBackupTime();
        var interval = AutomaticBackupFrequency == "weekly" ? TimeSpan.FromDays(7) : TimeSpan.FromDays(1);
        if (latest is null || DateTimeOffset.UtcNow - latest.Value.ToUniversalTime() >= interval)
        {
            await ProjectStorageService.CreateScheduledBackupAsync();
        }
    }

    private Task CenterOnGps() => JS.InvokeVoidAsync("lmeMap.centerOnGps").AsTask();
    private async Task ApplyTrailOption()
    {
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.toggleTrail", TrailEnabled);
    }
    private async Task ChangeBaseLayer(ChangeEventArgs args)
    {
        var requestedLayer = args.Value?.ToString() ?? "satellite";
        try
        {
            if (requestedLayer.StartsWith("google-", StringComparison.Ordinal))
            {
                if (string.IsNullOrWhiteSpace(GoogleMapsApiKey))
                {
                    await JS.InvokeVoidAsync("lmeMap.showInfo", "Inserisci e salva una chiave Google Maps Platform per usare questo sfondo.");
                    return;
                }

                await JS.InvokeVoidAsync("lmeMap.configureGoogleMaps", GoogleMapsApiKey.Trim());
            }

            if (requestedLayer.StartsWith("azure-", StringComparison.Ordinal))
            {
                if (string.IsNullOrWhiteSpace(AzureMapsSubscriptionKey))
                {
                    await JS.InvokeVoidAsync("lmeMap.showInfo", "Inserisci e salva la chiave della sottoscrizione Azure Maps.");
                    return;
                }

                await AzureMapsService.ValidateKeyAsync(AzureMapsSubscriptionKey);
                await JS.InvokeVoidAsync("lmeMap.configureAzureMaps", AzureMapsSubscriptionKey.Trim());
            }

            await JS.InvokeVoidAsync("lmeMap.setBaseLayer", requestedLayer);
            SelectedBaseLayer = requestedLayer;
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Sfondo non disponibile: {error.GetBaseException().Message}");
        }
    }

    private async Task SaveGoogleMapsApiKey()
    {
        try
        {
            if (string.IsNullOrWhiteSpace(GoogleMapsApiKey))
            {
                SecureStorage.Default.Remove("google_maps_api_key");
                await JS.InvokeVoidAsync("lmeMap.showInfo", "Chiave Google rimossa.");
                return;
            }

            GoogleMapsApiKey = GoogleMapsApiKey.Trim();
            await SecureStorage.Default.SetAsync("google_maps_api_key", GoogleMapsApiKey);
            await JS.InvokeVoidAsync("lmeMap.configureGoogleMaps", GoogleMapsApiKey);
            await JS.InvokeVoidAsync("lmeMap.showInfo", "Chiave Google salvata sul dispositivo.");
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Chiave Google non salvata: {error.Message}");
        }
    }

    private async Task SaveAzureMapsKey()
    {
        try
        {
            if (string.IsNullOrWhiteSpace(AzureMapsSubscriptionKey))
            {
                SecureStorage.Default.Remove("azure_maps_subscription_key");
                await JS.InvokeVoidAsync("lmeMap.clearAzureMaps");
                if (SelectedBaseLayer.StartsWith("azure-", StringComparison.Ordinal))
                {
                    SelectedBaseLayer = "satellite";
                }
                await JS.InvokeVoidAsync("lmeMap.showInfo", "Chiave Azure Maps rimossa.");
                return;
            }

            AzureMapsSubscriptionKey = AzureMapsSubscriptionKey.Trim();
            await AzureMapsService.ValidateKeyAsync(AzureMapsSubscriptionKey);
            await SecureStorage.Default.SetAsync("azure_maps_subscription_key", AzureMapsSubscriptionKey);
            await JS.InvokeVoidAsync("lmeMap.configureAzureMaps", AzureMapsSubscriptionKey);
            await JS.InvokeVoidAsync("lmeMap.showInfo", "Chiave Azure Maps valida e salvata sul dispositivo.");
        }
        catch (Exception error)
        {
            await JS.InvokeVoidAsync("lmeMap.showInfo", $"Chiave Azure Maps non salvata: {error.GetBaseException().Message}");
        }
    }
    private async Task ChangeCadastreOpacity(ChangeEventArgs args)
    {
        var text = args.Value?.ToString();
        if (!double.TryParse(text, System.Globalization.NumberStyles.Float, System.Globalization.CultureInfo.InvariantCulture, out var value)
            && !double.TryParse(text, out value))
        {
            return;
        }

        CadastralOpacity = Math.Clamp(value, 0, 1);
        await JS.InvokeVoidAsync("lmeMap.setCadastreOpacity", CadastralOpacity);
    }

    private async Task ToggleCadastreLayer(CadastralLayer layer, ChangeEventArgs args)
    {
        layer.Enabled = args.Value is true;
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.toggleCadastreLayer", layer.Key, layer.Enabled);
    }

    private void LoadFlagPreferences()
    {
        IncludeCadastralParcels = GetFlagPreference("include_cadastral_parcels", true);
        IncludeKmlSheetLayer = GetFlagPreference("include_kml_sheet_layer", false);
        ShowImportedData = GetFlagPreference("show_imported_data", true);
        ShowImportedSheetLayer = GetFlagPreference("show_imported_sheet_layer", false);
        ShowImportedMeasurements = GetFlagPreference("show_imported_measurements", false);
        ShowDrawingMeasurements = GetFlagPreference("show_drawing_measurements", true);
        DrawToolsVisible = GetFlagPreference("draw_tools_visible", false);
        ShowGpsPosition = GetFlagPreference("show_gps_position", true);
        ShowSelectedParcels = GetFlagPreference("show_selected_parcels", true);
        TrailEnabled = GetFlagPreference("trail_enabled", false);
        ExportImported = GetFlagPreference("export_imported", true);
        ExportImportedSheets = GetFlagPreference("export_imported_sheets", true);
        ExportCadastral = GetFlagPreference("export_cadastral", true);
        ExportDrawings = GetFlagPreference("export_drawings", true);
        ExportPoi = GetFlagPreference("export_poi", true);
        ExportTrail = GetFlagPreference("export_trail", true);
        ExportSelectedOnly = GetFlagPreference("export_selected_only", false);
        AutoSaveEnabled = GetFlagPreference("auto_save", true);
        AutoSaveOpenProject = GetFlagPreference("auto_save_project", false);
        AutomaticBackupFrequency = Preferences.Default.Get($"{FlagPreferencePrefix}backup_frequency", "daily");
        SnapEnabled = GetFlagPreference("snap_enabled", true);
        SnapDistancePixels = Preferences.Default.Get($"{FlagPreferencePrefix}snap_distance", 14);
        OfflineExtraZoomLevels = Preferences.Default.Get($"{FlagPreferencePrefix}offline_zoom_levels", 2);
        GpsProximityEnabled = GetFlagPreference("gps_proximity", true);
        GpsBoundaryAlertEnabled = GetFlagPreference("gps_boundary_alert", false);

        foreach (var layer in CadastralLayers)
        {
            layer.Enabled = GetFlagPreference($"cadastre_layer_{layer.Key}", layer.Enabled);
        }
    }

    private void SaveFlagPreferences()
    {
        SetFlagPreference("include_cadastral_parcels", IncludeCadastralParcels);
        SetFlagPreference("include_kml_sheet_layer", IncludeKmlSheetLayer);
        SetFlagPreference("show_imported_data", ShowImportedData);
        SetFlagPreference("show_imported_sheet_layer", ShowImportedSheetLayer);
        SetFlagPreference("show_imported_measurements", ShowImportedMeasurements);
        SetFlagPreference("show_drawing_measurements", ShowDrawingMeasurements);
        SetFlagPreference("draw_tools_visible", DrawToolsVisible);
        SetFlagPreference("show_gps_position", ShowGpsPosition);
        SetFlagPreference("show_selected_parcels", ShowSelectedParcels);
        SetFlagPreference("trail_enabled", TrailEnabled);
        SetFlagPreference("export_imported", ExportImported);
        SetFlagPreference("export_imported_sheets", ExportImportedSheets);
        SetFlagPreference("export_cadastral", ExportCadastral);
        SetFlagPreference("export_drawings", ExportDrawings);
        SetFlagPreference("export_poi", ExportPoi);
        SetFlagPreference("export_trail", ExportTrail);
        SetFlagPreference("export_selected_only", ExportSelectedOnly);
        SetFlagPreference("auto_save", AutoSaveEnabled);
        SetFlagPreference("auto_save_project", AutoSaveOpenProject);
        Preferences.Default.Set($"{FlagPreferencePrefix}backup_frequency", AutomaticBackupFrequency);
        SetFlagPreference("snap_enabled", SnapEnabled);
        Preferences.Default.Set($"{FlagPreferencePrefix}snap_distance", SnapDistancePixels);
        Preferences.Default.Set($"{FlagPreferencePrefix}offline_zoom_levels", OfflineExtraZoomLevels);
        SetFlagPreference("gps_proximity", GpsProximityEnabled);
        SetFlagPreference("gps_boundary_alert", GpsBoundaryAlertEnabled);

        foreach (var layer in CadastralLayers)
        {
            SetFlagPreference($"cadastre_layer_{layer.Key}", layer.Enabled);
        }
    }

    private async Task ApplyFlagPreferencesToMapAsync()
    {
        await JS.InvokeVoidAsync("lmeMap.setIncludeKmlSheetLayer", IncludeKmlSheetLayer);
        await JS.InvokeVoidAsync("lmeMap.setImportedLayerVisible", ShowImportedData);
        await JS.InvokeVoidAsync("lmeMap.setImportedSheetLayerVisible", ShowImportedSheetLayer);
        await JS.InvokeVoidAsync("lmeMap.setImportedMeasurementsVisible", ShowImportedMeasurements);
        await JS.InvokeVoidAsync("lmeMap.setDrawingMeasurementsVisible", ShowDrawingMeasurements);
        await JS.InvokeVoidAsync("lmeMap.setDrawToolsVisible", DrawToolsVisible);
        await JS.InvokeVoidAsync("lmeMap.setGpsPositionVisible", ShowGpsPosition);
        await JS.InvokeVoidAsync("lmeMap.setSelectedParcelsVisible", ShowSelectedParcels);
        await JS.InvokeVoidAsync("lmeMap.toggleTrail", TrailEnabled);

        foreach (var layer in CadastralLayers)
        {
            await JS.InvokeVoidAsync("lmeMap.toggleCadastreLayer", layer.Key, layer.Enabled);
        }
    }

    private async Task ApplyAdvancedOptions()
    {
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setAdvancedOptions", new
        {
            autoSaveEnabled = AutoSaveEnabled,
            snapEnabled = SnapEnabled,
            snapDistancePixels = SnapDistancePixels,
            gpsProximityEnabled = GpsProximityEnabled,
            gpsBoundaryAlertEnabled = GpsBoundaryAlertEnabled
        });
    }

    private static bool GetFlagPreference(string name, bool defaultValue) =>
        Preferences.Default.Get($"{FlagPreferencePrefix}{name}", defaultValue);

    private static void SetFlagPreference(string name, bool value) =>
        Preferences.Default.Set($"{FlagPreferencePrefix}{name}", value);

    private async Task ApplySelectedParcelsVisibility()
    {
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setSelectedParcelsVisible", ShowSelectedParcels);
    }

    private async Task ApplyImportedDataVisibility()
    {
        SaveFlagPreferences();
        await JS.InvokeVoidAsync("lmeMap.setImportedLayerVisible", ShowImportedData);
    }

    private async Task ExportCadastralImage()
    {
        ActiveTab = "map";
        LayerPanelOpen = false;
        await Task.Delay(30);
        await JS.InvokeVoidAsync("lmeMap.resize");
        await JS.InvokeVoidAsync("lmeMap.exportCadastreView");
    }

    private Task ClearSelectedParcels() => JS.InvokeVoidAsync("lmeMap.clearSelectedParcels").AsTask();

    private Task ClearMapElements() => JS.InvokeVoidAsync("lmeMap.clearMapElements").AsTask();

    private Task OpenOfficialGeoportal() => Microsoft.Maui.ApplicationModel.Launcher.Default.OpenAsync(
        new Uri("https://geoportale.cartografia.agenziaentrate.gov.it/"));

    private Task OpenOfficialReservedArea() => Microsoft.Maui.ApplicationModel.Launcher.Default.OpenAsync(
        new Uri("https://www.agenziaentrate.gov.it/portale/area-riservata"));

    private sealed class CadastralLayer(string key, string name, bool enabled, string detail = "")
    {
        public string Key { get; } = key;
        public string Name { get; } = name;
        public bool Enabled { get; set; } = enabled;
        public string Detail { get; } = detail;
    }

    private sealed class ProjectDisplayOptions
    {
        public string BaseLayer { get; init; } = "satellite";
        public double CadastreOpacity { get; init; } = 0.75;
        public string[] CadastreLayers { get; init; } = [];
        public bool IncludeKmlSheetLayer { get; init; }
        public bool ImportedVisible { get; init; } = true;
        public bool ImportedSheetsVisible { get; init; }
        public bool ShowImportedMeasurements { get; init; }
        public bool ShowDrawingMeasurements { get; init; } = true;
        public bool DrawToolsVisible { get; init; }
        public bool GpsPositionVisible { get; init; } = true;
        public bool SelectedParcelsVisible { get; init; } = true;
        public bool TrailEnabled { get; init; }
    }

    private sealed class OfflineDownloadResult
    {
        public int Saved { get; init; }
        public int Requested { get; init; }
        public int StartZoom { get; init; }
        public int EndZoom { get; init; }
    }

    private sealed class TrailStats
    {
        public int Points { get; init; }
        public double Length { get; init; }
        public int DurationSeconds { get; init; }
        public bool Recording { get; init; }
    }

    public ValueTask DisposeAsync()
    {
        CancelCatalogWork();
        LocationService.StopTracking();
        GpsLookupCancellation?.Cancel();
        GpsLookupCancellation?.Dispose();
        ProjectAutoSaveCancellation?.Cancel();
        ProjectAutoSaveCancellation?.Dispose();
        MapCallbackReference?.Dispose();
        return ValueTask.CompletedTask;
    }
}