91 lines
3.1 KiB
Swift
91 lines
3.1 KiB
Swift
import SwiftUI
|
|
|
|
struct SelectionOption: Identifiable, Equatable {
|
|
let id: String
|
|
let title: String
|
|
let subtitle: String
|
|
let odds: String
|
|
}
|
|
|
|
struct SelectionView: View {
|
|
let statusText: String
|
|
let options: [SelectionOption]
|
|
let selectedOptionID: String?
|
|
let isLocked: Bool
|
|
let confirmTitle: String
|
|
let onSelect: (SelectionOption) -> Void
|
|
let onConfirm: () -> Void
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: HermesTheme.sectionSpacing) {
|
|
statusBadge
|
|
|
|
VStack(spacing: 10) {
|
|
ForEach(options) { option in
|
|
optionButton(option)
|
|
}
|
|
}
|
|
|
|
Button {
|
|
onConfirm()
|
|
} label: {
|
|
Text(confirmTitle)
|
|
}
|
|
.buttonStyle(HermesPrimaryButtonStyle())
|
|
.disabled(isLocked || selectedOptionID == nil)
|
|
}
|
|
}
|
|
|
|
private var statusBadge: some View {
|
|
HStack(spacing: 8) {
|
|
Image(systemName: isLocked ? "lock.fill" : "hand.tap.fill")
|
|
.font(.caption.weight(.semibold))
|
|
Text(statusText)
|
|
.font(.caption.weight(.semibold))
|
|
}
|
|
.foregroundStyle(isLocked ? HermesTheme.warning : HermesTheme.textSecondary)
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 8)
|
|
.background((isLocked ? HermesTheme.warning : HermesTheme.accent).opacity(0.16))
|
|
.clipShape(Capsule())
|
|
}
|
|
|
|
private func optionButton(_ option: SelectionOption) -> some View {
|
|
let selected = selectedOptionID == option.id
|
|
|
|
return Button {
|
|
onSelect(option)
|
|
} label: {
|
|
HStack(alignment: .center, spacing: 14) {
|
|
VStack(alignment: .leading, spacing: 4) {
|
|
Text(option.title)
|
|
.font(.headline.weight(.semibold))
|
|
Text(option.subtitle)
|
|
.font(.caption)
|
|
.foregroundStyle(selected ? HermesTheme.background.opacity(0.68) : HermesTheme.textSecondary)
|
|
}
|
|
|
|
Spacer(minLength: 8)
|
|
|
|
VStack(alignment: .trailing, spacing: 4) {
|
|
Text(option.odds)
|
|
.font(.headline.weight(.bold))
|
|
Image(systemName: selected ? "checkmark.circle.fill" : "circle")
|
|
.font(.subheadline.weight(.semibold))
|
|
}
|
|
}
|
|
.padding(.horizontal, 16)
|
|
.padding(.vertical, 14)
|
|
.foregroundStyle(selected ? HermesTheme.background : HermesTheme.textPrimary)
|
|
.background(selected ? HermesTheme.accent : HermesTheme.surfaceElevated)
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: HermesTheme.insetRadius, style: .continuous)
|
|
.stroke(selected ? HermesTheme.accent : HermesTheme.accent.opacity(0.14), lineWidth: 1)
|
|
)
|
|
.clipShape(RoundedRectangle(cornerRadius: HermesTheme.insetRadius, style: .continuous))
|
|
}
|
|
.buttonStyle(.plain)
|
|
.disabled(isLocked)
|
|
}
|
|
}
|