import SwiftUI

struct DatingView: View {
    @State private var index = 0
    private let profiles = [
        (name: "Maya", age: 27, emoji: "🌸", bio: "Coffee, climbing, and bad puns.", tags: ["Climbing", "Film", "Ramen"]),
        (name: "Theo", age: 30, emoji: "🎸", bio: "Plays guitar, collects vinyl.", tags: ["Music", "Vinyl", "Hiking"])
    ]
    private var p: (name: String, age: Int, emoji: String, bio: String, tags: [String]) { profiles[index % profiles.count] }

    var body: some View {
        ZStack {
            Color(red: 0.07, green: 0.04, blue: 0.05).ignoresSafeArea()
            VStack {
                Text("spark").font(.system(size: 26, weight: .heavy))
                    .foregroundColor(Color(red: 1, green: 0.3, blue: 0.4)).frame(maxWidth: .infinity, alignment: .leading).padding()

                VStack(alignment: .leading, spacing: 0) {
                    RoundedRectangle(cornerRadius: 0)
                        .fill(Color(red: 1, green: 0.3, blue: 0.4).opacity(0.12))
                        .frame(height: 280)
                        .overlay(Text(p.emoji).font(.system(size: 110)))
                    VStack(alignment: .leading, spacing: 10) {
                        Text("\(p.name), \(p.age)").font(.system(size: 26, weight: .heavy)).foregroundColor(.white)
                        Text(p.bio).foregroundColor(Color(white: 0.8))
                        HStack {
                            ForEach(p.tags, id: \.self) { t in
                                Text(t).font(.footnote).padding(.vertical, 6).padding(.horizontal, 12)
                                    .background(Color.white.opacity(0.08)).foregroundColor(Color(red: 1, green: 0.56, blue: 0.63)).cornerRadius(14)
                            }
                        }
                    }.padding(18)
                }
                .background(Color.white.opacity(0.04)).cornerRadius(24).padding(.horizontal, 18)

                Spacer()
                HStack(spacing: 28) {
                    Button { index += 1 } label: {
                        Image(systemName: "xmark").font(.title).foregroundColor(Color(red: 1, green: 0.48, blue: 0.54))
                            .frame(width: 64, height: 64).background(Color.white.opacity(0.06)).clipShape(Circle())
                    }
                    Button { index += 1 } label: {
                        Image(systemName: "heart.fill").font(.title).foregroundColor(.white)
                            .frame(width: 64, height: 64).background(Color(red: 1, green: 0.3, blue: 0.4)).clipShape(Circle())
                    }
                }.padding(.bottom, 40)
            }
        }
    }
}

#Preview { DatingView() }