bundesmessenger-ios/RiotSwiftUI/Modules/Room/TimelinePoll/View/TimelinePollAnswerOptionButton.swift

//
// Copyright 2021-2024 New Vector Ltd.
//
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
// Please see LICENSE files in the repository root for full details.
//

import SwiftUI

struct TimelinePollAnswerOptionButton: View {
    // MARK: - Properties
    
    // MARK: Private
    
    @Environment(\.theme) private var theme: ThemeSwiftUI
    
    let poll: TimelinePollDetails
    let answerOption: TimelinePollAnswerOption
    let action: (() -> Void)?
    
    // MARK: Public
    
    var body: some View {
        Button {
            action?()
        } label: {
            let rect = RoundedRectangle(cornerRadius: 4.0)
            answerOptionLabel
                .frame(maxWidth: .infinity, alignment: .leading)
                .padding(.horizontal, 8.0)
                .padding(.top, 12.0)
                .padding(.bottom, 8.0)
                .clipShape(rect)
                .overlay(rect.stroke(borderAccentColor, lineWidth: 1.0))
                .accentColor(progressViewAccentColor)
        }
        .accessibilityIdentifier("PollAnswerOption\(optionIndex)")
        .disabled(action == nil)
    }
    
    var answerOptionLabel: some View {
        VStack(alignment: .leading, spacing: 12.0) {
            HStack(alignment: .top, spacing: 8.0) {
                if !poll.closed {
                    if BWIBuildSettings.shared.bwiEnableBuMUI {
                        Image(uiImage: answerOption.selected ? Asset.Images.pollCheckboxSelectedBum.image : Asset.Images.pollCheckboxDefault.image)
                    } else {
                        Image(uiImage: answerOption.selected ? Asset.Images.pollCheckboxSelected.image : Asset.Images.pollCheckboxDefault.image)
                    }
                }
                
                Text(answerOption.text)
                    .font(theme.fonts.body)
                    .foregroundColor(theme.colors.primaryContent)
                    .accessibilityIdentifier("PollAnswerOption\(optionIndex)Label")
                    .frame(maxWidth: .infinity, alignment: .leading)
                
                HStack(spacing: 6) {
                    if poll.closed, answerOption.winner {
                        Image(uiImage: Asset.Images.pollWinnerIcon.image)
                            .foregroundColor(Color(ThemeService.shared().theme.tintColor))
                    }
                    
                    if poll.shouldDiscloseResults {
                        Text(answerOption.count == 1 ? VectorL10n.pollTimelineOneVote : VectorL10n.pollTimelineVotesCount(Int(answerOption.count)))
                            .font(theme.fonts.footnote)
                            .foregroundColor(poll.closed && answerOption.winner ? Color(ThemeService.shared().theme.tintColor) : theme.colors.secondaryContent)
                            .accessibilityIdentifier("PollAnswerOption\(optionIndex)Count")
                    }
                }
            }
            
            if poll.type == .disclosed || poll.closed {
                ProgressView(value: Double(poll.shouldDiscloseResults ? answerOption.count : 0), total: Double(poll.totalAnswerCount))
                    .progressViewStyle(LinearProgressViewStyle.linear)
                    .scaleEffect(x: 1.0, y: 1.2, anchor: .center)
                    .accessibilityIdentifier("PollAnswerOption\(optionIndex)Progress")
            }
        }
    }
    
    var borderAccentColor: Color {
        guard !poll.closed else {
            return (answerOption.winner ? Color(ThemeService.shared().theme.tintColor) : theme.colors.quinaryContent)
        }

        return answerOption.selected ? Color(ThemeService.shared().theme.tintColor) : theme.colors.quinaryContent
    }
    
    var progressViewAccentColor: Color {
        guard !poll.closed else {
            return (answerOption.winner ? Color(ThemeService.shared().theme.tintColor) : theme.colors.quarterlyContent)
        }
        
        return answerOption.selected ? Color(ThemeService.shared().theme.tintColor) : theme.colors.quarterlyContent
    }
    
    var optionIndex: Int {
        poll.answerOptions.firstIndex { $0.id == answerOption.id } ?? Int.max
    }
}

struct TimelinePollAnswerOptionButton_Previews: PreviewProvider {
    static let stateRenderer = MockTimelinePollScreenState.stateRenderer
    
    static var previews: some View {
        Group {
            let pollTypes: [TimelinePollType] = [.disclosed, .undisclosed]
            
            ForEach(pollTypes, id: \.self) { type in
                VStack {
                    TimelinePollAnswerOptionButton(poll: buildPoll(closed: false, type: type),
                                                   answerOption: buildAnswerOption(selected: false),
                                                   action: { })
                    
                    TimelinePollAnswerOptionButton(poll: buildPoll(closed: false, type: type),
                                                   answerOption: buildAnswerOption(selected: true),
                                                   action: { })
                    
                    TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
                                                   answerOption: buildAnswerOption(selected: false, winner: false),
                                                   action: { })

                    TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
                                                   answerOption: buildAnswerOption(selected: false, winner: true),
                                                   action: { })

                    TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
                                                   answerOption: buildAnswerOption(selected: true, winner: false),
                                                   action: { })

                    TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
                                                   answerOption: buildAnswerOption(selected: true, winner: true),
                                                   action: { })

                    let longText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."

                    TimelinePollAnswerOptionButton(poll: buildPoll(closed: true, type: type),
                                                   answerOption: buildAnswerOption(text: longText, selected: true, winner: true),
                                                   action: { })
                }
            }
        }
        .padding()
    }
    
    static func buildPoll(closed: Bool, type: TimelinePollType) -> TimelinePollDetails {
        TimelinePollDetails(id: UUID().uuidString,
                            question: "",
                            answerOptions: [],
                            closed: closed,
                            startDate: .init(),
                            totalAnswerCount: 100,
                            type: type,
                            showParticipants: false,
                            eventType: .started,
                            maxAllowedSelections: 1,
                            hasBeenEdited: false,
                            hasDecryptionError: false)
    }
    
    static func buildAnswerOption(text: String = "Test", selected: Bool, winner: Bool = false) -> TimelinePollAnswerOption {
        TimelinePollAnswerOption(id: "1", text: text, count: 5, winner: winner, selected: selected, voters:[])
    }
}