fuelboard/FuelBoard/StationDetailView.swift

import SwiftUI
import UIKit

/// Detail sheet for a tapped station (when Settings → Tap station = More info).
/// Shows 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

    var body: some View {
        NavigationStack {
            List {
                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()
                    }
                }
                Section {
                    Button {
                        if let url = station.mapsDirectionsURL {
                            UIApplication.shared.open(url)
                        }
                    } label: {
                        Label("Directions", systemImage: "arrow.triangle.turn.up.right.diamond.fill")
                    }
                }
            }
            .navigationTitle(station.name)
            .navigationBarTitleDisplayMode(.inline)
            .toolbar {
                ToolbarItem(placement: .cancellationAction) {
                    Button("Done") { dismiss() }
                }
            }
        }
    }
}