//
//  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: "월", dayOfWeek: .MON),
        DayOfWeek(dayOfWeekStr: "화", dayOfWeek: .TUE),
        DayOfWeek(dayOfWeekStr: "수", dayOfWeek: .WED),
        DayOfWeek(dayOfWeekStr: "목", dayOfWeek: .THU),
        DayOfWeek(dayOfWeekStr: "금", dayOfWeek: .FRI),
        DayOfWeek(dayOfWeekStr: "토", dayOfWeek: .SAT),
        DayOfWeek(dayOfWeekStr: "일", dayOfWeek: .SUN),
        DayOfWeek(dayOfWeekStr: "랜덤", dayOfWeek: .RANDOM),
    ]
    
    // 요일 숫자에 맞춰 배열
    private let dayOfWeeks: [SeriesPublishedDaysOfWeek] = [
        .RANDOM,
        .SUN,
        .MON,
        .TUE,
        .WED,
        .THU,
        .FRI,
        .SAT
    ]
    
    var body: some View {
        ZStack {
            VStack(spacing: 16) {
                HStack {
                    Spacer(minLength: 0)
                    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)
                                }
                            }
                        Spacer(minLength: 0)
                    }
                }
                .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]
                            NavigationLink {
                                SeriesDetailView(seriesId: item.seriesId)
                            } label: {
                                SeriesMainItemView(item: item, width: width, height: width * 227 / 160)
                                    .contentShape(Rectangle())
                                    .onAppear {
                                        if index == viewModel.seriesList.count - 1 {
                                            viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
                                        }
                                    }
                            }
                        }
                    }
                    .padding(.horizontal, horizontalPadding)
                }
            }
            .popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .bottom, autohideIn: 2) {
                HStack {
                    Spacer()
                    Text(viewModel.errorMessage)
                        .padding(.vertical, 13.3)
                        .frame(width: screenSize().width - 66.7, alignment: .center)
                        .font(.custom(Font.medium.rawValue, size: 12))
                        .background(Color.button)
                        .foregroundColor(Color.white)
                        .multilineTextAlignment(.leading)
                        .cornerRadius(20)
                        .padding(.bottom, 66.7)
                    Spacer()
                }
            }
            .onAppear {
                if !isInitialized {
                    dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
                    viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
                    isInitialized = true
                }
            }
            
            if viewModel.isLoading {
                LoadingView()
            }
        }
    }
}

#Preview {
    SeriesMainDayOfWeekView()
}