Flaro/FlaroTV/Views/SignIn/TVSignInView.swift

import SwiftUI
import FlaroDesign
import FlaroServerKit
import JellyfinKit

/// Die Anmeldung am Fernseher.
///
/// **Erst die Frage, welcher Server.** Seit es zwei gibt, steht sie vorn —
/// und Flaro oben, weil die App dort mehr kann.
///
/// Danach dieselben Schritte wie am Telefon, nur andere Reihenfolge: beide
/// Modelle bekommen hier den Code-Weg voran. Vor einem Fernseher ist er der
/// bequemere: es gibt keinen Passwortspeicher, getippt wird mit dem
/// Steuerkreuz, und das Gerät, auf dem man bestätigt, liegt sowieso auf dem
/// Sofa. Benutzername und Passwort bleiben erreichbar.
struct TVSignInView: View {
    @Environment(FlaroSession.self) private var session

    @State private var art: FlaroSession.ServerKind?
    @State private var model: JellyfinSignInModel?

    var body: some View {
        ZStack {
            Color.flaroCanvas.ignoresSafeArea()

            Group {
                switch art {
                case nil:
                    auswahl()
                case .flaro:
                    TVFlaroSignInView(zurueck: { art = nil })
                case .jellyfin:
                    if let model {
                        inhalt(for: model)
                    } else {
                        ProgressView()
                    }
                }
            }
            // Eine Spalte, nicht die volle Breite: 1760 Punkte Zeile
            // liest sich aus drei Metern nicht mehr als Zeile.
            .frame(maxWidth: 900)
        }
        .onChange(of: art) { _, neu in
            guard neu == .jellyfin, model == nil else { return }
            // Erst hier, nicht im Eigenschaftswert: das Modell braucht die
            // Gerätekennung der Sitzung. Baut es sich eine eigene, steht die
            // App nach dem Anmelden ein zweites Mal in der Geräteliste.
            let frisch = JellyfinSignInModel(
                identity: session.jellyfinDeviceIdentity,
                preferring: .quickConnect
            )
            frisch.onAuthenticated = { client, account, serverName in
                Task {
                    await session.adoptJellyfin(
                        client: client, account: account, serverName: serverName
                    )
                }
            }
            model = frisch
        }
        .onDisappear { model?.cancel() }
    }

    private func auswahl() -> some View {
        VStack(alignment: .leading, spacing: FlaroSpacing.section) {
            Text(Branding.appName).font(.flaroHero)
            Text("signIn.tagline").font(.flaroBody).foregroundStyle(Color.flaroTextMuted)

            VStack(spacing: FlaroSpacing.regular) {
                Button("signIn.withFlaro") { art = .flaro }
                Button("signIn.withJellyfin") { art = .jellyfin }
            }
        }
        .padding(FlaroSpacing.section)
    }

    @ViewBuilder
    private func inhalt(for model: JellyfinSignInModel) -> some View {
        @Bindable var model = model

        VStack(alignment: .leading, spacing: FlaroSpacing.section) {
            Text(Branding.appName).font(.flaroHero)
            Text("signIn.tagline").font(.flaroBody).foregroundStyle(Color.flaroTextMuted)

            switch model.step {
            case .address:
                adresse(model: model)
            case .checking:
                warten("signIn.jellyfin.searching")
            case .quickConnect(let code):
                codeAnzeigen(model: model, code: code)
            case .credentials:
                zugangsdaten(model: model)
            case .signingIn:
                warten("signIn.jellyfin.signingIn")
            }

            if let fehler = model.errorMessage {
                Text(fehler).font(.flaroBody).foregroundStyle(Color.flaroDestructive)
            }
        }
        .padding(FlaroSpacing.section)
    }

    // MARK: - Die vier Schritte

    private func adresse(model: JellyfinSignInModel) -> some View {
        @Bindable var model = model

        return VStack(alignment: .leading, spacing: FlaroSpacing.regular) {
            Text("signIn.jellyfin.addressPrompt").font(.flaroRowHeader)
            // Auf tvOS öffnet ein Textfeld beim Fokussieren die
            // Bildschirmtastatur ganzseitig — deshalb steht hier nur das Feld
            // und keine Maske drumherum.
            TextField("signIn.jellyfin.addressPlaceholder", text: $model.address)
                .flaroPlainEntry(isAddress: true)
            Text("signIn.jellyfin.addressHint")
                .font(.flaroCaption).foregroundStyle(Color.flaroTextMuted)
            Button("signIn.jellyfin.connect") {
                Task { await model.findServer() }
            }
        }
    }

    private func codeAnzeigen(model: JellyfinSignInModel, code: String) -> some View {
        VStack(alignment: .leading, spacing: FlaroSpacing.regular) {
            if let name = model.serverName {
                Text(name).font(.flaroRowHeader)
            }
            // **Der Code ist hier der Inhalt, nicht eine Beschriftung.**
            // Er wird aus drei Metern abgelesen und in ein Telefon getippt;
            // in Fliesstextgrösse ist das eine Zumutung.
            Text(code)
                .font(.system(size: 96, weight: .bold, design: .monospaced))
                .kerning(12)
                .foregroundStyle(.white)
            Text("signIn.jellyfin.quickConnectHint").font(.flaroBody)
            Label("signIn.jellyfin.waitingForApproval", systemImage: "hourglass")
                .font(.flaroCaption).foregroundStyle(Color.flaroTextMuted)

            HStack(spacing: FlaroSpacing.regular) {
                Button("signIn.jellyfin.usePassword") { model.useCredentials() }
                Button("signIn.jellyfin.otherAddress") { model.startOver() }
            }
        }
    }

    private func zugangsdaten(model: JellyfinSignInModel) -> some View {
        @Bindable var model = model

        return VStack(alignment: .leading, spacing: FlaroSpacing.regular) {
            if let name = model.serverName {
                Text(name).font(.flaroRowHeader)
            }
            TextField("signIn.userName", text: $model.userName)
                .flaroPlainEntry()
            SecureField("signIn.password", text: $model.password)
            Text("signIn.jellyfin.passwordNote")
                .font(.flaroCaption).foregroundStyle(Color.flaroTextMuted)

            HStack(spacing: FlaroSpacing.regular) {
                Button("signIn.jellyfin.submit") {
                    Task { await model.signInWithPassword() }
                }
                if model.offersQuickConnect {
                    Button("signIn.jellyfin.useCode") {
                        Task { await model.beginQuickConnect() }
                    }
                }
                Button("signIn.jellyfin.otherAddress") { model.startOver() }
            }
        }
    }

    private func warten(_ text: LocalizedStringKey) -> some View {
        HStack(spacing: FlaroSpacing.regular) {
            ProgressView()
            Text(text).font(.flaroBody)
        }
    }
}