//
//  ContentMainTabHomeView.swift
//  SodaLive
//
//  Created by klaus on 2/20/25.
//

import SwiftUI

struct ContentMainTabHomeView: View {
    
    @StateObject var viewModel = ContentMainTabHomeViewModel()
    
    var body: some View {
        BaseView(isLoading: $viewModel.isLoading) {
            ZStack(alignment: .bottomTrailing) {
                ScrollView(.vertical, showsIndicators: false) {
                    VStack(alignment: .leading, spacing: 0) {
                        HStack(spacing: 0) {
                            Text("콘텐츠 마켓")
                                .font(.custom(Font.bold.rawValue, size: 21.3))
                                .foregroundColor(Color.button)
                            
                            Spacer()
                            
                            Image("ic_content_keep")
                                .onTapGesture {
                                    AppState.shared.setAppStep(step: .myBox(currentTab: .orderlist))
                                }
                        }
                        .padding(.horizontal, 13.3)
                        
                        if let notice = viewModel.noticeItem {
                            ContentMainTabHomeNoticeView(notice: notice) {
                                AppState.shared
                                    .setAppStep(step: .noticeDetail(notice: $0))
                            }
                            .padding(.top, 15)
                            .padding(.horizontal, 13.3)
                        }
                        
                        if viewModel.bannerList.count > 0 {
                            ContentMainBannerViewV2(bannerList: viewModel.bannerList)
                                .padding(.top, 30)
                                .padding(.horizontal, 13.3)
                        }
                        
                        HStack(spacing: 0) {
                            Image("ic_title_search_black")
                            
                            Text("채널명을 입력해 보세요")
                                .font(.custom(Font.medium.rawValue, size: 13.3))
                                .foregroundColor(Color.gray55)
                                .keyboardType(.default)
                                .padding(.horizontal, 13.3)
                            
                            Spacer()
                        }
                        .padding(.horizontal, 21.3)
                        .frame(height: 50)
                        .frame(maxWidth: .infinity)
                        .background(Color.gray22)
                        .overlay(
                            RoundedRectangle(cornerRadius: 6.7)
                                .strokeBorder(lineWidth: 1)
                                .foregroundColor(Color.graybb)
                        )
                        .padding(.top, 30)
                        .padding(.horizontal, 13.3)
                        .onTapGesture {
                            UserDefaults.set("", forKey: .searchChannel)
                            AppState.shared.setAppStep(step: .searchChannel)
                        }
                        
                        VStack(spacing: 13.3) {
                            HStack(spacing: 0) {
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_series",
                                    title: "시리즈",
                                    onClick: {
                                        AppState.shared
                                            .setAppStep(
                                                step: .contentMain(
                                                    startTab: .SERIES
                                                )
                                            )
                                    }
                                )
                                .frame(maxWidth: .infinity)
                                
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_content",
                                    title: "단편",
                                    onClick: {
                                        AppState.shared
                                            .setAppStep(
                                                step: .contentMain(
                                                    startTab: .CONTENT
                                                )
                                            )
                                    }
                                )
                                .frame(maxWidth: .infinity)
                                
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_alarm",
                                    title: "모닝콜",
                                    onClick: {
                                        AppState.shared
                                            .setAppStep(
                                                step: .contentMain(
                                                    startTab: .ALARM
                                                )
                                            )
                                    }
                                )
                                .frame(maxWidth: .infinity)
                                
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_asmr",
                                    title: "ASMR",
                                    onClick: {
                                        AppState.shared
                                            .setAppStep(
                                                step: .contentMain(
                                                    startTab: .ASMR
                                                )
                                            )
                                    }
                                )
                                .frame(maxWidth: .infinity)
                            }
                            
                            HStack(spacing: 0) {                             
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_replay",
                                    title: "다시듣기",
                                    onClick: {
                                        AppState.shared
                                            .setAppStep(
                                                step: .contentMain(
                                                    startTab: .REPLAY
                                                )
                                            )
                                    }
                                )
                                .frame(maxWidth: .infinity)
                                
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_free",
                                    title: "무료",
                                    onClick: {
                                        AppState.shared
                                            .setAppStep(
                                                step: .contentMain(
                                                    startTab: .FREE
                                                )
                                            )
                                    }
                                )
                                .frame(maxWidth: .infinity)
                                
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_audio_book",
                                    title: "오디오북",
                                    onClick: {
                                        viewModel.errorMessage = "준비중입니다."
                                        viewModel.isShowPopup = true
                                    }
                                )
                                .frame(maxWidth: .infinity)
                                
                                ContentMainTabCategoryView(
                                    imageName: "ic_category_audio_toon",
                                    title: "오디오툰",
                                    onClick: {
                                        viewModel.errorMessage = "준비중입니다."
                                        viewModel.isShowPopup = true
                                    }
                                )
                                .frame(maxWidth: .infinity)
                            }
                        }
                        .padding(.vertical, 13.3)
                        .background(Color.gray22)
                        .cornerRadius(5.3)
                        .padding(.top, 30)
                        .padding(.horizontal, 13.3)
                        
                        if let response = viewModel.rankCreatorResponse {
                            ContentMainTabHomeRankCreatorView(response: response)
                                .padding(.top, 30)
                                .padding(.horizontal, 13.3)
                        }
                        
                        if !viewModel.rankSeriesList.isEmpty {
                            ContentMainTabHomeRankSeriesView(seriesList: viewModel.rankSeriesList)
                                .padding(.top, 30)
                                .padding(.horizontal, 13.3)
                        }
                        
                        if !viewModel.rankSortTypeList.isEmpty {
                            ContentMainTabRankContentView(
                                title: "인기 단편",
                                isMore: true,
                                onClickMore: {
                                    AppState.shared.setAppStep(step: .contentRankingAll)
                                },
                                sortList: !viewModel.rankSortTypeList.isEmpty ?
                                viewModel.rankSortTypeList :
                                    [],
                                onClickSort: { viewModel.getContentRanking(sort: $0) },
                                contentList: viewModel.rankContentList
                            )
                            .padding(.top, 30)
                        }
                        
                        if viewModel.eventBannerList.count > 0 {
                            SectionEventBannerView(items: viewModel.eventBannerList)
                                .padding(.top, 30)
                        }
                        
                        if !viewModel.contentRankCreatorList.isEmpty {
                            ContentByChannelView(
                                title: "채널별 인기 콘텐츠",
                                creatorList: viewModel.contentRankCreatorList,
                                contentList: viewModel.salesCountRankContentList,
                                onClickCreator: {
                                    viewModel.getPopularContentByCreator(creatorId: $0)
                                }
                            )
                            .padding(.top, 30)
                        }
                        
                        Text("""
- 회사명 : 주식회사 소다라이브

- 대표자 : 이재형

- 주소 : 경기도 성남시 분당구 황새울로335번길 10, 5층 563A호

- 사업자등록번호 : 870-81-03220

- 통신판매업신고 : 제2024-성남분당B-1012호

- 고객센터 : 02.2055.1477 (이용시간 10:00~19:00)

- 대표 이메일 : sodalive.official@gmail.com
""")
                        .font(.custom(Font.medium.rawValue, size: 11))
                        .foregroundColor(Color.gray77)
                        .padding(.top, 30)
                        .padding(.horizontal, 13.3)
                    }
                    .onAppear {
                        viewModel.fetchData()
                    }
                }
                
                if UserDefaults.string(forKey: .role) == MemberRole.CREATOR.rawValue {
                    HStack(spacing: 5) {
                        Image("ic_thumb_play")
                            .resizable()
                            .frame(width: 20, height: 20)
                        
                        Text("콘텐츠 업로드")
                            .font(.custom(Font.bold.rawValue, size: 13.3))
                            .foregroundColor(.white)
                    }
                    .padding(13.3)
                    .background(Color(hex: "3bb9f1"))
                    .cornerRadius(44)
                    .padding(.trailing, 16.7)
                    .padding(.bottom, 16.7)
                    .onTapGesture {
                        AppState.shared.setAppStep(step: .createContent)
                    }
                }
            }
            .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()
                }
            }
        }
    }
}

#Preview {
    ContentMainTabHomeView()
}