import SwiftUI

//extension View {
//  func endEditing() {
//    UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
//  }
//}

struct MessageView: View {
  @Environment(Hotline.self) private var model: Hotline
  @Environment(\.colorScheme) var colorScheme
  
  @State var input: String = ""
  @State private var scrollPos: Int?
  @State private var contentHeight: CGFloat = 0
  
  @Namespace var bottomID
  
  let userID: UInt
  
  var body: some View {
    NavigationStack {
      VStack(spacing: 0) {
        ScrollViewReader { reader in
          ScrollView {
            LazyVStack(alignment: .leading) {
//              ForEach(model.chat) { msg in
//                if msg.type == .agreement {
//                  VStack(alignment: .leading) {
//                    VStack(alignment: .leading, spacing: 0) {
//                      Text(msg.text)
//                        .textSelection(.enabled)
//                        .padding()
//                        .opacity(0.75)
//                      HStack {
//                        Spacer()
//                        Text((model.serverTitle) + " Server Agreement")
//                          .font(.caption)
//                          .fontWeight(.medium)
//                          .opacity(0.4)
//                          .lineLimit(1)
//                          .truncationMode(.middle)
//                        Spacer()
//                      }
//                      .padding()
//                      .background(colorScheme == .dark ? Color(white: 0.2) : Color(white: 0.9))
//                    }
//                    .background(colorScheme == .dark ? Color(white: 0.1) : Color(white: 0.96))
//                    .cornerRadius(16)
//                    .frame(maxWidth: .infinity)
//                  }
//                  .padding()
//                }
//                else if msg.type == .status {
//                  HStack {
//                    Spacer()
//                    Text(msg.text)
//                      .lineLimit(1)
//                      .truncationMode(.middle)
//                      .opacity(0.3)
//                    Spacer()
//                  }
//                  .padding()
//                }
//                else {
//                  HStack(alignment: .firstTextBaseline) {
//                    if let username = msg.username {
//                      Text("**\(username):** \(msg.text)")
//                    }
//                    else {
//                      Text(msg.text)
//                        .textSelection(.enabled)
//                    }
//                    Spacer()
//                  }
//                  .padding(EdgeInsets(top: 4, leading: 16, bottom: 4, trailing: 16))
//                }
//              }
              EmptyView().id(bottomID)
            }
            .padding(.bottom, 12)
          }
          .defaultScrollAnchor(.bottom)
          .onChange(of: model.chat.count) {
            withAnimation {
              reader.scrollTo(bottomID, anchor: .bottom)
            }
            print("SCROLLED TO BOTTOM")
          }
          .onAppear {
            reader.scrollTo(bottomID, anchor: .bottom)
          }
          .scrollDismissesKeyboard(.interactively)
          .onTapGesture {
//            self.endEditing()
          }
          .textSelection(.enabled)
        }
        
        Divider()
        
        HStack(alignment: .top) {
          Image(systemName: "chevron.right").opacity(0.4)
          TextField("", text: $input, axis: .vertical)
            .textFieldStyle(.plain)
            .lineLimit(1...5)
            .onSubmit {
//              if !self.input.isEmpty {
//                model.sendChat(self.input)
//              }
              self.input = ""
            }
            .frame(maxWidth: .infinity)
          Button {
//            if !self.input.isEmpty {
//              model.sendChat(self.input)
//            }
            self.input = ""
          } label: {
            Image(systemName: self.input.isEmpty ? "arrow.up.circle" : "arrow.up.circle.fill")
              .resizable()
              .scaledToFit()
              .frame(width: 24.0, height: 24.0)
              .opacity(self.input.isEmpty ? 0.4 : 1.0)
          }
        }.padding()
      }
    }
  }
}

#Preview {
  ChatView()
    .environment(Hotline(trackerClient: HotlineTrackerClient(), client: HotlineClient()))
}