//
//  HeaderView.swift
//  MullvadVPN
//
//  Created by Andrew Bulhak on 2025-01-03.
//  Copyright © 2025 Mullvad VPN AB. All rights reserved.
//

import SwiftUI

extension ConnectionView {
    internal struct HeaderView: View {
        @ObservedObject var viewModel: ConnectionViewViewModel
        @Binding var isExpanded: Bool

        var body: some View {
            Button {
                withAnimation {
                    isExpanded.toggle()
                }
            } label: {
                VStack(alignment: .leading, spacing: 0) {
                    HStack(alignment: .top) {
                        Text(viewModel.localizedTitleForSecureLabel)
                            .font(.title3.weight(.semibold))
                            .foregroundStyle(viewModel.textColorForSecureLabel.color)
                            .accessibilityIdentifier(viewModel.accessibilityIdForSecureLabel.asString)
                            .accessibilityLabel(viewModel.localizedAccessibilityLabelForSecureLabel)
                        Group {
                            Spacer()
                            Button {
                                withAnimation {
                                    isExpanded.toggle()
                                }
                            } label: {
                                Image(.iconChevronUp)
                                    .renderingMode(.template)
                                    .rotationEffect(isExpanded ? .degrees(-180) : .degrees(0))
                                    .foregroundStyle(.white)
                                    .accessibilityIdentifier(AccessibilityIdentifier.relayStatusCollapseButton.asString)
                            }
                        }
                        .showIf(viewModel.showsConnectionDetails)
                    }
                }
            }
            .disabled(!viewModel.showsConnectionDetails)
        }
    }
}

#Preview {
    ConnectionViewComponentPreview(showIndicators: true) { _, vm, isExpanded in
        ConnectionView.HeaderView(viewModel: vm, isExpanded: isExpanded)
    }
}