import SwiftUI

struct LeadDetailSkeletonView: View {
    var body: some View {
        LeadDetailPageLayout {
            HStack(spacing: 18) {
                Circle().fill(.quaternary).frame(width: 64, height: 64)
                VStack(alignment: .leading, spacing: 10) {
                    Text("Name des Interessenten").font(.title.bold())
                    Text("Lead-ID · Kundentyp · Ort").font(.subheadline)
                }.redacted(reason: .placeholder)
                Spacer()
            }
        } left: {
            VStack(alignment: .leading, spacing: 24) {
                LeadSectionHeading(title: "KONTAKT")
                VStack(alignment: .leading, spacing: 22) {
                    ForEach(["Ansprechpartner", "Telefon", "Mobil", "E-Mail", "Anschrift"], id: \.self) { label in
                        HStack(spacing: 12) {
                            RoundedRectangle(cornerRadius: 6).fill(.quaternary).frame(width: 30, height: 30)
                            VStack(alignment: .leading, spacing: 4) {
                                Text(label).font(.caption)
                                Text("Daten werden geladen").font(.body).redacted(reason: .placeholder)
                            }
                        }
                    }
                }
                .padding(16).frame(maxWidth: .infinity, alignment: .leading)
                .background(LeadDetailStyle.card, in: .rect(cornerRadius: 12))
                LeadSectionHeading(title: "STANDORT")
                RoundedRectangle(cornerRadius: 12).fill(.quaternary).frame(height: LeadLocationSection.mapHeight)
            }
        } right: {
            VStack(alignment: .leading, spacing: 16) {
                LeadSectionHeading(title: "ANGEBOTE")
                ForEach(0..<3) { _ in
                    VStack(alignment: .leading, spacing: 12) {
                        Text("Angebot für einen Flüssiggastank").font(.headline)
                        Text("Angebotsnummer · Preis · Gültigkeit").font(.subheadline)
                    }
                    .redacted(reason: .placeholder)
                    .padding(20).frame(maxWidth: .infinity, alignment: .leading)
                    .background(LeadDetailStyle.card, in: .rect(cornerRadius: 12))
                }
                LeadSectionHeading(title: "FOTOGALERIE")
                RoundedRectangle(cornerRadius: 12).fill(.quaternary).frame(height: 120)
            }
        }
        .accessibilityElement(children: .ignore)
        .accessibilityLabel("Interessent wird geladen")
        .allowsHitTesting(false)
    }
}