//
// SplitAddEditView.swift
// Workouts
//
// Created by rzen on 7/18/25 at 9:42 AM.
//
// Copyright 2025 Rouslan Zenetl. All Rights Reserved.
//

import SwiftUI

struct SplitAddEditView: View {
    @Environment(\.modelContext) private var modelContext
    @Environment(\.dismiss) private var dismiss

    @State var model: Split
    
    private let availableColors = ["red", "orange", "yellow", "green", "mint", "teal", "cyan", "blue", "indigo", "purple", "pink", "brown"]
    
    private let availableIcons = ["dumbbell.fill", "figure.strengthtraining.traditional", "figure.run", "figure.hiking", "figure.cooldown", "figure.boxing", "figure.wrestling", "figure.gymnastics", "figure.handball", "figure.core.training", "heart.fill", "bolt.fill"]
    
    var body: some View {
        NavigationStack {
            Form {                
                Section(header: Text("Name")) {
                    TextField("Name", text: $model.name)
                        .bold()
                }
                
                Section(header: Text("Appearance")) {
                    Picker("Color", selection: $model.color) {
                        ForEach(availableColors, id: \.self) { colorName in
                            let tempSplit = Split(name: "", color: colorName)
                            HStack {
                                Circle()
                                    .fill(tempSplit.getColor())
                                    .frame(width: 20, height: 20)
                                Text(colorName.capitalized)
                            }
                            .tag(colorName)
                        }
                    }
                    
                    Picker("Icon", selection: $model.systemImage) {
                        ForEach(availableIcons, id: \.self) { iconName in
                            HStack {
                                Image(systemName: iconName)
                                    .frame(width: 24, height: 24)
                                Text(iconName.replacingOccurrences(of: ".fill", with: "").replacingOccurrences(of: "figure.", with: "").capitalized)
                            }
                            .tag(iconName)
                        }
                    }
                }
                
                Section(header: Text("Exercises")) {
                    NavigationLink {
                        ExerciseListView(split: model)
                    } label: {
                        ListItem(
                            text: "Exercises",
                            count: model.exercises?.count ?? 0
                        )
                    }
                }
            }
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Button("Cancel") {
                        dismiss()
                    }
                }
                
                ToolbarItem(placement: .navigationBarTrailing) {
                    Button("Save") {
                        try? modelContext.save()
                        dismiss()
                    }
                }
            }
        }
    }
}