import SwiftUI

struct WidgetBobble: View {
    @State private var rotationDegrees: Double = 0.0
    @State private var angularGradient = AngularGradient(colors: [
        // 184, 87, 255
        // 159, 108, 250
        // 124, 139, 243
        // 87, 170, 236
        // 67, 187, 233
        Color(red: 0.7215686275, green: 0.3411764706, blue: 1),
        Color(red: 0.6235294118, green: 0.4235294118, blue: 0.9803921569),
        Color(red: 0.4862745098, green: 0.5450980392, blue: 0.9529411765),
        Color(red: 0.3411764706, green: 0.6666666667, blue: 0.9254901961),
        Color(red: 0.262745098, green: 0.7333333333, blue: 0.9137254902),
        Color(red: 0.7215686275, green: 0.3411764706, blue: 1)
    ], center: .center, startAngle: .degrees(270), endAngle: .degrees(-90))

    @Environment(\.colorScheme) var colorScheme

    var body: some View {
        let triangleColor = Color(red: 0.262745098, green: 0.7333333333, blue: 0.9137254902)

        TrendShape(gradient: angularGradient, color: triangleColor)
            .rotationEffect(.degrees(rotationDegrees))

//            .onChange(of: context.state.bg) { newDirection in
//            withAnimation {
//                switch newDirection {
//                case .doubleUp,
//                     .singleUp,
//                     .tripleUp:
//                    rotationDegrees = -90
//
//                case .fortyFiveUp:
//                    rotationDegrees = -45
//
//                case .flat:
//                    rotationDegrees = 0
//
//                case .fortyFiveDown:
//                    rotationDegrees = 45
//
//                case .doubleDown,
//                     .singleDown,
//                     .tripleDown:
//                    rotationDegrees = 90
//
//                case .none,
//                     .notComputable,
//                     .rateOutOfRange:
//                    rotationDegrees = 0
//
//                @unknown default:
//                    rotationDegrees = 0
//                }
//            }
//        }
    }
}

struct Triangle: Shape {
    func path(in rect: CGRect) -> Path {
        var path = Path()

        let cornerRadius: CGFloat = 8

        path.move(to: CGPoint(x: rect.midX, y: rect.minY))
        path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY - cornerRadius))
        path.addQuadCurve(to: CGPoint(x: rect.minX, y: rect.maxY - cornerRadius), control: CGPoint(x: rect.midX, y: rect.maxY))
        path.closeSubpath()

        return path
    }
}

struct TrendShape: View {
    @Environment(\.colorScheme) var colorScheme

    let gradient: AngularGradient
    let color: Color

    var body: some View {
        HStack(alignment: .center) {
            ZStack {
                Group {
                    CircleShape(gradient: gradient)
                    TriangleShape(color: color)
                }.shadow(color: Color.black.opacity(colorScheme == .dark ? 0.75 : 0.33), radius: colorScheme == .dark ? 5 : 3)
                CircleShape(gradient: gradient)
            }
        }
    }
}

struct CircleShape: View {
    @Environment(\.colorScheme) var colorScheme

    let gradient: AngularGradient

    var body: some View {
        let colorBackground: Color = colorScheme == .dark ? Color(
            red: 0.05490196078,
            green: 0.05490196078,
            blue: 0.05490196078
        ) : .white

        Circle()
            .stroke(gradient, lineWidth: 6)
            .background(Circle().fill(colorBackground))
            .frame(width: 130, height: 130)
    }
}

struct TriangleShape: View {
    let color: Color

    var body: some View {
        Triangle()
            .fill(color)
            .frame(width: 35, height: 35)
            .rotationEffect(.degrees(90))
            .offset(x: 70)
    }
}