//
//  DayOfWeekSeriesView.swift
//  SodaLive
//
//  Created by klaus on 7/11/25.
//

import SwiftUI

struct DayOfWeek {
    let dayOfWeekStr: String
    let dayOfWeek: SeriesPublishedDaysOfWeek
}

struct DayOfWeekSeriesView: View {
    
    let seriesList: [SeriesListItem]
    let onTapDayOfWeek: (SeriesPublishedDaysOfWeek) -> Void
    
    @State private var dayOfWeek: SeriesPublishedDaysOfWeek = .FRI
    
    private let dayOfWeekItems: [DayOfWeek] = [
        DayOfWeek(dayOfWeekStr: I18n.Series.monday, dayOfWeek: .MON),
        DayOfWeek(dayOfWeekStr: I18n.Series.tuesday, dayOfWeek: .TUE),
        DayOfWeek(dayOfWeekStr: I18n.Series.wednesday, dayOfWeek: .WED),
        DayOfWeek(dayOfWeekStr: I18n.Series.thursday, dayOfWeek: .THU),
        DayOfWeek(dayOfWeekStr: I18n.Series.friday, dayOfWeek: .FRI),
        DayOfWeek(dayOfWeekStr: I18n.Series.saturday, dayOfWeek: .SAT),
        DayOfWeek(dayOfWeekStr: I18n.Series.sunday, dayOfWeek: .SUN),
        DayOfWeek(dayOfWeekStr: I18n.Series.random, dayOfWeek: .RANDOM),
    ]
    
    // 요일 숫자에 맞춰 배열
    private let dayOfWeeks: [SeriesPublishedDaysOfWeek] = [
        .RANDOM,
        .SUN,
        .MON,
        .TUE,
        .WED,
        .THU,
        .FRI,
        .SAT
    ]
    
    var body: some View {
        VStack(alignment: .leading, spacing: 16) {
            HStack(spacing: 0) {
                Text(I18n.Series.byDaySectionTitle)
                    .appFont(size: 24, weight: .bold)
                    .foregroundColor(.white)
                
                Spacer()
                
                Text(I18n.Common.viewAll)
                    .appFont(size: 14, weight: .regular)
                    .foregroundColor(.init(hex: "78909C"))
                    .onTapGesture {
                        AppState.shared
                            .setAppStep(step: .seriesMain)
                    }
            }
            .padding(.horizontal, 24)
            
            ScrollView(.horizontal, showsIndicators: false) {
                LazyHStack(spacing: 5) {
                    ForEach(0..<dayOfWeekItems.count, id: \.self) {
                        let item = dayOfWeekItems[$0]
                        DayOfWeekDayView(dayOfWeek: item.dayOfWeekStr, isSelected: dayOfWeek == item.dayOfWeek)
                            .onTapGesture {
                                if dayOfWeek != item.dayOfWeek {
                                    dayOfWeek = item.dayOfWeek
                                    onTapDayOfWeek(item.dayOfWeek)
                                }
                            }
                    }
                }
                .padding(.horizontal, 24)
            }
            
            ScrollView(.horizontal, showsIndicators: false) {
                LazyHStack(spacing: 16) {
                    ForEach(0..<seriesList.count, id: \.self) {
                        SeriesItemView(item: seriesList[$0])
                    }
                }
                .padding(.horizontal, 24)
            }
        }
        .onAppear {
            dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
        }
    }
}

struct DayOfWeekDayView: View {
    let dayOfWeek: String
    let isSelected: Bool
    
    var body: some View {
        Text(dayOfWeek)
            .appFont(size: 18, weight: isSelected ? .bold : .regular)
            .foregroundColor(.white)
            .padding(.vertical, 8)
            .padding(.horizontal, 11)
            .background(Color(hex: "263238").cornerRadius(16))
            .overlay {
                RoundedRectangle(cornerRadius: 16)
                    .strokeBorder(
                        LinearGradient(
                            stops: [
                                .init(color: Color.main, location: 0.24),
                                .init(color: Color(hex: "6D5ED7"), location: 1.0)
                            ],
                            startPoint: .top,
                            endPoint: .bottom
                        ),
                        lineWidth: isSelected ? 4 : 0
                    )
            }
    }
}

#Preview {
    DayOfWeekSeriesView(
        seriesList: [
            SeriesListItem(
                seriesId: 1,
                title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
                coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
                publishedDaysOfWeek: "매주 수, 토요일",
                isComplete: true,
                creator: SeriesListItemCreator(
                    creatorId: 1,
                    nickname: "creator",
                    profileImage: "https://test-cf.sodalive.net/profile/default-profile.png"
                ),
                numberOfContent: 10,
                isNew: true,
                isPopular: true
            ),
            SeriesListItem(
                seriesId: 2,
                title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
                coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
                publishedDaysOfWeek: "매주 수, 토요일",
                isComplete: false,
                creator: SeriesListItemCreator(
                    creatorId: 1,
                    nickname: "creator",
                    profileImage: "https://test-cf.sodalive.net/profile/default-profile.png"
                ),
                numberOfContent: 10,
                isNew: false,
                isPopular: true
            ),
            SeriesListItem(
                seriesId: 1,
                title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
                coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
                publishedDaysOfWeek: "매주 수, 토요일",
                isComplete: false,
                creator: SeriesListItemCreator(
                    creatorId: 1,
                    nickname: "creator",
                    profileImage: "https://test-cf.sodalive.net/profile/default-profile.png"
                ),
                numberOfContent: 10,
                isNew: true,
                isPopular: false
            )
        ]
    ) { _ in }
}