import SwiftUI
import LabWiseKit

struct ChemicalDetailView: View {
    let chemical: Chemical

    var body: some View {
        Form {
            Section("Identity") {
                LabeledContent("Name", value: chemical.chemicalName)
                LabeledContent("CAS Number", value: chemical.casNumber)
                if let formula = chemical.chemicalFormula {
                    LabeledContent("Formula", value: formula)
                }
                if let mw = chemical.molecularWeight {
                    LabeledContent("Molecular Weight", value: mw)
                }
                LabeledContent("Physical State", value: chemical.physicalState.capitalized)
                if let conc = chemical.concentration {
                    LabeledContent("Concentration", value: conc)
                }
            }

            Section("Storage") {
                LabeledContent("Location", value: chemical.storageLocation)
                LabeledContent("Device", value: chemical.storageDevice)
                LabeledContent("Building", value: chemical.bldgCode)
                LabeledContent("Lab", value: chemical.lab)
                LabeledContent("Containers", value: chemical.numberOfContainers)
                LabeledContent("Amount / Container", value: "\(chemical.amountPerContainer) \(chemical.unitOfMeasure)")
                if let pct = chemical.percentageFull {
                    LabeledContent("% Full") {
                        HStack(spacing: 8) {
                            PercentageBar(value: pct / 100)
                                .frame(width: 80, height: 6)
                            Text("\(Int(pct))%")
                                .font(.callout)
                        }
                    }
                }
            }

            Section("Vendor") {
                LabeledContent("PI", value: chemical.piFirstName)
                if let vendor = chemical.vendor {
                    LabeledContent("Vendor", value: vendor)
                }
                if let catalog = chemical.catalogNumber {
                    LabeledContent("Catalog #", value: catalog)
                }
                if let lot = chemical.lotNumber {
                    LabeledContent("Lot #", value: lot)
                }
                if let exp = chemical.expirationDate {
                    LabeledContent("Expiration", value: exp)
                }
                if let barcode = chemical.barcode {
                    LabeledContent("Barcode", value: barcode)
                }
            }

            if let comments = chemical.comments, !comments.isEmpty {
                Section("Comments") {
                    Text(comments)
                        .font(.body)
                }
            }

            Section("Record") {
                if let created = chemical.createdAt {
                    LabeledContent("Created", value: created)
                }
                if let updated = chemical.updatedAt {
                    LabeledContent("Updated", value: updated)
                }
            }
        }
        .navigationTitle(chemical.chemicalName)
        .navigationBarTitleDisplayMode(.inline)
    }
}