IceCubesApp/Packages/Status/Sources/Status/Row/StatusRowView.swift

import SwiftUI
import Models
import Env
import DesignSystem
import Network

public struct StatusRowView: View {
  @Environment(\.redactionReasons) private var reasons
  @EnvironmentObject private var account: CurrentAccount
  @EnvironmentObject private var theme: Theme
  @EnvironmentObject private var client: Client
  @EnvironmentObject private var routeurPath: RouterPath
  @StateObject var viewModel: StatusRowViewModel
  
  public init(viewModel: StatusRowViewModel) {
    _viewModel = StateObject(wrappedValue: viewModel)
  }
  
  public var body: some View {
    VStack(alignment: .leading) {
      if !viewModel.isEmbed {
        reblogView
        replyView
      }
      statusView
      if !viewModel.isEmbed {
        StatusActionsView(viewModel: viewModel)
          .padding(.vertical, 8)
          .tint(viewModel.isFocused ? theme.tintColor : .gray)
          .contentShape(Rectangle())
          .onTapGesture {
            routeurPath.navigate(to: .statusDetail(id: viewModel.status.reblog?.id ?? viewModel.status.id))
          }
      }
    }
    .onAppear {
      viewModel.client = client
      if !viewModel.isEmbed {
        Task {
          await viewModel.loadEmbededStatus()
        }
      }
    }
  }
  
  @ViewBuilder
  private var reblogView: some View {
    if viewModel.status.reblog != nil {
      HStack(spacing: 2) {
        Image(systemName:"arrow.left.arrow.right.circle.fill")
        viewModel.status.account.displayNameWithEmojis
        Text("boosted")
      }
      .font(.footnote)
      .foregroundColor(.gray)
      .fontWeight(.semibold)
      .onTapGesture {
        routeurPath.navigate(to: .accountDetailWithAccount(account: viewModel.status.account))
      }
    }
  }
  
  @ViewBuilder
  var replyView: some View {
    if let accountId = viewModel.status.inReplyToAccountId,
       let mention = viewModel.status.mentions.first(where: { $0.id == accountId}) {
          HStack(spacing: 2) {
            Image(systemName:"arrowshape.turn.up.left.fill")
            Text("Replied to")
            Text(mention.username)
          }
          .font(.footnote)
          .foregroundColor(.gray)
          .fontWeight(.semibold)
          .onTapGesture {
            routeurPath.navigate(to: .accountDetail(id: mention.id))
          }
    }
  }
  
  private var statusView: some View {
    VStack(alignment: .leading, spacing: 8) {
      if let status: AnyStatus = viewModel.status.reblog ?? viewModel.status {
        if !viewModel.isEmbed {
          HStack(alignment: .top) {
            Button {
              routeurPath.navigate(to: .accountDetailWithAccount(account: status.account))
            } label: {
              makeAccountView(status: status)
            }.buttonStyle(.plain)
            Spacer()
            menuButton
          }
        }
        makeStatusContentView(status: status)
      }
    }
  }
  
  private func makeStatusContentView(status: AnyStatus) -> some View {
    Group {
      Text(status.content.asSafeAttributedString)
        .font(.body)
        .environment(\.openURL, OpenURLAction { url in
          routeurPath.handleStatus(status: status, url: url)
        })
      
      embededStatusView
      
      if !status.mediaAttachments.isEmpty {
        if viewModel.isEmbed {
          Image(systemName: "paperclip")
        } else {
          StatusMediaPreviewView(attachements: status.mediaAttachments)
            .padding(.vertical, 4)
        }
      }
      if let card = status.card, !viewModel.isEmbed {
        StatusCardView(card: card)
      }
    }
    .contentShape(Rectangle())
    .onTapGesture {
      routeurPath.navigate(to: .statusDetail(id: viewModel.status.reblog?.id ?? viewModel.status.id))
    }
  }
  
  @ViewBuilder
  private func makeAccountView(status: AnyStatus, size: AvatarView.Size = .status) -> some View {
    HStack(alignment: .center) {
      AvatarView(url: status.account.avatar, size: size)
      VStack(alignment: .leading, spacing: 0) {
        status.account.displayNameWithEmojis
          .font(size == .embed ? .footnote : .headline)
          .fontWeight(.semibold)
        Group {
          Text("@\(status.account.acct)") +
          Text(" ⸱ ") +
          Text(status.createdAt.formatted)
        }
        .font(size == .embed ? .caption : .footnote)
        .foregroundColor(.gray)
      }
    }
  }
  
  @ViewBuilder
  private var embededStatusView: some View {
    if let status = viewModel.embededStatus {
      VStack(alignment: .leading) {
        makeAccountView(status: status, size: .embed)
        StatusRowView(viewModel: .init(status: status, isEmbed: true))
      }
      .padding(8)
      .background(Color.gray.opacity(0.10))
      .overlay(
        RoundedRectangle(cornerRadius: 4)
          .stroke(.gray.opacity(0.35), lineWidth: 1)
      )
      .padding(.top, 8)
    }
  }
  
  private var menuButton: some View {
    Menu {
      contextMenu
    } label: {
      Image(systemName: "ellipsis")
        .frame(width: 30, height: 30)
    }
    .foregroundColor(.gray)
    .contentShape(Rectangle())
  }
  
  @ViewBuilder
  private var contextMenu: some View {
    Button { Task {
      if viewModel.isFavourited {
        await viewModel.unFavourite()
      } else {
        await viewModel.favourite()
      }
    } } label: {
      Label(viewModel.isFavourited ? "Unfavorite" : "Favorite", systemImage: "star")
    }
    Button { Task {
      if viewModel.isReblogged {
        await viewModel.unReblog()
      } else {
        await viewModel.reblog()
      }
    } } label: {
      Label(viewModel.isReblogged ? "Unboost" : "Boost", systemImage: "arrow.left.arrow.right.circle")
    }
    Button {
      routeurPath.presentedSheet = .quoteStatusEditor(status: viewModel.status.reblog ?? viewModel.status)
    } label: {
      Label("Quote this status", systemImage: "quote.bubble")
    }

    if let url = viewModel.status.reblog?.url ?? viewModel.status.url {
      Button { UIApplication.shared.open(url)  } label: {
        Label("View in Browser", systemImage: "safari")
      }
    }

    if account.account?.id == viewModel.status.account.id {
      Button {
        routeurPath.presentedSheet = .editStatusEditor(status: viewModel.status)
      } label: {
        Label("Edit", systemImage: "pencil")
      }
      Button(role: .destructive) { Task { await viewModel.delete() } } label: {
        Label("Delete", systemImage: "trash")
      }
    }
  }
}