SafetyMapView.swift

//
//  SafetyMapView.swift
//  berkeley-mobile
//
//  Created by Justin Wong on 3/10/25.
//  Copyright © 2025 ASUC OCTO. All rights reserved.
//

import MapKit
import SwiftUI

struct SafetyMapView: View {
    @EnvironmentObject var safetyViewModel: SafetyViewModel
    
    @State private var isShowingLegend = false
    @Binding var selectedSafetyLog: BMSafetyLog?
    @Binding var drawerViewState: BMDrawerViewState
    var isPresentingDetailView: Bool
    
    var body: some View {
        oldMapView
    }

    private var oldMapView: some View {
        Map(coordinateRegion: .constant(BMConstants.mapBoundsRegion), showsUserLocation: true, annotationItems: safetyViewModel.filteredSafetyLogs) { safetyLog in
            MapPin(coordinate: safetyLog.coordinate)
        }
        .edgesIgnoringSafeArea(.all)
    }
}


// MARK: - SafetyNewMapView

struct SafetyNewMapView: View {
    @EnvironmentObject var safetyViewModel: SafetyViewModel
    
    @State private var mapCameraPosition = MapCameraPosition.automatic
    @State private var isShowingAllMarkers = true
    @State private var isZoomIn = true
    @Binding var selectedSafetyLog: BMSafetyLog?
    @Binding var isShowingLegend: Bool
    @Binding var drawerViewState: BMDrawerViewState
    var isPresentingDetailView: Bool
    
    private let bounds = MapCameraBounds(centerCoordinateBounds: BMConstants.mapBoundsRegion, maximumDistance: BMConstants.mapMaxZoomDistance)
    
    var body: some View {
        if #available(iOS 26.0, *) {
            mapViewWithHUD
                .toolbar {
                    if !isPresentingDetailView {
                        ToolbarItemGroup(placement: .topBarLeading) {
                            mapLegendButton
                            mapZoomInButton
                        }
                        ToolbarItemGroup(placement: .topBarTrailing) {
                            SafetyLogFilterButton(safetyLogFilterStates: $safetyViewModel.selectedSafetyLogFilterStates, drawerViewState: $drawerViewState)
                                .opacity(safetyViewModel.filteredSafetyLogs.isEmpty ? 0.5 : 1)
                        }
                    }
                }
        } else {
            mapViewWithHUD
        }
    }
    
    private var mapViewWithHUD: some View {
        ZStack {
            Map(position: $mapCameraPosition, bounds: bounds, selection: $selectedSafetyLog) {
                UserAnnotation()
                ForEach(safetyViewModel.filteredSafetyLogs) { safetyLog in
                    SafetyMapMarker(safetyLog: safetyLog)
                }
            }
            .mapControlVisibility(.hidden)
            mapHUD
        }
        .onChange(of: selectedSafetyLog) { newLog in
            guard let newLog else {
                return
            }
            zoomToSafetyLog(newLog)
        }
        .onChange(of: safetyViewModel.filteredSafetyLogs) {
            withAnimation {
                mapCameraPosition = .automatic
            }
        }
    }
    
    @ViewBuilder
    private var mapHUD: some View {
        VStack {
            if #available(iOS 26.0, *) {
                if !safetyViewModel.selectedSafetyLogFilterStates.isEmpty {
                    SafetyViewFilterScrollView(drawerViewState: $drawerViewState)
                }
            }
            
            if !safetyViewModel.crimeInfos.isEmpty {
                HStack(alignment: .top, spacing: 10) {
                    if #unavailable(iOS 26.0) {
                        VStack {
                            mapLegendButton
                            mapZoomInButton
                        }
                        .buttonStyle(BMControlButtonStyle())
                    }
                    
                    if isShowingLegend {
                        mapLegend
                            .shadow(color: .gray, radius: 10)
                    }
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
            }
        }
        .padding()
    }
    
    private var mapLegendButton: some View {
        Button(action: {
            withAnimation(.spring) {
                isShowingLegend.toggle()
            }
        }) {
            Image(systemName: isShowingLegend ? "xmark" : "list.bullet")
                .font(.system(size: 20))
                .fontWeight(.semibold)
        }
        .transition(.scale)
    }
    
    private var mapZoomInButton: some View {
        Button(action: {
            withAnimation(.spring) {
                isZoomIn.toggle()
                mapCameraPosition = .region(BMConstants.berkeleyRegion)
                drawerViewState = .small
            }
        }) {
            Image(systemName: "scope")
        }
        .symbolEffect(.bounce, value: isZoomIn)
    }
    
    private var mapLegend: some View {
        VStack(alignment: .leading) {
            let crimeTypes = safetyViewModel.crimeInfos.keys.sorted(by: { $0.rawValue < $1.rawValue })
            
            ForEach(crimeTypes, id: \.self) { crimeType in
                if let crimeInfo = safetyViewModel.crimeInfos[crimeType] {
                    HStack(spacing: 10) {
                        Circle()
                            .fill(crimeInfo.color)
                            .frame(width: 10, height: 10)
                        Text(crimeType.rawValue.capitalized)
                        Spacer()
                        Text("\(crimeInfo.count)")
                            .foregroundStyle(.gray)
                    }
                    .font(Font(BMFont.regular(18)))
                }
            }
        }
        .frame(width: 250)
        .padding()
        .modify {
            if #available(iOS 26.0, *) {
                $0.glassEffect(in: .rect(cornerRadius: 10))
            } else {
                $0.background(.regularMaterial)
            }
        }
        .clipShape(RoundedRectangle(cornerRadius: 10))
        .transition(.scale)
    }
    
    private func zoomToSafetyLog(_ log: BMSafetyLog) {
        let region = MKCoordinateRegion(
            center: log.coordinate,
            span: MKCoordinateSpan(latitudeDelta: 0.01, longitudeDelta: 0.01)
        )
        mapCameraPosition = .region(region)
    }
}

#Preview {
    @Previewable @State var drawerViewState = BMDrawerViewState.medium
    SafetyMapView(selectedSafetyLog: .constant(nil), drawerViewState: $drawerViewState, isPresentingDetailView: false)
        .environmentObject(SafetyViewModel())
}