#if os(iOS)

  import Foundation
  import Models
  import Services
  import SwiftUI
  import Utils
  import Views

  public struct MiniPlayerViewer: View {
    @EnvironmentObject var audioController: AudioController
    @Environment(\.colorScheme) private var colorScheme: ColorScheme

    @State var expanded = true

    let itemAudioProperties: LinkedItemAudioProperties

    var playPauseButtonImage: String {
      switch audioController.state {
      case .playing:
        return "pause.circle"
      case .paused:
        return "play.circle"
      case .reachedEnd:
        return "gobackward"
      default:
        return ""
      }
    }

    var playPauseButtonItem: some View {
      if audioController.playbackError {
        return AnyView(Color.clear)
      }
      if let itemID = audioController.itemAudioProperties?.itemID, audioController.isLoadingItem(itemID: itemID) {
        return AnyView(ProgressView())
      } else {
        return AnyView(Button(
          action: {
            switch audioController.state {
            case .playing:
              audioController.pause()
            case .paused:
              audioController.unpause()
            case .reachedEnd:
              audioController.seek(to: 0.0)
              audioController.unpause()
            default:
              break
            }
          },
          label: {
            Image(systemName: playPauseButtonImage)
              .resizable(resizingMode: Image.ResizingMode.stretch)
              .aspectRatio(contentMode: .fit)
              .font(Font.title.weight(.light))
          }
        ).buttonStyle(.plain)
        )
      }
    }

    var stopButton: some View {
      Button(
        action: {
          audioController.stop()
        },
        label: {
          ZStack {
            Circle()
              .foregroundColor(Color(hex: "#3D3D3D"))

            Image(systemName: "xmark")
              .resizable(resizingMode: Image.ResizingMode.stretch)
              .foregroundColor(Color(hex: "#D9D9D9"))
              .aspectRatio(contentMode: .fit)
              .font(Font.title.weight(.medium))
              .frame(width: 14, height: 14)
          }
        }
      )
      .buttonStyle(.plain)
      .background(Color.clear)
      .buttonStyle(PlainButtonStyle())
    }

    func artwork(_ itemAudioProperties: LinkedItemAudioProperties, forDimensions dim: Double) -> some View {
      if let imageURL = itemAudioProperties.imageURL {
        return AnyView(AsyncImage(url: imageURL) { phase in
          if let image = phase.image {
            image
              .resizable()
              .aspectRatio(contentMode: .fill)
              .frame(width: dim, height: dim)
              .cornerRadius(6)
          } else if phase.error != nil {
            defaultArtwork(forDimensions: dim)
          } else {
            Color.appButtonBackground
              .frame(width: dim, height: dim)
              .cornerRadius(6)
          }
        })
      }
      return AnyView(defaultArtwork(forDimensions: dim))
    }

    func defaultArtwork(forDimensions dim: Double) -> some View {
      ZStack(alignment: .center) {
        Color.appButtonBackground
          .frame(width: dim, height: dim)
          .cornerRadius(6)

        Image.headphones
          .resizable()
          .aspectRatio(contentMode: .fit)
          .frame(width: dim / 2, height: dim / 2)
      }
    }

    public var body: some View {
      VStack(spacing: 0) {
        HStack(alignment: .center, spacing: 15) {
          if audioController.playbackError {
            Text("There was an error playing back your audio.").foregroundColor(Color.red).font(.footnote)
            Spacer(minLength: 0)
          } else {
            artwork(itemAudioProperties, forDimensions: 50)

            Text(itemAudioProperties.title)
              .font(Font.system(size: 17, weight: .medium))
              .fixedSize(horizontal: false, vertical: true)
              .lineLimit(2)
              .foregroundColor(.appGrayTextContrast)
              .frame(maxHeight: 40, alignment: .leading)

            Spacer(minLength: 0)

            playPauseButtonItem
              .frame(width: 40, height: 40)
              .foregroundColor(.themeAudioPlayerGray)
          }
          stopButton
            .frame(width: 40, height: 40)
            .foregroundColor(.themeAudioPlayerGray)
        }
        .padding(.vertical, 5)
        .padding(.horizontal, 15)
        .frame(maxHeight: .infinity)
      }
      .padding(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
      .background(
        Color.themeTabBarColor
      )
      .frame(height: 60)
    }
  }

#endif