QuickDrop/QuickDropiOS/ContentView.swift

//
//  ContentView.swift
//  QuickDropiOS
//
//  Created by Leon Böttger on 28.07.25.
//

import SwiftUI
import LUI

struct ContentView: View {
    
    @StateObject var model = ShareViewModel()
    
    var body: some View {
        AppRootView(isPlus: .constant(true), phoneView: {
            DeviceListView(model: model)
        }, settingsView: {
            EmptyView()
        })
    }
}

struct DeviceListView: View {
    
    @ObservedObject var model: ShareViewModel
    
    var body: some View {
        
        NavigationSubView(header: "QuickDrop ") {
            
            // "You're visible as"
            VStack(alignment: .leading, spacing: 8) {
                FooterView(text: "YouAreVisibleAs")
                
                Text(NearbyConnectionManager.shared.getEndpointInfo().name ?? "QuickDrop")
                    .fontWeight(.bold)
                    .padding(.horizontal, 16)
                    .padding(.vertical, 6)
                    .background(Color.defaultForegroundColor)
                    .cornerRadius(24)
                    .padding(.horizontal)
            }
            .padding(.top, 8)
            .frame(maxWidth: .infinity, alignment: .leading)
            
            
            if model.foundDevices.isEmpty {
                
                CustomSection(header: "NoDevicesFound") {
                    
                    HStack(spacing: 12) {
                        Image(systemName: "square.and.arrow.down")
                            .font(.system(size: 30))
                            .foregroundColor(.gray)
                        
                        Text("DownloadQuickDropOnPlayStore")
                    }
                    .padding(.vertical)
                }
            } else {
                
                CustomSection(header: "AvailableDevices") {
                    ForEach(model.foundDevices) { device in
                        
                        let isSelected = model.selectedDevice == device
                        
                        SendPickerButton {
                            HStack(spacing: 12) {
                                
                                let name = device.name ?? "Android"
                                
                                ZStack {
                                    Circle()
                                        .fill(
                                            LinearGradient(
                                                colors: [Color(red: 0.623, green: 0.659, blue: 0.855),
                                                         Color(red: 0.474, green: 0.525, blue: 0.796)],
                                                startPoint: .top,
                                                endPoint: .bottom
                                            )
                                        )
                                        .frame(width: 40, height: 40)
                                    
                                    Image(systemName: device.icon)
                                        .foregroundColor(.white)
                                        .fontWeight(.bold)
                                }
                                
                                VStack(alignment: .leading, spacing: 5) {
                                    Text(name)
                                        .fontWeight(.medium)
                                        .foregroundColor(Color.primary)
                                    
                                    Text(isSelected ? model.progressState ?? "..." : "Available".localized())
                                        .font(.system(size: 12))
                                        .foregroundColor(Color.primary.opacity(0.6))
                                }
                                
                                Spacer()
                                
                                if isSelected, let progress = model.progressValue {
                                    PieProgressView(progress: progress, size: 20)
                                }
                                else {
                                    Image(systemName: "chevron.right")
                                        .foregroundColor(Color.primary.opacity(0.6))
                                }
                            }
                            .padding(.vertical, 13)
                        } onResult: { urls, text in
                            model.urls = urls ?? []
                            model.textToSend = text
                            model.selectDevice(device: device)
                        }
                        .animation(.easeInOut, value: model.progressValue)
                        .animation(.easeInOut, value: isSelected)
                    }
                }
            }
            
            HStack(spacing: 8) {
                Text("SearchingForDevices")
                    .font(.system(size: 14))
                    .foregroundColor(Color.primary.opacity(0.6))
                
                ProgressView()
                    .frame(width: 12, height: 12)
            }
            .padding(.vertical, 16)
        }
        .navigationBarItems(trailing: LUISettingsButton())
    }
}

extension DeviceListView {
    static var preview: DeviceListView {
        let model = ShareViewModel()
        model.foundDevices = [
            RemoteDeviceInfo(name: "MacBook Pro", type: .computer, id: "macbook-pro-id"),
            RemoteDeviceInfo(name: "iPhone 14", type: .phone, id: "iphone-14-id"),
            RemoteDeviceInfo(name: "Samsung Galaxy S21", type: .phone, id: "samsung-galaxy-s21-id")
        ]
        
        return DeviceListView(model: model)
    }
}

#Preview {
    NavigationView {
        DeviceListView.preview
    }
}