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 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 ? .brand : .gray)
      }
    }
    .onAppear {
      viewModel.client = client
    }
  }
  
  @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 {
          Button {
            routeurPath.navigate(to: .accountDetailWithAccount(account: status.account))
          } label: {
            makeAccountView(status: status)
          }.buttonStyle(.plain)
        }
        
        Text(status.content.asSafeAttributedString)
          .font(.body)
          .onTapGesture {
            routeurPath.navigate(to: .statusDetail(id: status.id))
          }
          .environment(\.openURL, OpenURLAction { url in
            routeurPath.handleStatus(status: status, url: url)
          })
        
        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)
        }
      }
    }
  }
  
  @ViewBuilder
  private func makeAccountView(status: AnyStatus) -> some View {
    AvatarView(url: status.account.avatar, size: .status)
    VStack(alignment: .leading, spacing: 0) {
      status.account.displayNameWithEmojis
        .font(.subheadline)
        .fontWeight(.semibold)
      Group {
        Text("@\(status.account.acct)") +
        Text(" ⸱ ") +
        Text(status.createdAt.formatted)
      }
      .font(.footnote)
      .foregroundColor(.gray)
    }
  }
}