import SwiftUI

enum AppUI {
    static let accent = Color(red: 0.91, green: 0.48, blue: 0.12)
    static let cardCornerRadius: CGFloat = 14
    static let compactCornerRadius: CGFloat = 8
}

struct LocalStatusLabel: View {
    let databaseName: String?

    var body: some View {
        HStack(spacing: 7) {
            Circle()
                .fill(.green)
                .frame(width: 7, height: 7)
            Text("Lokal · nicht synchronisiert")
                .font(.caption)
                .foregroundStyle(.secondary)
            if let databaseName {
                Text("·")
                    .foregroundStyle(.tertiary)
                Text(databaseName)
                    .font(.caption.monospaced())
                    .foregroundStyle(.tertiary)
                    .lineLimit(1)
            }
        }
        .accessibilityElement(children: .combine)
        .accessibilityLabel("Lokale Datenbank, keine Synchronisierung")
    }
}

struct StatusChip: View {
    let title: String
    var systemImage: String? = nil
    var tint: Color = .secondary

    var body: some View {
        HStack(spacing: 5) {
            if let systemImage {
                Image(systemName: systemImage)
            }
            Text(title)
                .lineLimit(1)
        }
        .font(.caption.weight(.medium))
        .foregroundStyle(tint)
        .padding(.horizontal, 8)
        .padding(.vertical, 4)
        .background(tint.opacity(0.11), in: Capsule())
    }
}

struct ErrorBanner: View {
    let error: AppErrorPresentation
    let dismiss: () -> Void
    let copyDiagnostic: () -> Void

    var body: some View {
        HStack(alignment: .top, spacing: 12) {
            Image(systemName: "exclamationmark.triangle.fill")
                .foregroundStyle(.red)
                .padding(.top, 2)
            VStack(alignment: .leading, spacing: 3) {
                Text(error.title)
                    .font(.subheadline.weight(.semibold))
                Text(error.message)
                    .font(.caption)
                    .foregroundStyle(.secondary)
                    .textSelection(.enabled)
            }
            Spacer(minLength: 16)
            Button("Diagnose kopieren", action: copyDiagnostic)
                .buttonStyle(.borderless)
                .font(.caption)
            Button(action: dismiss) {
                Image(systemName: "xmark")
            }
            .buttonStyle(.borderless)
            .accessibilityLabel("Fehler ausblenden")
        }
        .padding(12)
        .background(.red.opacity(0.08))
        .overlay(alignment: .bottom) {
            Divider().overlay(.red.opacity(0.2))
        }
    }
}

struct SuccessToast: View {
    let message: String

    var body: some View {
        Label(message, systemImage: "checkmark.circle.fill")
            .font(.callout.weight(.medium))
            .padding(.horizontal, 14)
            .padding(.vertical, 10)
            .background(.regularMaterial, in: Capsule())
            .shadow(color: .black.opacity(0.13), radius: 16, y: 7)
            .accessibilityAddTraits(.isStaticText)
    }
}

struct MetricCard: View {
    let title: String
    let value: Int
    let systemImage: String
    var tint: Color = AppUI.accent

    var body: some View {
        HStack(spacing: 13) {
            Image(systemName: systemImage)
                .font(.title2)
                .foregroundStyle(tint)
                .frame(width: 36, height: 36)
                .background(tint.opacity(0.12), in: RoundedRectangle(cornerRadius: 9))
            VStack(alignment: .leading, spacing: 2) {
                Text(value.formatted())
                    .font(.title2.weight(.semibold).monospacedDigit())
                Text(title)
                    .font(.caption)
                    .foregroundStyle(.secondary)
            }
            Spacer(minLength: 0)
        }
        .padding(14)
        .background(
            Color(nsColor: .controlBackgroundColor),
            in: RoundedRectangle(cornerRadius: AppUI.cardCornerRadius)
        )
        .overlay {
            RoundedRectangle(cornerRadius: AppUI.cardCornerRadius)
                .stroke(Color(nsColor: .separatorColor).opacity(0.55), lineWidth: 1)
        }
    }
}

struct RatingControl: View {
    let rating: Int?
    var size: Font = .body
    var onChange: ((Int?) -> Void)?

    var body: some View {
        HStack(spacing: 2) {
            ForEach(1...5, id: \.self) { value in
                Button {
                    onChange?(rating == value ? nil : value)
                } label: {
                    Image(systemName: value <= (rating ?? 0) ? "star.fill" : "star")
                        .font(size)
                        .foregroundStyle(value <= (rating ?? 0) ? AppUI.accent : .secondary)
                }
                .buttonStyle(.plain)
                .disabled(onChange == nil)
                .accessibilityLabel("\(value) von 5 Sternen")
                .accessibilityAddTraits(rating == value ? .isSelected : [])
            }
        }
    }
}

struct LoadingOverlay: View {
    let label: String

    var body: some View {
        VStack(spacing: 12) {
            ProgressView()
                .controlSize(.large)
            Text(label)
                .font(.callout)
                .foregroundStyle(.secondary)
        }
        .padding(24)
        .background(.regularMaterial, in: RoundedRectangle(cornerRadius: AppUI.cardCornerRadius))
        .shadow(color: .black.opacity(0.12), radius: 20, y: 8)
    }
}