Sportstime/SportsTime/Features/Trip/Views/Wizard/Steps/ReviewStep.swift

//
//  ReviewStep.swift
//  SportsTime
//
//  Step 8 of the trip wizard - review and submit.
//

import SwiftUI

struct ReviewStep: View {
    @Environment(\.colorScheme) private var colorScheme
    let planningMode: PlanningMode
    let selectedSports: Set<Sport>
    let startDate: Date
    let endDate: Date
    let selectedRegions: Set<Region>
    let routePreference: RoutePreference
    let allowRepeatCities: Bool
    let mustStopLocations: [LocationInput]
    let isPlanning: Bool
    let canPlanTrip: Bool
    let fieldValidation: FieldValidation
    let onPlan: () -> Void

    var body: some View {
        VStack(alignment: .leading, spacing: Theme.Spacing.md) {
            StepHeader(
                title: "Ready to plan your trip!",
                subtitle: "Review your selections"
            )

            VStack(alignment: .leading, spacing: Theme.Spacing.sm) {
                ReviewRow(label: "Mode", value: planningMode.displayName)
                ReviewRow(
                    label: "Sports",
                    value: selectedSports.isEmpty ? "Not selected" : selectedSports.map(\.rawValue).sorted().joined(separator: ", "),
                    isMissing: fieldValidation.sports == .missing
                )
                ReviewRow(
                    label: "Dates",
                    value: dateRangeText,
                    isMissing: fieldValidation.dates == .missing
                )
                ReviewRow(
                    label: "Regions",
                    value: selectedRegions.isEmpty ? "Not selected" : selectedRegions.map(\.shortName).sorted().joined(separator: ", "),
                    isMissing: fieldValidation.regions == .missing
                )
                ReviewRow(
                    label: "Route",
                    value: routePreference.displayName,
                    isMissing: fieldValidation.routePreference == .missing
                )
                ReviewRow(
                    label: "Repeat cities",
                    value: allowRepeatCities ? "Yes" : "No",
                    isMissing: fieldValidation.repeatCities == .missing
                )

                if !mustStopLocations.isEmpty {
                    ReviewRow(label: "Must-stops", value: mustStopLocations.map(\.name).joined(separator: ", "))
                }
            }
            .padding(Theme.Spacing.sm)
            .background(Theme.cardBackgroundElevated(colorScheme))
            .clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.medium))

            Button(action: onPlan) {
                HStack(spacing: Theme.Spacing.sm) {
                    if isPlanning {
                        LoadingSpinner(size: .small)
                            .colorScheme(.dark)  // Force white on orange button
                    }
                    Text(isPlanning ? "Planning..." : "Plan My Trip")
                        .fontWeight(.semibold)
                }
                .frame(maxWidth: .infinity)
                .padding(Theme.Spacing.md)
                .background(canPlanTrip ? Theme.warmOrange : Theme.textMuted(colorScheme))
                .foregroundStyle(.white)
                .clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.large))
            }
            .disabled(!canPlanTrip || isPlanning)
        }
        .padding(Theme.Spacing.lg)
        .background(Theme.cardBackground(colorScheme))
        .clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.large))
        .overlay {
            RoundedRectangle(cornerRadius: Theme.CornerRadius.large)
                .stroke(Theme.surfaceGlow(colorScheme), lineWidth: 1)
        }
    }

    private var dateRangeText: String {
        let formatter = DateFormatter()
        formatter.dateStyle = .medium
        return "\(formatter.string(from: startDate)) - \(formatter.string(from: endDate))"
    }
}

// MARK: - Review Row

private struct ReviewRow: View {
    @Environment(\.colorScheme) private var colorScheme
    let label: String
    let value: String
    var isMissing: Bool = false

    var body: some View {
        HStack(alignment: .top) {
            Text(label)
                .font(.caption)
                .foregroundStyle(isMissing ? .red : Theme.textMuted(colorScheme))
                .frame(width: 80, alignment: .leading)

            Text(value)
                .font(.subheadline)
                .foregroundStyle(isMissing ? .red : Theme.textPrimary(colorScheme))

            Spacer()

            if isMissing {
                Image(systemName: "exclamationmark.circle.fill")
                    .font(.caption)
                    .foregroundStyle(.red)
            }
        }
    }
}

// MARK: - Preview

#Preview("All Valid") {
    ReviewStep(
        planningMode: .dateRange,
        selectedSports: [.mlb, .nba],
        startDate: Date(),
        endDate: Date().addingTimeInterval(86400 * 7),
        selectedRegions: [.east, .central],
        routePreference: .balanced,
        allowRepeatCities: false,
        mustStopLocations: [],
        isPlanning: false,
        canPlanTrip: true,
        fieldValidation: FieldValidation(
            sports: .valid,
            dates: .valid,
            regions: .valid,
            routePreference: .valid,
            repeatCities: .valid
        ),
        onPlan: {}
    )
    .padding()
    .themedBackground()
}

#Preview("Missing Fields") {
    ReviewStep(
        planningMode: .dateRange,
        selectedSports: [],
        startDate: Date(),
        endDate: Date().addingTimeInterval(86400 * 7),
        selectedRegions: [],
        routePreference: .balanced,
        allowRepeatCities: false,
        mustStopLocations: [],
        isPlanning: false,
        canPlanTrip: false,
        fieldValidation: FieldValidation(
            sports: .missing,
            dates: .valid,
            regions: .missing,
            routePreference: .valid,
            repeatCities: .missing
        ),
        onPlan: {}
    )
    .padding()
    .themedBackground()
}