//
//  PigeonMessageView.swift
//  QuickLocation
//

import UIKit

enum PigeonMessageMode {
    case image
    case voice
}

final class PigeonMessageView: UIView, UITextFieldDelegate {

    static let maxVoiceDuration: TimeInterval = 10
    private static let designWidth: CGFloat = 375

    var onModeChanged: ((PigeonMessageMode) -> Void)?
    var onSelectionChanged: (([GroupMemberModel]) -> Void)?
    var mode: PigeonMessageMode = .image {
        didSet {
            updateMode()
            onModeChanged?(mode)
        }
    }

    lazy var navView: BaseNavigationView = {
        BaseNavigationView(title: "")
    }()
    
    let historyButton = UIButton(type: .custom)
    let switchGroupButton = UIButton(type: .custom)
    let addImageButton = UIButton(type: .custom)
    let deleteImageButton = UIButton(type: .custom)
    let recordButton = UIButton(type: .custom)
    let playPauseButton = UIButton(type: .custom)
    let sendButton = UIButton(type: .custom)

    private var members: [GroupMemberModel] = []
    private var selectedMemberIds: Set<String> = []

    private lazy var memberLayout: UICollectionViewFlowLayout = {
        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .horizontal
        layout.minimumLineSpacing = 0
        layout.minimumInteritemSpacing = 0
        layout.itemSize = CGSize(width: 66, height: 84)
        return layout
    }()

    private lazy var memberCollectionView: UICollectionView = {
        let view = UICollectionView(frame: .zero, collectionViewLayout: memberLayout)
        view.backgroundColor = .clear
        view.showsHorizontalScrollIndicator = false
        view.dataSource = self
        view.delegate = self
        view.register(PigeonMemberCell.self, forCellWithReuseIdentifier: PigeonMemberCell.reuseId)
        return view
    }()

    private let imageModeButton = UIButton(type: .custom)
    private let voiceModeButton = UIButton(type: .custom)
    private let imageEditorView = UIView()
    private let voiceEditorView = UIView()
    private let selectedImageView = UIImageView()
    private let selectedImageMaskView = UIView()
    private let imagePlaceholderLabel = UILabel()
    private let captionField = UITextField()
    private let captionCountLabel = UILabel()
    private let imageThumbnailView = UIImageView()
    private let imageThumbnailButton = UIButton(type: .custom)
    private let addTile = UIView()
    private let voiceThumbnailView = UIView()
    private let recordOuterHaloView = UIView()
    private let recordInnerHaloView = UIView()
    private let recordingHintLabel = UILabel()
    private let voiceTimeLabel = UILabel()
    private let waveformView = PigeonWaveformView()
    private var addTileLeadingWithImage: NSLayoutConstraint?
    private var addTileLeadingWithoutImage: NSLayoutConstraint?
    private var selectedImageHeightConstraint: NSLayoutConstraint?
    private var isRecording = false

    var captionText: String {
        captionField.text ?? ""
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        backgroundColor = UIColor(hexStr: "#F9F9F9")
        setupUI()
        configureMembers([], selectedIds: [])
        setSelectedImage(nil)
        clearVoiceDraft()
        updateMode()
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    private var designScale: CGFloat {
        min(1.104, max(0.853, bounds.width / Self.designWidth))
    }

    private func scaled(_ value: CGFloat) -> CGFloat {
        value * designScale
    }

    func configureMembers(_ members: [GroupMemberModel], selectedIds: Set<String>) {
        self.members = members
        self.selectedMemberIds = selectedIds
        memberCollectionView.reloadData()
    }

    func setSelectedImage(_ image: UIImage?) {
        selectedImageView.image = image
        selectedImageView.isHidden = image == nil
        selectedImageMaskView.isHidden = image == nil
        imagePlaceholderLabel.isHidden = image != nil
        imageThumbnailView.image = image
        imageThumbnailButton.isHidden = image == nil
//        deleteImageButton.isHidden = image == nil
        addTile.alpha = 1
        updateAddTilePosition(hasImage: image != nil)
        setNeedsLayout()
    }

    func setRecording(isRecording: Bool) {
        self.isRecording = isRecording
        recordingHintLabel.text = isRecording ? "松开发送" : "按住录音  松开发送"
        recordOuterHaloView.backgroundColor = UIColor(
            hexStr: isRecording ? "#DDF5FF" : "#F2FBFF"
        )
        recordInnerHaloView.backgroundColor = UIColor(
            hexStr: isRecording ? "#CDEFFF" : "#E6F7FF"
        )
        recordButton.alpha = isRecording ? 0.86 : 1
        playPauseButton.isEnabled = !isRecording
    }

    func setVoiceDuration(_ seconds: TimeInterval, hasRecording: Bool) {
        let maxDuration = Self.maxVoiceDuration
        let value: Int
        if seconds + 0.05 >= maxDuration {
            value = Int(maxDuration)
        } else {
            value = min(Int(maxDuration), max(0, Int(seconds.rounded(.down))))
        }
        let currentTime = String(format: "%02d″", value)
        let timeText = "\(currentTime)/\(Int(maxDuration))″"
        let attributedTime = NSMutableAttributedString(
            string: timeText,
            attributes: [.foregroundColor: UIColor(hexStr: "#AAAAAA")]
        )
        attributedTime.addAttribute(
            .foregroundColor,
            value: UIColor(hexStr: "#13B6F1"),
            range: NSRange(location: 0, length: currentTime.utf16.count)
        )
        voiceTimeLabel.attributedText = attributedTime
        voiceThumbnailView.alpha = 1
        playPauseButton.isEnabled = hasRecording
        if !hasRecording, !isRecording {
            waveformView.reset()
        }
    }

    func setPlaying(_ isPlaying: Bool) {
        let image: UIImage?
        if isPlaying {
            image = UIImage(named: "PigeonMessage/pause")
        } else {
            image = UIImage(
                systemName: "play.circle.fill",
                withConfiguration: UIImage.SymbolConfiguration(
                    pointSize: scaled(26),
                    weight: .semibold
                )
            )?.withTintColor(UIColor(hexStr: "#11B8F4"), renderingMode: .alwaysOriginal)
        }
        playPauseButton.setImage(image, for: .normal)
    }

    func pushMeterLevel(_ level: CGFloat) {
        waveformView.push(level: level)
    }

    func clearImageDraft() {
        captionField.text = nil
        captionCountLabel.text = "0/20"
        setSelectedImage(nil)
    }

    func clearVoiceDraft() {
        setRecording(isRecording: false)
        setVoiceDuration(0, hasRecording: false)
        setPlaying(false)
    }

    private func setupUI() {
        let headerView = UIImageView(image: UIImage(named: "PigeonMessage/bg"))
        headerView.contentMode = .scaleToFill
        headerView.clipsToBounds = true
        addSubview(headerView)
        headerView.layoutChain.top().edgesHorzontal().height(scaled(210))

        historyButton.backgroundColor = .white.withAlphaComponent(0.8)
        historyButton.setTitle("  传书记录  ", for: .normal)
        historyButton.titleLabel?.font = .systemFont(ofSize: 12, weight: .medium)
        historyButton.setTitleColor(UIColor(hexStr: "#293445"), for: .normal)
        historyButton.cornerRadius = 8
        
        addSubview(navView)
        navView.addRightButton(historyButton)
        navView.layoutChain.edges(excludingEdge: .bottom).height(kNaviHeight)
        
        sendButton.setTitle("发送", for: .normal)
        sendButton.setTitleColor(.white, for: .normal)
        sendButton.titleLabel?.font = FontManager.boboBold(scaled(18))
        sendButton.setBackgroundImage(UIImage(named: "Common/button_bg_2"), for: .normal)
        sendButton.layer.cornerRadius = 20
        sendButton.clipsToBounds = true
        addSubview(sendButton)
        sendButton.layoutChain
            .bottom(kSafeBottomMargin + 10)
            .edgesHorzontal(30)
            .height(56)

        let scrollView = UIScrollView()
        scrollView.backgroundColor = UIColor(hexStr: "#F9F9F9")
        scrollView.layer.cornerRadius = scaled(30)
        scrollView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
//        scrollView.alwaysBounceVertical = true
        scrollView.showsVerticalScrollIndicator = false
        addSubview(scrollView)
        scrollView.layoutChain
            .top(scaled(174))
            .edgesHorzontal()
            .bottomToTopOfView(sendButton, offset: -scaled(12))

        let contentView = UIView()
        contentView.backgroundColor = UIColor(hexStr: "#F9F9F9")
        scrollView.addSubview(contentView)
        contentView.layoutChain.edges().widthToView(scrollView)

        let sectionSparkle = UIImageView(image: UIImage(named: "PigeonMessage/sparkle"))
        sectionSparkle.contentMode = .scaleAspectFit
        contentView.addSubview(sectionSparkle)
        sectionSparkle.layoutChain
            .top(scaled(21))
            .left(scaled(28))
            .width(scaled(11))
            .height(scaled(11))

        let sectionTitle = UILabel()
        sectionTitle.text = "选择收件人"
        sectionTitle.font = FontManager.boboBold(scaled(18))
        sectionTitle.textColor = UIColor(hexStr: "#293445")
        contentView.addSubview(sectionTitle)
        sectionTitle.layoutChain
            .top(scaled(16))
            .leftToRightOfView(sectionSparkle, offset: scaled(8))

        switchGroupButton.backgroundColor = .white
        switchGroupButton.setTitle("  切换圈子  ", for: .normal)
        switchGroupButton.titleLabel?.font = .systemFont(ofSize: 12, weight: .medium)
        switchGroupButton.setTitleColor(UIColor(hexStr: "#293445"), for: .normal)
        switchGroupButton.layer.borderWidth = 1
        switchGroupButton.layer.borderColor = UIColor(hexStr: "#E8E8E8").cgColor
        switchGroupButton.cornerRadius = 14
        contentView.addSubview(switchGroupButton)
        switchGroupButton.layoutChain
            .centerY(sectionTitle)
            .right(scaled(15))
            .height(28)

        let recipientCard = UIView()
        recipientCard.backgroundColor = .white
        recipientCard.layer.cornerRadius = scaled(20)
        contentView.addSubview(recipientCard)
        recipientCard.layoutChain
            .topToBottomOfView(sectionTitle, offset: scaled(8))
            .edgesHorzontal(scaled(15))
            .height(100)
        setupRecipientCard(recipientCard)

        let modeContainer = UIView()
        modeContainer.backgroundColor = .white
        modeContainer.layer.cornerRadius = scaled(22)
        contentView.addSubview(modeContainer)
        modeContainer.layoutChain
            .topToBottomOfView(recipientCard, offset: scaled(12))
            .edgesHorzontal(scaled(15))
            .height(scaled(44))
        setupModeButtons(modeContainer)

        contentView.addSubview(imageEditorView)
        contentView.addSubview(voiceEditorView)
        imageEditorView.layoutChain
            .topToBottomOfView(modeContainer, offset: scaled(12))
            .edgesHorzontal(scaled(15))
            .height(scaled(190))
        voiceEditorView.layoutChain
            .topToBottomOfView(modeContainer, offset: scaled(12))
            .edgesHorzontal(scaled(15))
            .height(scaled(190))
        setupImageEditor()
        setupVoiceEditor()

        let thumbnailRow = UIView()
        contentView.addSubview(thumbnailRow)
        thumbnailRow.layoutChain
            .topToBottomOfView(imageEditorView, offset: scaled(14))
            .edgesHorzontal(scaled(17))
            .height(scaled(60))
            .bottom(scaled(20))
        setupThumbnailRow(thumbnailRow)
    }

    private func setupRecipientCard(_ card: UIView) {
        card.addSubview(memberCollectionView)
        memberCollectionView.layoutChain
            .edgesHorzontal(8)
            .centerY()
            .height(84)
    }

    private func setupModeButtons(_ container: UIView) {
        configureModeButton(
            imageModeButton,
            title: "图片",
            imageName: "PigeonMessage/gallery"
        )
        configureModeButton(
            voiceModeButton,
            title: "语音",
            imageName: "PigeonMessage/microphone"
        )
        container.addSubview(imageModeButton)
        container.addSubview(voiceModeButton)
        imageModeButton.layoutChain
            .edgesVertical(scaled(4))
            .left(scaled(4))
            .widthToView(container, offset: -scaled(6), multiplier: 0.5)
        voiceModeButton.layoutChain
            .edgesVertical(scaled(4))
            .right(scaled(4))
            .widthToView(container, offset: -scaled(6), multiplier: 0.5)
        imageModeButton.addTarget(self, action: #selector(selectImageMode), for: .touchUpInside)
        voiceModeButton.addTarget(self, action: #selector(selectVoiceMode), for: .touchUpInside)
    }

    private func configureModeButton(_ button: UIButton, title: String, imageName: String) {
        var titleAttributes = AttributeContainer()
        titleAttributes.font = FontManager.boboBold(scaled(16))
        var configuration = UIButton.Configuration.plain()
        configuration.attributedTitle = AttributedString(title, attributes: titleAttributes)
        configuration.image = UIImage(named: imageName)?.withRenderingMode(.alwaysTemplate)
        configuration.imagePadding = scaled(6)
        configuration.contentInsets = .zero
        button.configuration = configuration
        button.layer.cornerRadius = scaled(18)
    }

    private func setupImageEditor() {
        imageEditorView.backgroundColor = UIColor(hexStr: "#DDE1E5")
        imageEditorView.layer.cornerRadius = scaled(22)
        imageEditorView.clipsToBounds = true

        selectedImageMaskView.backgroundColor = .black.withAlphaComponent(0.2)
        selectedImageMaskView.isHidden = true
        selectedImageView.contentMode = .scaleAspectFit
        selectedImageView.clipsToBounds = false
        imageEditorView.addSubview(selectedImageView)
        selectedImageView.layoutChain
            .top()
            .left()
            .right()
        let imageHeight = selectedImageView.heightAnchor.constraint(equalTo: imageEditorView.heightAnchor)
        imageHeight.isActive = true
        selectedImageHeightConstraint = imageHeight
        
        imageEditorView.addSubview(selectedImageMaskView)
        selectedImageMaskView.layoutChain.edges()
        
        imagePlaceholderLabel.text = "点击下方添加一张图片"
        imagePlaceholderLabel.font = .systemFont(ofSize: scaled(14), weight: .medium)
        imagePlaceholderLabel.textColor = UIColor(hexStr: "#9298A1")
        imagePlaceholderLabel.textAlignment = .center
        imageEditorView.addSubview(imagePlaceholderLabel)
        imagePlaceholderLabel.layoutChain.centerX().centerY()

        let captionBackground = UIView()
        captionBackground.backgroundColor = UIColor.white.withAlphaComponent(0.9)
        captionBackground.layer.cornerRadius = scaled(12)
        imageEditorView.addSubview(captionBackground)
        captionBackground.layoutChain
            .left(scaled(10))
            .right(scaled(60))
            .bottom(scaled(10))
            .height(scaled(40))

        captionField.attributedPlaceholder = NSAttributedString(
            string: "随便说点什么吧~",
            attributes: [.foregroundColor: UIColor(hexStr: "#A7ABB2")]
        )
        captionField.font = .systemFont(ofSize: scaled(14))
        captionField.textColor = UIColor(hexStr: "#293445")
        captionField.delegate = self
        captionField.addTarget(self, action: #selector(captionChanged), for: .editingChanged)
        captionBackground.addSubview(captionField)
        captionBackground.addSubview(captionCountLabel)
        captionField.layoutChain
            .left(scaled(14))
            .centerY()
            .right(scaled(48))
            .height(scaled(34))
        captionCountLabel.text = "0/20"
        captionCountLabel.font = .systemFont(ofSize: scaled(14))
        captionCountLabel.textColor = UIColor(hexStr: "#A7ABB2")
        captionCountLabel.layoutChain.right(scaled(10)).centerY()

        deleteImageButton.setImage(UIImage(named: "PigeonMessage/trash"), for: .normal)
        deleteImageButton.backgroundColor = UIColor.white.withAlphaComponent(0.92)
        deleteImageButton.layer.cornerRadius = scaled(12)
        imageEditorView.addSubview(deleteImageButton)
        deleteImageButton.layoutChain
            .right(scaled(10))
            .bottom(scaled(10))
            .width(scaled(40))
            .height(scaled(40))
    }

    private func setupVoiceEditor() {
        voiceEditorView.backgroundColor = .white
        voiceEditorView.layer.cornerRadius = scaled(22)

        recordOuterHaloView.backgroundColor = UIColor(hexStr: "#F2FBFF")
        recordOuterHaloView.layer.cornerRadius = scaled(46)
        voiceEditorView.addSubview(recordOuterHaloView)
        recordOuterHaloView.layoutChain
            .top(scaled(15))
            .centerX()
            .width(scaled(92))
            .height(scaled(92))

        recordInnerHaloView.backgroundColor = UIColor(hexStr: "#E6F7FF")
        recordInnerHaloView.layer.cornerRadius = scaled(37)
        voiceEditorView.addSubview(recordInnerHaloView)
        recordInnerHaloView.layoutChain
            .centerX(recordOuterHaloView)
            .centerY(recordOuterHaloView)
            .width(scaled(74))
            .height(scaled(74))

        recordButton.setImage(UIImage(named: "PigeonMessage/record_microphone"), for: .normal)
        voiceEditorView.addSubview(recordButton)
        recordButton.layoutChain
            .centerX(recordOuterHaloView)
            .centerY(recordOuterHaloView)
            .width(scaled(92))
            .height(scaled(92))

        recordingHintLabel.text = "按住录音  松开发送"
        recordingHintLabel.font = .systemFont(ofSize: scaled(14))
        recordingHintLabel.textColor = UIColor(hexStr: "#A7ABB2")
        voiceEditorView.addSubview(recordingHintLabel)
        recordingHintLabel.layoutChain
            .topToBottomOfView(recordOuterHaloView, offset: scaled(5))
            .centerX()

        let playbackBar = UIView()
        playbackBar.backgroundColor = UIColor(hexStr: "#F5F5F6")
        playbackBar.layer.cornerRadius = scaled(12)
        voiceEditorView.addSubview(playbackBar)
        playbackBar.layoutChain
            .left(scaled(10))
            .right(scaled(10))
            .bottom(scaled(10))
            .height(scaled(40))

        setPlaying(false)
        playPauseButton.isEnabled = false
        playbackBar.addSubview(playPauseButton)
        playPauseButton.layoutChain
            .left(scaled(8))
            .centerY()
            .width(scaled(28))
            .height(scaled(28))

        playbackBar.addSubview(waveformView)
        waveformView.layoutChain
            .leftToRightOfView(playPauseButton, offset: scaled(8))
            .centerY()
            .right(scaled(66))
            .height(scaled(24))

        voiceTimeLabel.text = "00″/10″"
        voiceTimeLabel.font = .systemFont(ofSize: scaled(16))
        voiceTimeLabel.textColor = UIColor(hexStr: "#13B6F1")
        playbackBar.addSubview(voiceTimeLabel)
        voiceTimeLabel.layoutChain.right(scaled(10)).centerY()
    }

    private func setupThumbnailRow(_ row: UIView) {
        imageThumbnailButton.layer.cornerRadius = scaled(20)
        imageThumbnailButton.layer.borderWidth = scaled(2)
        imageThumbnailButton.layer.borderColor = UIColor(hexStr: "#09B6F4").cgColor
        imageThumbnailButton.clipsToBounds = true
        row.addSubview(imageThumbnailButton)
        imageThumbnailButton.layoutChain
            .left()
            .top()
            .width(scaled(60))
            .height(scaled(60))

        imageThumbnailView.contentMode = .scaleAspectFill
        imageThumbnailView.isUserInteractionEnabled = false
        imageThumbnailButton.addSubview(imageThumbnailView)
        imageThumbnailView.layoutChain.edges()

        let tick = UIImageView(image: UIImage(named: "PigeonMessage/tick_circle"))
        imageThumbnailButton.addSubview(tick)
        tick.layoutChain
            .right(scaled(6))
            .bottom(scaled(5))
            .width(scaled(16))
            .height(scaled(16))

        addTile.backgroundColor = UIColor(hexStr: "#EBECEE")
        addTile.layer.cornerRadius = scaled(20)
        row.addSubview(addTile)
        addTile.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            addTile.topAnchor.constraint(equalTo: row.topAnchor),
            addTile.widthAnchor.constraint(equalToConstant: scaled(60)),
            addTile.heightAnchor.constraint(equalToConstant: scaled(60))
        ])
        addTileLeadingWithImage = addTile.leadingAnchor.constraint(
            equalTo: imageThumbnailButton.trailingAnchor,
            constant: scaled(10)
        )
        addTileLeadingWithoutImage = addTile.leadingAnchor.constraint(equalTo: row.leadingAnchor)
        addTileLeadingWithoutImage?.isActive = true
        addTile.addSubview(addImageButton)
        addImageButton.layoutChain.edges()
        let addIcon = UIImageView(image: UIImage(named: "PigeonMessage/add"))
        addIcon.contentMode = .scaleAspectFit
        let addLabel = UILabel()
        addLabel.text = "添加"
        addLabel.font = .systemFont(ofSize: scaled(13))
        addLabel.textColor = UIColor(hexStr: "#ADB1B8")
        addTile.addSubview(addIcon)
        addTile.addSubview(addLabel)
        addIcon.layoutChain
            .top(scaled(8))
            .centerX()
            .width(scaled(24))
            .height(scaled(24))
        addLabel.layoutChain
            .topToBottomOfView(addIcon, offset: scaled(2))
            .centerX()

        voiceThumbnailView.backgroundColor = UIColor(hexStr: "#F2F3F4")
        voiceThumbnailView.layer.cornerRadius = scaled(20)
        voiceThumbnailView.layer.borderWidth = scaled(2)
        voiceThumbnailView.layer.borderColor = UIColor(hexStr: "#09B6F4").cgColor
        row.addSubview(voiceThumbnailView)
        voiceThumbnailView.layoutChain
            .left()
            .top()
            .width(scaled(60))
            .height(scaled(60))
        let mic = UIImageView(
            image: UIImage(named: "PigeonMessage/microphone_thumb")?.withRenderingMode(.alwaysTemplate)
        )
        mic.tintColor = UIColor(hexStr: "#AEB3BA")
        mic.contentMode = .scaleAspectFit
        let voiceLabel = UILabel()
        voiceLabel.text = "录音"
        voiceLabel.font = .systemFont(ofSize: scaled(13))
        voiceLabel.textColor = UIColor(hexStr: "#969CA5")
        voiceThumbnailView.addSubview(mic)
        voiceThumbnailView.addSubview(voiceLabel)
        mic.layoutChain
            .top(scaled(7))
            .centerX()
            .width(scaled(24))
            .height(scaled(24))
        voiceLabel.layoutChain
            .topToBottomOfView(mic, offset: scaled(2))
            .centerX()
    }

    @objc private func selectImageMode() {
        mode = .image
    }

    @objc private func selectVoiceMode() {
        mode = .voice
    }

    @objc private func captionChanged() {
        let text = captionField.text ?? ""
        if text.count > 20 {
            captionField.text = String(text.prefix(20))
        }
        captionCountLabel.text = "\((captionField.text ?? "").count)/20"
    }

    func textField(
        _ textField: UITextField,
        shouldChangeCharactersIn range: NSRange,
        replacementString string: String
    ) -> Bool {
        guard let current = textField.text,
              let stringRange = Range(range, in: current) else { return true }
        return current.replacingCharacters(in: stringRange, with: string).count <= 20
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        updateSelectedImageTopFill()
    }

    private func updateSelectedImageTopFill() {
        guard let oldConstraint = selectedImageHeightConstraint else { return }
        let editorWidth = imageEditorView.bounds.width
        let editorHeight = imageEditorView.bounds.height
        guard editorWidth > 1, editorHeight > 1 else { return }
        let height: CGFloat
        if let image = selectedImageView.image, image.size.width > 1 {
            height = max(editorHeight, editorWidth * image.size.height / image.size.width)
        } else {
            height = editorHeight
        }
        if oldConstraint.secondItem == nil, abs(oldConstraint.constant - height) < 0.5 {
            return
        }
        oldConstraint.isActive = false
        let constraint = selectedImageView.heightAnchor.constraint(equalToConstant: height)
        constraint.isActive = true
        selectedImageHeightConstraint = constraint
    }

    private func updateAddTilePosition(hasImage: Bool) {
        addTileLeadingWithImage?.isActive = false
        addTileLeadingWithoutImage?.isActive = false
        if hasImage {
            addTileLeadingWithImage?.isActive = true
        } else {
            addTileLeadingWithoutImage?.isActive = true
        }
    }

    private func updateMode() {
        let isImage = mode == .image
        imageEditorView.isHidden = !isImage
        voiceEditorView.isHidden = isImage
        imageThumbnailButton.isHidden = !isImage || selectedImageView.image == nil
        addTile.isHidden = !isImage
        voiceThumbnailView.isHidden = isImage
        styleModeButton(imageModeButton, selected: isImage)
        styleModeButton(voiceModeButton, selected: !isImage)
    }

    private func styleModeButton(_ button: UIButton, selected: Bool) {
        button.backgroundColor = selected ? UIColor(hexStr: "#45C2FF") : .clear
        let foregroundColor = selected ? UIColor.white : UIColor(hexStr: "#A5A5A5")
        var configuration = button.configuration
        configuration?.baseForegroundColor = foregroundColor
        button.configuration = configuration
        button.tintColor = foregroundColor
    }
}

extension PigeonMessageView: UICollectionViewDataSource, UICollectionViewDelegate {
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        members.count
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(
            withReuseIdentifier: PigeonMemberCell.reuseId,
            for: indexPath
        ) as! PigeonMemberCell
        let member = members[indexPath.item]
        cell.configure(member: member, selected: selectedMemberIds.contains(member.user_id))
        cell.onToggle = { [weak self] in
            self?.toggleMember(at: indexPath.item)
        }
        return cell
    }

    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        toggleMember(at: indexPath.item)
    }
}

private extension PigeonMessageView {
    func toggleMember(at index: Int) {
        guard members.indices.contains(index) else { return }
        let id = members[index].user_id
        if selectedMemberIds.contains(id) {
            selectedMemberIds.remove(id)
        } else {
            selectedMemberIds.insert(id)
        }
        memberCollectionView.reloadData()
        onSelectionChanged?(members.filter { selectedMemberIds.contains($0.user_id) })
    }
}

private final class PigeonMemberCell: UICollectionViewCell {
    static let reuseId = "PigeonMemberCell"

    var onToggle: (() -> Void)?

    private let avatarView = UIImageView()
    private let onlineDot = UIView()
    private let nameLabel = UILabel()
    private let checkBtn = UIButton(type: .custom)

    override init(frame: CGRect) {
        super.init(frame: frame)
        avatarView.contentMode = .scaleAspectFill
        avatarView.clipsToBounds = true
        avatarView.layer.cornerRadius = 10
        contentView.addSubview(avatarView)
        avatarView.layoutChain.top(5).centerX().width(38).height(38)

        onlineDot.layer.cornerRadius = 4
        onlineDot.layer.borderWidth = 1.5
        onlineDot.layer.borderColor = UIColor.white.cgColor
        onlineDot.isUserInteractionEnabled = false
        contentView.addSubview(onlineDot)
        onlineDot.layoutChain.topToView(avatarView, offset: -1).rightToView(avatarView, offset: 1).width(8).height(8)

        nameLabel.font = .systemFont(ofSize: 8, weight: .medium)
        nameLabel.textColor = UIColor(hexStr: "#767676")
        nameLabel.textAlignment = .center
        nameLabel.lineBreakMode = .byTruncatingTail
        nameLabel.backgroundColor = UIColor(hexStr: "#F8F8F8")
        nameLabel.layer.cornerRadius = 7
        nameLabel.clipsToBounds = true
        contentView.addSubview(nameLabel)
        nameLabel.layoutChain
            .topToBottomOfView(avatarView, offset: 4)
            .centerX()
            .width(56)
            .height(14)

        checkBtn.setImage(UIImage(named: "Common/checkbox"), for: .normal)
        checkBtn.setImage(UIImage(named: "Common/checkbox_on"), for: .selected)
        checkBtn.imageView?.contentMode = .scaleAspectFit
        checkBtn.addTarget(self, action: #selector(tapCheck), for: .touchUpInside)
        contentView.addSubview(checkBtn)
        checkBtn.layoutChain.topToBottomOfView(nameLabel, offset: 2).centerX().width(20).height(20)
    }

    required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") }

    func configure(member: GroupMemberModel, selected: Bool) {
        avatarView.image = member.userIcon.size.width > 0
            ? member.userIcon
            : UIImage(named: "Common/default_avatar")
        nameLabel.text = member.nick_name
        onlineDot.backgroundColor = UIColor(hexStr: member.is_online ? "#67E151" : "#AAAAAA")
        checkBtn.isSelected = selected
    }

    @objc private func tapCheck() {
        onToggle?()
    }
}

final class PigeonGradientButton: UIButton {
    private let gradient = CAGradientLayer()

    override init(frame: CGRect) {
        super.init(frame: frame)
        gradient.colors = [
            UIColor(hexStr: "#00ADFE").cgColor,
            UIColor(hexStr: "#45C2FF").cgColor
        ]
        gradient.startPoint = CGPoint(x: 0, y: 0.5)
        gradient.endPoint = CGPoint(x: 1, y: 0.5)
        layer.insertSublayer(gradient, at: 0)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func layoutSubviews() {
        super.layoutSubviews()
        gradient.frame = bounds
        layer.cornerRadius = bounds.height / 2
        gradient.cornerRadius = bounds.height / 2
    }
}

final class PigeonWaveformView: UIView {
    private static let idleLevels: [CGFloat] = [
        0.12, 0.12, 0.14, 0.14, 0.16, 0.14, 0.18,
        0.22, 0.18, 0.30, 0.42, 0.22, 0.34, 0.92,
        0.46, 0.28, 0.22, 0.18, 0.24, 0.18, 0.16,
        0.14, 0.14, 0.12, 0.12, 0.12
    ]

    private var levels = PigeonWaveformView.idleLevels

    override init(frame: CGRect) {
        super.init(frame: frame)
        backgroundColor = .clear
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func push(level: CGFloat) {
        levels.removeFirst()
        levels.append(min(1, max(0.12, level)))
        setNeedsDisplay()
    }

    func reset() {
        levels = Self.idleLevels
        setNeedsDisplay()
    }

    override func draw(_ rect: CGRect) {
        guard let context = UIGraphicsGetCurrentContext(), !levels.isEmpty else { return }
        let activeColor = UIColor(hexStr: "#00ADFE")
        let inactiveColor = UIColor(hexStr: "#86D9F8")
        let spacing = rect.width / CGFloat(levels.count)
        for (index, level) in levels.enumerated() {
            let edgeDistance = min(index, levels.count - 1 - index)
            let color = edgeDistance < 4 ? inactiveColor : activeColor
            let x = CGFloat(index) * spacing + spacing / 2
            if level <= 0.18 {
                let radius = min(2, spacing * 0.3)
                context.setFillColor(color.cgColor)
                context.fillEllipse(
                    in: CGRect(
                        x: x - radius,
                        y: rect.midY - radius,
                        width: radius * 2,
                        height: radius * 2
                    )
                )
                continue
            }

            let height = max(4, rect.height * level)
            context.setStrokeColor(color.cgColor)
            context.setLineWidth(min(3, spacing * 0.48))
            context.setLineCap(.round)
            context.move(to: CGPoint(x: x, y: rect.midY - height / 2))
            context.addLine(to: CGPoint(x: x, y: rect.midY + height / 2))
            context.strokePath()
        }
    }
}