Trio/Dependencies/rileylink_ios/OmniKitUI/Views/DesignElements/RoundedCard.swift

//
//  RoundedCard.swift
//  OmniKit
//
//  Created by Pete Schwamb on 2/9/21.
//
import SwiftUI

fileprivate let inset: CGFloat = 16

struct RoundedCardTitle: View {
    var title: String
    
    init(_ title: String) {
        self.title = title
    }
    
    var body: some View {
        Text(title)
            .font(.headline)
            .foregroundColor(.primary)
    }
}

struct RoundedCardFooter: View {
    var text: String
    
    init(_ text: String) {
        self.text = text
    }
    
    var body: some View {
        Text(text)
            .font(.caption)
            .fixedSize(horizontal: false, vertical: true)
            .foregroundColor(.secondary)
    }
}

public struct RoundedCardValueRow: View {
    var label: String
    var value: String
    var highlightValue: Bool
    var disclosure: Bool

    public init(label: String, value: String, highlightValue: Bool = false, disclosure: Bool = false) {
        self.label = label
        self.value = value
        self.highlightValue = highlightValue
        self.disclosure = disclosure
    }
    
    public var body: some View {
        HStack {
            Text(label)
                .fixedSize(horizontal: false, vertical: true)
                .foregroundColor(.primary)
            Spacer()
            Text(value)
                .fixedSize(horizontal: true, vertical: true)
                .foregroundColor(highlightValue ? .accentColor : .secondary)
            if disclosure {
                Image(systemName: "chevron.right")
                    .imageScale(.small)
                    .font(.headline)
                    .foregroundColor(.secondary)
                    .opacity(0.5)
            }
        }
    }
}

struct RoundedCard<Content: View>: View {
    var content: () -> Content?
    var alignment: HorizontalAlignment
    var title: String?
    var footer: String?
    @Environment(\.horizontalSizeClass) var horizontalSizeClass

    init(title: String? = nil, footer: String? = nil, alignment: HorizontalAlignment = .leading, @ViewBuilder content: @escaping () -> Content? = { nil }) {
        self.content = content
        self.alignment = alignment
        self.title = title
        self.footer = footer
    }

    var body: some View {
        VStack(spacing: 10) {
            if let title = title {
                RoundedCardTitle(title)
                    .frame(maxWidth: .infinity, alignment: Alignment(horizontal: .leading, vertical: .center))
                    .padding(.leading, titleInset)
            }

            if content() != nil {
                if isCompact {
                    VStack(spacing: 0) {
                        borderLine
                        VStack(alignment: alignment, content: content)
                            .frame(maxWidth: .infinity, alignment: Alignment(horizontal: alignment, vertical: .center))
                            .padding(inset)
                            .background(Color(.secondarySystemGroupedBackground))
                        borderLine
                    }
                } else {
                    VStack(alignment: alignment, content: content)
                        .frame(maxWidth: .infinity, alignment: Alignment(horizontal: alignment, vertical: .center))
                        .padding(.horizontal, inset)
                        .padding(.vertical, 10)
                        .background(Color(.secondarySystemGroupedBackground))
                        .clipShape(RoundedRectangle(cornerRadius: cornerRadius, style: .continuous))
                }
            }

            if let footer = footer {
                RoundedCardFooter(footer)
                    .frame(maxWidth: .infinity, alignment: Alignment(horizontal: alignment, vertical: .center))
                    .padding(.horizontal, inset)
            }
        }
    }
    
    var borderLine: some View {
        Rectangle().fill(Color(.quaternaryLabel))
            .frame(height: 0.5)
    }
    
    private var isCompact: Bool {
        return self.horizontalSizeClass == .compact
    }
    
    private var titleInset: CGFloat {
        return isCompact ? inset : 0
    }
    
    private var padding: CGFloat {
        return isCompact ? 0 : inset
    }

    private var cornerRadius: CGFloat {
        return isCompact ? 0 : 8
    }

}

struct RoundedCardScrollView<Content: View>: View {
    var content: () -> Content
    var title: String?
    @Environment(\.horizontalSizeClass) var horizontalSizeClass

    init(title: String? = nil, @ViewBuilder content: @escaping () -> Content) {
        self.title = title
        self.content = content
    }
    
    var body: some View {
        ScrollView {
            if let title = title {
                HStack {
                    Text(title)
                        .font(Font.largeTitle.weight(.bold))
                        .padding(.top)
                    Spacer()
                }
                .padding([.leading, .trailing])
            }
            VStack(alignment: .leading, spacing: 25, content: content)
                .padding(padding)
        }
        .background(Color(.systemGroupedBackground).edgesIgnoringSafeArea(.all))
    }
    
    private var padding: CGFloat {
        return self.horizontalSizeClass == .regular ? inset : 0
    }

}