letro-ios/ElementX/Sources/Screens/LocationSharing/View/StaticLocationScreen.swift

//
// Copyright 2023, 2024 New Vector Ltd.
//
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
// Please see LICENSE files in the repository root for full details.
//

import Compound
import SwiftUI

struct StaticLocationScreen: View {
    @Bindable var context: StaticLocationScreenViewModel.Context
    
    var body: some View {
        VStack(spacing: 0) {
            if let locationDescription = context.viewState.locationDescription {
                Text(locationDescription)
                    .lineLimit(2)
                    .foregroundColor(Color.compound.textPrimary)
                    .font(.compound.bodyMD)
                    .padding(.horizontal, 16)
                    .padding(.vertical, 8)
            }
            mapView
        }
        .track(screen: context.viewState.isLocationPickerMode ? .LocationSend : .LocationView)
        .navigationTitle(context.viewState.navigationTitle)
        .navigationBarTitleDisplayMode(.inline)
        .toolbar { toolbar }
        .alert(item: $context.alertInfo)
    }
    
    private var mapView: some View {
        ZStack(alignment: .center) {
            MapLibreMapView(mapURLBuilder: context.viewState.mapURLBuilder,
                            options: mapOptions,
                            showsUserLocationMode: $context.showsUserLocationMode,
                            error: $context.mapError,
                            mapCenterCoordinate: $context.mapCenterLocation,
                            isLocationAuthorized: $context.isLocationAuthorized,
                            geolocationUncertainty: $context.geolocationUncertainty) {
                context.send(viewAction: .userDidPan)
            }
            .ignoresSafeArea(.all, edges: mapSafeAreaEdges)

            if context.viewState.isLocationPickerMode {
                LocationMarkerView()
            }
        }
        .overlay(alignment: .bottomTrailing) {
            centerToUserLocationButton
        }
    }

    // MARK: - Private
    
    @ToolbarContentBuilder
    private var toolbar: some ToolbarContent {
        ToolbarItem(placement: .navigationBarLeading) {
            closeButton
        }

        if context.viewState.showShareAction {
            ToolbarItem(placement: .navigationBarTrailing) {
                shareButton
                    .popover(isPresented: $context.showShareSheet) { shareSheet }
            }
        }

        if context.viewState.isLocationPickerMode {
            ToolbarItemGroup(placement: .bottomBar) {
                selectLocationButton
                Spacer()
            }
        }
    }

    private var mapOptions: MapLibreMapView.Options {
        var annotations: [LocationAnnotation] = []
        if context.viewState.isLocationPickerMode == false {
            let annotation = LocationAnnotation(coordinate: context.viewState.initialMapCenter, anchorPoint: .bottomCenter) {
                LocationMarkerView()
            }
            annotations.append(annotation)
        }

        return .init(zoomLevel: context.viewState.zoomLevel,
                     initialZoomLevel: context.viewState.initialZoomLevel,
                     mapCenter: context.viewState.initialMapCenter,
                     annotations: annotations)
    }

    private var mapSafeAreaEdges: Edge.Set {
        context.viewState.isLocationPickerMode ? .horizontal : [.horizontal, .bottom]
    }
    
    private var selectLocationButton: some View {
        Button {
            context.send(viewAction: .selectLocation)
        } label: {
            HStack(spacing: 8) {
                CompoundIcon(\.shareIos)
                Text(context.viewState.isSharingUserLocation ? L10n.screenShareMyLocationAction : L10n.screenShareThisLocationAction)
            }
        }
    }
    
    private var centerToUserLocationButton: some View {
        Button {
            context.send(viewAction: .centerToUser)
        } label: {
            CompoundIcon(context.viewState.isSharingUserLocation ? \.locationNavigatorCentred : \.locationNavigator)
                .padding(8)
                .background(.compound.bgCanvasDefault, in: RoundedRectangle(cornerRadius: 6))
        }
        .dynamicTypeSize(.large)
        .padding(16)
    }
    
    private var closeButton: some View {
        Button(L10n.actionCancel) {
            context.send(viewAction: .close)
        }
    }

    private var shareButton: some View {
        Button {
            context.showShareSheet = true
        } label: {
            Image(systemName: "square.and.arrow.up")
        }
    }

    @ViewBuilder
    private var shareSheet: some View {
        let location = context.viewState.initialMapCenter
        let locationDescription = context.viewState.locationDescription
        AppActivityView(activityItems: [ShareToMapsAppActivity.MapsAppType.apple.activityURL(for: location, locationDescription: locationDescription)],
                        applicationActivities: ShareToMapsAppActivity.MapsAppType.allCases.map { ShareToMapsAppActivity(type: $0, location: location, locationDescription: locationDescription) })
            .edgesIgnoringSafeArea(.bottom)
            .presentationDetents([.medium, .large])
            .presentationDragIndicator(.hidden)
    }
}

// MARK: - Previews

struct StaticLocationScreenViewer_Previews: PreviewProvider, TestablePreview {
    static let viewModel = StaticLocationScreenViewModel(interactionMode: .viewOnly(geoURI: .init(latitude: 41.9027835,
                                                                                                  longitude: 12.4963655)),
                                                         mapURLBuilder: ServiceLocator.shared.settings.mapTilerConfiguration,
                                                         timelineController: MockTimelineController(),
                                                         analytics: ServiceLocator.shared.analytics,
                                                         userIndicatorController: UserIndicatorControllerMock())
    static let pickerViewModel = StaticLocationScreenViewModel(interactionMode: .picker,
                                                               mapURLBuilder: ServiceLocator.shared.settings.mapTilerConfiguration,
                                                               timelineController: MockTimelineController(),
                                                               analytics: ServiceLocator.shared.analytics,
                                                               userIndicatorController: UserIndicatorControllerMock())
    static let descriptionViewModel = StaticLocationScreenViewModel(interactionMode: .viewOnly(geoURI: .init(latitude: 41.9027835,
                                                                                                             longitude: 12.4963655),
                                                                                               description: "Cool position"),
                                                                    mapURLBuilder: ServiceLocator.shared.settings.mapTilerConfiguration,
                                                                    timelineController: MockTimelineController(),
                                                                    analytics: ServiceLocator.shared.analytics,
                                                                    userIndicatorController: UserIndicatorControllerMock())
    
    static var previews: some View {
        NavigationStack {
            StaticLocationScreen(context: pickerViewModel.context)
        }
        .previewDisplayName("Picker")

        NavigationStack {
            StaticLocationScreen(context: viewModel.context)
        }
        .previewDisplayName("View Only")

        NavigationStack {
            StaticLocationScreen(context: descriptionViewModel.context)
        }
        .previewDisplayName("View Only (with description)")
    }
}

private extension CGPoint {
    static let bottomCenter: Self = .init(x: 0.5, y: 1)
}