ClashX-Dashboard/ClashX Dashboard/Views/ContentTabs/Proxies/ProxyProviderGroupView.swift

//
//  ProxyProviderGroupView.swift
//  ClashX Dashboard
//
//

import SwiftUI

struct ProxyProviderGroupView: View {
	@Binding var columnCount: Int
	
	@Binding var providerInfo: ClashProvider
	
	@State private var proxyItems: [ProxyItemData]
	
	@State private var trafficInfo: String
	@State private var expireDate: String
	@State private var updateAt: String
	
	
	@State private var isListExpanded = false
	@State private var isTesting = false
	@State private var isUpdating = false
	
	@EnvironmentObject var searchString: ProxiesSearchString
	
	init(columnCount: Binding<Int>,
		 providerInfo: Binding<ClashProvider>) {
		self._columnCount = columnCount
		self._providerInfo = providerInfo
		
		let info = providerInfo.wrappedValue
		
		self.proxyItems = info.proxies.map(ProxyItemData.init)
		
		if let info = info.subscriptionInfo {
			let used = info.download + info.upload
			let total = info.total
			
			let formatter = ByteCountFormatter()
			
			trafficInfo = formatter.string(fromByteCount: used)
			+ " / "
			+ formatter.string(fromByteCount: total)
			+ " ( \(String(format: "%.2f", Double(used)/Double(total/100)))% )"
			
			
			let expire = info.expire
			
			expireDate = "Expire: "
			+ Date(timeIntervalSince1970: TimeInterval(expire))
				.formatted()
		} else {
			trafficInfo = ""
			expireDate = ""
		}
		
		if let updatedAt = info.updatedAt {
			let formatter = RelativeDateTimeFormatter()
			self.updateAt = formatter.localizedString(for: updatedAt, relativeTo: .now)
		} else {
			self.updateAt = ""
		}
	}
	

    var body: some View {
		Section {
			providerListView
				.background {
					Rectangle()
						.frame(width: 2, height: listHeight(columnCount))
						.foregroundColor(.clear)
				}
				.show(isVisible: !isListExpanded)
			
		} header: {
			providerInfoView
		} footer: {
			HStack {
				Button {
					update()
				} label: {
					Label("Update", systemImage: "arrow.clockwise")
				}
				
				.disabled(isUpdating)
				
				Button {
					startBenchmark()
				} label: {
					Label("Benchmark", systemImage: "bolt.fill")
				}
				.disabled(isTesting)
			}
		}
    }
	
	var providerInfoView: some View {
		VStack(alignment: .leading) {
			HStack {
				Text(providerInfo.name)
					.font(.title)
					.fontWeight(.medium)
				Text(providerInfo.vehicleType.rawValue)
					.fontWeight(.regular)
				Text("\(providerInfo.proxies.count)")
				Button() {
					isListExpanded = !isListExpanded
				} label: {
					Image(systemName: isListExpanded ? "chevron.up" : "chevron.down")
				}
				Button() {
					update()
				} label: {
					Image(systemName: "arrow.clockwise")
				}
				.disabled(isUpdating)
				
				Button() {
					startBenchmark()
				} label: {
					Image(systemName: "bolt.fill")
				}
				.disabled(isTesting)
			}
			
			HStack {
				if trafficInfo != "" {
					Text(trafficInfo)
						.fontWeight(.regular)
				}
				if expireDate != "" {
					Text(expireDate)
						.fontWeight(.regular)
				}
			}
			if updateAt != "" {
				Text("Updated \(updateAt)")
					.fontWeight(.regular)
			}
		}
	}
	
	var providerListView: some View {
		LazyVGrid(columns: Array(repeating: GridItem(.flexible()),
								 count: columnCount)) {
			ForEach($proxyItems, id: \.id) { item in
				ProxyItemView(
					proxy: item,
					selectable: false
				)
				.background(.white)
				.cornerRadius(8)
//				.onTapGesture {
//					let item = item.wrappedValue
//					updateSelect(item.name)
//				}
				.show(isVisible: {
					if searchString.string.isEmpty {
						return true
					} else {
						return item.wrappedValue.name.lowercased().contains(searchString.string.lowercased())
					}
				}())
			}
		}
	}
	
	func listHeight(_ columnCount: Int) -> Double {
		let lineCount = ceil(Double(providerInfo.proxies.count) / Double(columnCount))
		return lineCount * 60 + (lineCount - 1) * 8
	}
	
	func startBenchmark() {
		isTesting = true
		let name = providerInfo.name
		ApiRequest.healthCheck(proxy: name) {
			ApiRequest.requestProxyProviderList {
				isTesting = false
				
				guard let provider = $0.allProviders[name] else { return }
				self.proxyItems = provider.proxies.map(ProxyItemData.init)
			}
		}
	}
	
	func update() {
		isUpdating = true
		let name = providerInfo.name
		ApiRequest.updateProvider(for: .proxy, name: name) { _ in
			ApiRequest.requestProxyProviderList {
				isUpdating = false
				guard let provider = $0.allProviders[name] else { return }
				self.providerInfo = provider
			}
		}
	}
	
	
}

//struct ProviderGroupView_Previews: PreviewProvider {
//    static var previews: some View {
//        ProviderGroupView()
//    }
//}