struct pondsize {
let minWidth : CGFloat = 800
let minHeight : CGFloat = 660
let maxWidth : CGFloat = 1920
let maxHeight : CGFloat = 1620
}
struct Cotharticren: App {
  var body: some Scene {
        WindowGroup {
            ContentView()
        }
  }
}

     struct Option: Hashable {

         let title: String

         let imageName: String
     }

struct ContentView: View {

    @State var currentOption = 0

    let options: [Option] = [
        .init(title: "DART Meadow", imageName: "sun.max.fill"),
        .init(title: "Research", imageName: "flame"),
        .init(title: "Navigation", imageName: "moon.stars.fill"),
        .init(title: "Shelf", imageName: "archivebox"),
        .init(title: "Chest" ,imageName: "shippingbox"),
        .init(title: "Crate" ,imageName: "bonjour"),
        .init(title: "Manufactoring", imageName: "gear"),
        .init(title: "Warehouse", imageName: "archivebox.fill"),
        .init(title: "Journal", imageName: "note.text"),

    ]

    var body: some View {
        VStack(alignment: .leading) {
        HStack(alignment: .top) {
        ScrollView( .vertical) {
        NavigationView{
            /*
            List(1..<9)
            {
                     Text("\($0)")
                }
            .listStyle(SidebarListStyle())
            }
 */
            ListView(options: options, currentSelection: $currentOption)

            //Text(systemName: myItem.selectedImageName) + Text(myItem.whateverText)

            switch (currentOption) {
            case 1, 2 ,3:
                OrbitNodeView()
                ATM26NodeView()
                NozzleNodeView()
            case 4:
                EmptyView()
            case 5:
                EmptyView()
            case 6:
                EmptyView()
            case 7:
                EmptyView()
            case 8:
                EmptyView()

            default:
                MainView()

            }

       }.background(Color.white).listStyle(SidebarListStyle())
        /*
        .background(
           LinearGradient(gradient: Gradient(colors: [.blue, .black, .blue, .white, .white]), startPoint: .leading, endPoint: .trailing)
          )
 */
     /*
        .background(
                RadialGradient(gradient: Gradient(colors: [.blue, .black, .blue, .white, .white]), center: .bottomLeading, startRadius: 66, endRadius: 1080)
            )
         */
        //.background(Color.black)//init(red: 0.01, green: 0.01, blue: 1, opacity: 0.1))
      // .frame(minWidth: 600, minHeight: 400)
        }

    }


}
        Spacer()
    }
}


struct MainView: View {

    var body: some View{
        VStack(alignment: .leading) {
        HStack(alignment: .top) {


                Image("articrenmeadowopacity")
                    .shadow(radius: 3)


            }
        }

        .frame(minWidth: pondsize().minWidth, minHeight: pondsize().minHeight)
            .frame(maxWidth: pondsize().maxWidth, maxHeight: pondsize().maxHeight)
            //.border(Color.yellow, width: 1)

        .background(Color.white).listStyle(SidebarListStyle())
        Spacer()
        }

    }




struct ListView: View {
    let options: [Option]
    @Binding var currentSelection: Int
    var body: some View{


        VStack(alignment: .leading) {
        HStack(alignment: .top) {
            HStack(alignment: .top) {
                VStack(alignment: .trailing) {
            Circle()
                .stroke(Color.init(red: 0.9, green: 0.95, blue: 0.2, opacity: 1), lineWidth: 2)
                .alignmentGuide(HorizontalAlignment.myAlignment)
                                   { d in d[.leading] }
                .alignmentGuide(VerticalAlignment.myAlignment)
                                   { d in d[.bottom] }
                .frame(width: 50, height: 50)

                        Circle()
                            .stroke(Color.init(red: 0.25, green: 0.9, blue: 0.2, opacity: 1), lineWidth: 2)
                            .alignmentGuide(HorizontalAlignment.myAlignment)
                                               { d in d[.leading] }
                            .alignmentGuide(VerticalAlignment.myAlignment)
                                               { d in d[.bottom] }
                            .frame(width: 25, height: 25)
                            VStack(alignment: .leading) {
            Circle()
                .stroke(Color.init(red: 0.1, green: 0.1, blue: 1, opacity: 1), lineWidth: 2)
                .alignmentGuide(HorizontalAlignment.myAlignment)
                                   { d in d[.leading] }
                .alignmentGuide(VerticalAlignment.myAlignment)
                                   { d in d[.bottom] }
                .frame(width: 75, height: 75)
                }
                }
            }.listStyle(SidebarListStyle()).padding(.leading, 10)

            HStack(alignment: .top) {
        Image("DARTMeadowCSMwidthArtemis2by1")

            .shadow(radius: 3)
            .padding(.top, 10)
            }.listStyle(SidebarListStyle())


            .padding(.top, 20)

        .padding(.leading, 10)
        .padding(.trailing, 10)
        }
          /*
            HStack(alignment: .center) {
            VStack(alignment: .center) {

            Image("crytek400")
                HStack(alignment: .center) {
                Text("You've never plotted an Edge?")
                }
            }
            }.shadow(radius: 3)
*/
        VStack(alignment: .leading) {
            let current = options[currentSelection]
            ForEach(options, id: \.self) {option in
                HStack {

                    Image(systemName: option.imageName)
                        //.resizable()
                        //.aspectRatio(contentMode: .fit)
                        .frame(width: 20)

                    Text(option.title)
                        .foregroundColor(current == option ? Color.blue : Color.white)

                }
                .padding(8)
                .onTapGesture {
                  // self.currentSelection = 0

                    var sum:Int = 0

                    for i in 1...9 {
                        sum += i  //it’s like we did 1+2+3+4+5+6+7+8+9!


                    if currentSelection == 1 {
                        currentSelection = 0
                   } else {
                    currentSelection = 1
                    }
                    }

                    /*
                    let numbers = [1, 2, 3, 4, 5, 6]
                    var sum = 0

                    for i in numbers {
                        sum += i
                    }

                    print(sum)
 */
              }
            }

        }
    }.padding(.top, 20).listStyle(SidebarListStyle())
        Spacer()
    }

}