import SwiftUI
import MapKit
import UIKit

/// Detail sheet for a tapped station (when Settings → Tap station = More info).
/// Shows a small map preview, the station name, address, distance from the
/// current location, and a Directions button that opens Apple Maps — the same
/// destination a direct tap would have opened.
struct StationDetailView: View {
    let station: FuelStation
    let location: Coordinate?
    let distanceUnit: DistanceUnit
    @Environment(\.dismiss) private var dismiss
    @State private var showingReportIssueConfirmation = false

    private let reportIssueURL = URL(string: "https://www.gov.uk/guidance/report-an-error-in-fuel-prices-or-forecourt-details")!

    private var stationCoordinate: CLLocationCoordinate2D {
        CLLocationCoordinate2D(latitude: station.lat, longitude: station.lng)
    }

    var body: some View {
        NavigationStack {
            List {
                Section {
                    Map(position: .constant(.region(MKCoordinateRegion(
                        center: stationCoordinate,
                        span: MKCoordinateSpan(latitudeDelta: 0.02, longitudeDelta: 0.02)
                    )))) {
                        Marker(station.name, coordinate: stationCoordinate)
                            .tint(.red)
                    }
                    .frame(height: 180)
                    .clipShape(RoundedRectangle(cornerRadius: 12))
                    .allowsHitTesting(false)
                    .listRowInsets(EdgeInsets())
                }
                Section {
                    LabeledContent("Name", value: station.name)
                    LabeledContent("Address", value: "\(station.address), \(station.postcode)")
                    if let location {
                        let km = FuelStore.displayDistanceKM(
                            station: station, userLat: location.lat, userLng: location.lng
                        )
                        LabeledContent("Distance", value: distanceUnit.format(km))
                            .monospacedDigit()
                    }
                    ForEach(StationNotice.notices(for: station)) { notice in
                        Label(notice.title, systemImage: notice.symbolName)
                            .font(.subheadline.weight(.semibold))
                            .foregroundStyle(.orange)
                            .padding(.horizontal, 10)
                            .padding(.vertical, 6)
                            .background(Capsule().fill(Color.orange.opacity(0.14)))
                    }
                }
                Section {
                    Button {
                        if let url = station.mapsDirectionsURL {
                            UIApplication.shared.open(url)
                        }
                    } label: {
                        Label("Directions", systemImage: "arrow.triangle.turn.up.right.diamond.fill")
                    }
                    Button(role: .destructive) {
                        showingReportIssueConfirmation = true
                    } label: {
                        Label("Report issue", systemImage: "exclamationmark.bubble.fill")
                    }
                }
            }
            .navigationTitle(station.name)
            .navigationBarTitleDisplayMode(.inline)
            .alert("Report an error?", isPresented: $showingReportIssueConfirmation) {
                Button("Cancel", role: .cancel) { }
                Button("Report") {
                    UIApplication.shared.open(reportIssueURL)
                }
            } message: {
                Text("Are you sure you want to report an error in fuel prices or forecourt details? This will open in your chosen browser.")
            }
            .toolbar {
                ToolbarItem(placement: .cancellationAction) {
                    Button("Done") { dismiss() }
                }
            }
        }
    }
}