//
//  SeriesMainDayOfWeekView.swift
//  SodaLive
//
//  Created by klaus on 11/14/25.
//

import SwiftUI

struct SeriesMainDayOfWeekView: View {
    
    @StateObject var viewModel = SeriesMainDayOfWeekViewModel()
    
    @State private var isInitialized = false
    @State private var dayOfWeek: SeriesPublishedDaysOfWeek = .SAT
    
    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 {
        ZStack {
            VStack(spacing: 16) {
                ScrollView(.horizontal, showsIndicators: false) {
                    HStack {
                        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
                                        viewModel.onTapDayOfWeek(dayOfWeek: dayOfWeek)
                                    }
                                }
                        }
                    }
                    .padding(.horizontal, 24)
                }
                
                ScrollView(.vertical, showsIndicators: false) {
                    let horizontalPadding: CGFloat = 24
                    let gridSpacing: CGFloat = 16
                    let width = (screenSize().width - (horizontalPadding * 2) - gridSpacing) / 2
                    
                    LazyVGrid(
                        columns: Array(
                            repeating: GridItem(
                                .flexible(),
                                spacing: gridSpacing,
                                alignment: .topLeading
                            ),
                            count: 2
                        ),
                        alignment: .leading,
                        spacing: gridSpacing
                    ) {
                        ForEach(viewModel.seriesList.indices, id: \.self) { index in
                            let item = viewModel.seriesList[index]
                            SeriesMainItemView(item: item, width: width, height: width * 227 / 160)
                                .contentShape(Rectangle())
                                .onAppear {
                                    if index == viewModel.seriesList.count - 1 {
                                        viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
                                    }
                                }
                                .onTapGesture { AppState.shared.setAppStep(step: .seriesDetail(seriesId: item.seriesId)) }
                        }
                    }
                    .padding(.horizontal, horizontalPadding)
                }
            }
            .sodaToast(isPresented: $viewModel.isShowPopup, message: viewModel.errorMessage, autohideIn: 2)
            .onAppear {
                if !isInitialized {
                    dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
                    viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
                    isInitialized = true
                }
            }
            
            if viewModel.isLoading {
                LoadingView()
            }
        }
    }
}

#Preview {
    SeriesMainDayOfWeekView()
}