//
//  CompletionView.swift
//  Gaze
//
//  Created by Mike Freno on 1/7/26.
//

import SwiftUI

struct CompletionView: View {
    var onComplete: () -> Void
    var onBack: (() -> Void)?
    
    var body: some View {
        VStack(spacing: 30) {
            Spacer()
            
            Image(systemName: "checkmark.circle.fill")
                .font(.system(size: 80))
                .foregroundColor(.green)
            
            Text("You're All Set!")
                .font(.system(size: 36, weight: .bold))
            
            Text("Gaze will now help you take care of your eyes and posture")
                .font(.title3)
                .foregroundColor(.secondary)
                .multilineTextAlignment(.center)
                .padding(.horizontal, 40)
            
            VStack(alignment: .leading, spacing: 16) {
                Text("What happens next:")
                    .font(.headline)
                    .padding(.horizontal)
                
                HStack(spacing: 16) {
                    Image(systemName: "menubar.rectangle")
                        .foregroundColor(.blue)
                        .frame(width: 30)
                    Text("Gaze will appear in your menu bar")
                        .font(.subheadline)
                }
                .padding(.horizontal)
                
                HStack(spacing: 16) {
                    Image(systemName: "clock")
                        .foregroundColor(.blue)
                        .frame(width: 30)
                    Text("Timers will start automatically")
                        .font(.subheadline)
                }
                .padding(.horizontal)
                
                HStack(spacing: 16) {
                    Image(systemName: "gearshape")
                        .foregroundColor(.blue)
                        .frame(width: 30)
                    Text("Adjust settings anytime from the menu bar")
                        .font(.subheadline)
                }
                .padding(.horizontal)
            }
            .padding()
            .glassEffect(in: .rect(cornerRadius: 12))
            
            Spacer()
            
            HStack(spacing: 12) {
                if let onBack = onBack {
                    Button(action: onBack) {
                        HStack {
                            Image(systemName: "chevron.left")
                            Text("Back")
                        }
                        .font(.headline)
                        .frame(maxWidth: .infinity)
                        .padding()
                    }
                    .buttonStyle(.plain)
                    .glassEffect(.regular.interactive())
                }
                
                Button(action: onComplete) {
                    Text("Get Started")
                        .font(.headline)
                        .frame(maxWidth: .infinity)
                        .padding()
                }
                .buttonStyle(.plain)
                .glassEffect(.regular.tint(.green).interactive())
            }
            .padding(.horizontal, 40)
        }
        .frame(width: 600, height: 500)
        .padding()
        .background(.clear)
    }
}

#Preview {
    CompletionView(onComplete: {}, onBack: {})
}