SideStore/AltStore/Views/Browse/BrowseView.swift

//
//  BrowseView.swift
//  SideStoreUI
//
//  Created by Fabian Thies on 18.11.22.
//  Copyright © 2022 Fabian Thies. All rights reserved.
//

import SwiftUI
import AltStoreCore

struct BrowseView: View {
    @SwiftUI.FetchRequest(sortDescriptors: [
        NSSortDescriptor(keyPath: \StoreApp.sourceIdentifier, ascending: true),
        NSSortDescriptor(keyPath: \StoreApp.sortIndex, ascending: true),
        NSSortDescriptor(keyPath: \StoreApp.name, ascending: true),
        NSSortDescriptor(keyPath: \StoreApp.bundleIdentifier, ascending: true)
    ], predicate: NSPredicate(format: "%K != %@", #keyPath(StoreApp.bundleIdentifier), StoreApp.altstoreAppID))
    var apps: FetchedResults<StoreApp>
    
    var filteredApps: [StoreApp] {
        apps.items(matching: self.searchText)
    }
    
    @State
    var selectedStoreApp: StoreApp?
    
    @State var searchText = ""
    
    @State var isShowingSourcesView = false
    
    var body: some View {
        ScrollView {
            VStack(alignment: .leading) {
                if searchText.isEmpty {
                    VStack(alignment: .leading, spacing: 32) {
                        promotedCategoriesView
                        
                        Text("All Apps")
                            .font(.title2)
                            .bold()
                    }
                }
                
                LazyVStack(spacing: 32) {
                    ForEach(filteredApps, id: \.bundleIdentifier) { app in
                        NavigationLink {
                            AppDetailView(storeApp: app)
                        } label: {
                            BrowseAppPreviewView(storeApp: app)
                        }
                        .buttonStyle(PlainButtonStyle())
                    }
                }
            }
            .padding()
            .searchable(text: self.$searchText, placeholder: "Search")
        }
        .background(Color(UIColor.systemGroupedBackground).ignoresSafeArea())
        .navigationTitle("Browse")
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                SwiftUI.Button {
                    self.isShowingSourcesView = true
                } label: {
                    Text("Sources")
                }
                .sheet(isPresented: self.$isShowingSourcesView) {
                    NavigationView {
                        SourcesView()
                    }
                }
            }
            
            ToolbarItem(placement: .navigationBarTrailing) {
                SwiftUI.Button {
                    
                } label: {
                    Image(systemName: "line.3.horizontal.decrease.circle")
                        .imageScale(.large)
                }

            }
        }
    }
    
    var promotedCategoriesView: some View {
        VStack {
            HStack {
                Text("Promoted Categories")
                    .font(.title2)
                    .bold()
                Spacer()
                SwiftUI.Button(action: {}, label: { Text("Show all") })
                    .font(.callout)
            }
            
            LazyVGrid(columns: [GridItem(.flexible()), GridItem(.flexible())]) {
                PromotedCategoryView()
                    .shadow(color: .black.opacity(0.1), radius: 8, y: 5)
                
                PromotedCategoryView()
                    .shadow(color: .black.opacity(0.1), radius: 8, y: 5)
            }
        }
    }
}

struct BrowseView_Previews: PreviewProvider {
    static var previews: some View {
        BrowseView()
    }
}


struct PromotedCategoryView: View {
    
    var body: some View {
        ZStack {
            GeometryReader { proxy in
                RadialGradient(colors: [
                    Color(UIColor(hexString: "477E84")!),
                    Color(UIColor.secondarySystemBackground),
                    Color(UIColor.secondarySystemBackground),
                    Color(UIColor(hexString: "C38FF5")!)
                ], center: .bottomLeading, startRadius: 0, endRadius: proxy.size.width)
            }
            
            HStack {
                Image(systemName: "dpad.right.filled")
                Text("Games &\nEmulators")
                    .multilineTextAlignment(.leading)
            }
            .foregroundColor(.accentColor)
            .padding()
        }
        .aspectRatio(21/9, contentMode: .fill)
        .frame(maxWidth: .infinity)
        .clipShape(RoundedRectangle(cornerRadius: 12))
    }
}