import SwiftUI

struct FeaturedStoreCard: View {
    let store: FeaturedStoreCardModel

    var body: some View {
        VStack(alignment: .leading, spacing: 12) {
            ZStack(alignment: .topLeading) {
                RoundedRectangle(cornerRadius: AppLayout.radiusLG, style: .continuous)
                    .fill(AppColors.brandSoft)
                    .frame(height: 120)
                    .overlay(
                        Circle()
                            .fill(AppColors.surface)
                            .frame(width: 64, height: 64)
                            .overlay(
                                Image(systemName: store.iconName)
                                    .font(.title2)
                                    .foregroundStyle(AppColors.primary)
                            )
                    )

                if let promo = store.promoText {
                    Text(promo)
                        .font(AppTypography.caption)
                        .foregroundStyle(AppColors.textInverse)
                        .padding(.horizontal, 10)
                        .padding(.vertical, 6)
                        .background(Color.red)
                        .clipShape(Capsule())
                        .padding(10)
                }

                HStack {
                    Spacer()
                    Button(action: {}) {
                        Image(systemName: store.isFavorite ? "heart.fill" : "heart")
                            .foregroundStyle(store.isFavorite ? Color.red : AppColors.textMuted)
                            .padding(8)
                            .background(AppColors.surface)
                            .clipShape(Circle())
                            .shadow(color: AppShadow.soft.color, radius: AppShadow.soft.radius, y: AppShadow.soft.y)
                    }
                    .padding(10)
                }
            }

            Text(store.name)
                .font(AppTypography.heading3)
                .foregroundStyle(AppColors.textPrimary)
                .lineLimit(1)

            HStack(spacing: 6) {
                Image(systemName: "star.fill")
                    .font(.caption)
                    .foregroundStyle(Color(hex: "#F5B335"))
                Text(String(format: "%.1f", store.rating))
                    .font(.caption)
                    .foregroundStyle(AppColors.textPrimary)
                Text("(\(store.reviews))")
                    .font(.caption)
                    .foregroundStyle(AppColors.textMuted)
                Text("·")
                    .font(.caption)
                    .foregroundStyle(AppColors.textMuted)
                Text(store.distance)
                    .font(.caption)
                    .foregroundStyle(AppColors.textMuted)
            }

            Text(store.category)
                .font(.caption)
                .foregroundStyle(AppColors.textMuted)
        }
        .padding(14)
        .background(AppColors.surface)
        .clipShape(RoundedRectangle(cornerRadius: AppLayout.radiusXL, style: .continuous))
    }
}

struct FeaturedStoreCardModel: Identifiable {
    let id = UUID()
    let name: String
    let rating: Double
    let reviews: String
    let distance: String
    let category: String
    let promoText: String?
    let isFavorite: Bool
    let iconName: String
}

struct SpecialOfferCard: View {
    let model: SpecialOfferCardModel

    var body: some View {
        ZStack(alignment: .leading) {
            RoundedRectangle(cornerRadius: AppLayout.radiusXL, style: .continuous)
                .fill(
                    LinearGradient(
                        colors: model.colors,
                        startPoint: .leading,
                        endPoint: .trailing
                    )
                )

            Circle()
                .fill(Color.white.opacity(0.18))
                .frame(width: 120, height: 120)
                .offset(x: 140, y: 10)

            VStack(alignment: .leading, spacing: 8) {
                Text(model.title)
                    .font(AppTypography.heading2)
                    .foregroundStyle(AppColors.textInverse)
                Text(model.subtitle)
                    .font(AppTypography.body)
                    .foregroundStyle(AppColors.textInverse.opacity(0.85))
            }
            .padding(20)
        }
        .shadow(color: AppShadow.soft.color, radius: AppShadow.soft.radius, y: AppShadow.soft.y)
    }
}

struct SpecialOfferCardModel: Identifiable {
    let id = UUID()
    let title: String
    let subtitle: String
    let colors: [Color]
}