//
//  MonthCard.swift
//  DayByDay
//

import SwiftUI

/// A single large, colorful card representing one month of the year.
/// Tapping the card plays a bounce animation and speaks the month name aloud.
struct MonthCard: View {
    let month: MonthOfYear
    var isHighlighted = false
    @State private var isTapped = false

    private var cardScale: CGFloat {
        if isTapped { return 1.12 }
        if isHighlighted { return 1.04 }
        return 1.0
    }

    var body: some View {
        ZStack {
            RoundedRectangle(cornerRadius: 32, style: .continuous)
                .fill(month.color.gradient)
                .shadow(color: month.color.opacity(0.4), radius: 8, y: 4)

            VStack(spacing: 16) {
                Image(systemName: month.symbol)
                    .font(.system(size: 64))
                    .foregroundStyle(.white)
                    .symbolRenderingMode(.hierarchical)

                Text(month.name)
                    .font(.system(size: 32, weight: .bold, design: .rounded))
                    .foregroundStyle(.white)
            }
        }
        .overlay {
            if isHighlighted {
                RoundedRectangle(cornerRadius: 32, style: .continuous)
                    .strokeBorder(.white, lineWidth: 5)
            }
        }
        .shadow(color: isHighlighted ? .white.opacity(0.8) : .clear, radius: 12)
        .scaleEffect(cardScale)
        .contentShape(RoundedRectangle(cornerRadius: 32, style: .continuous))
        .rotation3DEffect(.degrees(isTapped ? 6 : 0), axis: (x: 1, y: 0, z: 0))
        .animation(.spring(response: 0.35, dampingFraction: 0.5), value: isTapped)
        .onTapGesture {
            isTapped = true
            SpeechSynthesizer.shared.speak(month.name)
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.4) {
                isTapped = false
            }
        }
        .accessibilityLabel(month.name)
        .accessibilityAddTraits(.isButton)
    }
}

// MARK: - Month model

enum MonthOfYear: Int, CaseIterable, Identifiable {
    case january, february, march, april, may, june,
         july, august, september, october, november, december

    var id: Int { rawValue }

    /// The month for today's date.
    static var current: MonthOfYear {
        // Calendar month: 1 = January, 12 = December
        let month = Calendar.current.component(.month, from: Date())
        return MonthOfYear(rawValue: month - 1)!
    }

    var name: String {
        switch self {
        case .january:   "January"
        case .february:  "February"
        case .march:     "March"
        case .april:     "April"
        case .may:       "May"
        case .june:      "June"
        case .july:      "July"
        case .august:    "August"
        case .september: "September"
        case .october:   "October"
        case .november:  "November"
        case .december:  "December"
        }
    }

    var symbol: String {
        switch self {
        case .january:   "snowflake"
        case .february:  "heart.fill"
        case .march:     "wind"
        case .april:     "cloud.rain.fill"
        case .may:       "leaf.fill"
        case .june:      "sun.max.fill"
        case .july:      "fireworks"
        case .august:    "beach.umbrella.fill"
        case .september: "book.fill"
        case .october:   "moon.stars.fill"
        case .november:  "fork.knife"
        case .december:  "gift.fill"
        }
    }

    var color: Color {
        switch self {
        case .january:   Color(red: 0.55, green: 0.75, blue: 0.95) // ice blue
        case .february:  Color(red: 0.9, green: 0.35, blue: 0.5)   // pink
        case .march:     Color(red: 0.45, green: 0.8, blue: 0.55)  // spring green
        case .april:     Color(red: 0.5, green: 0.65, blue: 0.9)   // rain blue
        case .may:       Color(red: 0.95, green: 0.7, blue: 0.2)   // golden
        case .june:      Color(red: 1.0, green: 0.55, blue: 0.25)  // warm orange
        case .july:      Color(red: 0.85, green: 0.25, blue: 0.3)  // red
        case .august:    Color(red: 0.2, green: 0.75, blue: 0.8)   // ocean teal
        case .september: Color(red: 0.6, green: 0.45, blue: 0.85)  // purple
        case .october:   Color(red: 0.9, green: 0.5, blue: 0.15)   // pumpkin
        case .november:  Color(red: 0.7, green: 0.5, blue: 0.3)    // brown
        case .december:  Color(red: 0.3, green: 0.5, blue: 0.85)   // winter blue
        }
    }
}

#Preview {
    HStack(spacing: 24) {
        MonthCard(month: .march, isHighlighted: true)
            .frame(width: 200, height: 260)
        MonthCard(month: .april)
            .frame(width: 200, height: 260)
    }
    .padding()
}