featherVoice/TUIKit/TUIRoomKit/Source/View/Component/QRCodeView.swift

//
//  QRCodeView.swift
//  TUIRoomKit
//
//  Created by janejntang on 2023/1/11.
//  Copyright © 2023 Tencent. All rights reserved.
//

import Foundation

class QRCodeView: UIView {
    let viewModel: QRCodeViewModel
    
    let backButton: UIButton = {
        let button = UIButton()
        button.contentVerticalAlignment = .center
        button.contentHorizontalAlignment = isRTL ? .right : .left
        button.setTitleColor(UIColor(0xADB6CC), for: .normal)
        let image = UIImage(named: "room_back_white", in: tuiRoomKitBundle(), compatibleWith: nil)?.checkOverturn()
        button.setImage(image, for: .normal)
        button.titleLabel?.font = UIFont(name: "PingFangSC-Regular", size: 18)
        button.titleEdgeInsets = UIEdgeInsets(top: 0, left: 25, bottom: 0, right: 0)
        button.imageEdgeInsets = UIEdgeInsets(top: 0, left: 12, bottom: 0, right: 0)
        return button
    }()
    
    let middleView: UIView = {
        let view = UIView()
        view.backgroundColor = UIColor(0x2A2D38)
        return view
    }()
    
    let titleLabel: UILabel = {
        let label = UILabel()
        label.textColor = UIColor(0xD1D9EC)
        label.font = UIFont(name: "PingFangSC-Regular", size: 28)
        label.textAlignment = .center
        label.backgroundColor = .clear
        label.adjustsFontSizeToFitWidth = true
        return label
    }()
    
    let roomIdView: UIView = {
        let view = UIView()
        view.backgroundColor = .clear
        return view
    }()
    
    let roomIdLabel: UILabel = {
        let label = UILabel()
        label.textColor = UIColor(0xD1D9EC)
        label.font = UIFont(name: "PingFangSC-Regular", size: 20)
        label.adjustsFontSizeToFitWidth = true
        label.textAlignment = .center
        return label
    }()
    
    let copyButton: UIButton = {
        let button = UIButton()
        let normalIcon = UIImage(named: "room_copy", in: tuiRoomKitBundle(), compatibleWith: nil)
        button.setImage(normalIcon, for: .normal)
        return button
    }()
    
    let qrCodeView: UIView = {
        let view = UIView()
        view.backgroundColor = .white
        return view
    }()
    
    let qrCodeImageView: UIImageView = {
        let imageView = UIImageView()
        return imageView
    }()
    
    let qrCodeLabel: UILabel = {
        let label = UILabel()
        label.textColor = .black
        label.text = .scanCodeText
        label.textAlignment = .center
        return label
    }()
    
    let tencentImageView: UIImageView = {
        let image = UIImage(named: "room_tencent", in: tuiRoomKitBundle(), compatibleWith: nil)
        let imageView = UIImageView(image: image)
        return imageView
    }()
    
    let bottomButton: UIButton = {
        let button = UIButton()
        button.backgroundColor = UIColor(0x006CFF)
        button.setTitle(.saveIntoAlbumText, for: .normal)
        button.backgroundColor = UIColor(0x006CFF)
        button.setTitleColor(.white, for: .normal)
        return button
    }()
    
    init(viewModel: QRCodeViewModel) {
        self.viewModel = viewModel
        super.init(frame: .zero)
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private var isViewReady: Bool = false
    override func didMoveToWindow() {
        super.didMoveToWindow()
        guard !isViewReady else { return }
        constructViewHierarchy()
        activateConstraints()
        bindInteraction()
        isViewReady = true
    }
    
    override func draw(_ rect: CGRect) {
        super.draw(rect)
        middleView.roundedRect(rect: middleView.bounds,
                               byRoundingCorners: [.topLeft, .topRight, .bottomLeft, .bottomRight],
                               cornerRadii: CGSize(width: 12, height: 12))
        qrCodeView.roundedRect(rect: qrCodeView.bounds,
                               byRoundingCorners: [.topLeft, .topRight, .bottomLeft, .bottomRight],
                               cornerRadii: CGSize(width: 12, height: 12))
        bottomButton.roundedRect(rect: bottomButton.bounds,
                                 byRoundingCorners: [.topLeft, .topRight, .bottomLeft, .bottomRight],
                                 cornerRadii: CGSize(width: 12, height: 12))
    }
    
    func constructViewHierarchy() {
        addSubview(backButton)
        addSubview(middleView)
        addSubview(bottomButton)
        middleView.addSubview(titleLabel)
        middleView.addSubview(roomIdView)
        middleView.addSubview(qrCodeView)
        middleView.addSubview(tencentImageView)
        roomIdView.addSubview(roomIdLabel)
        roomIdView.addSubview(copyButton)
        qrCodeView.addSubview(qrCodeImageView)
        qrCodeView.addSubview(qrCodeLabel)
    }
    
    func activateConstraints() {
        backButton.snp.makeConstraints { make in
            make.leading.equalToSuperview()
            make.top.equalTo(safeAreaLayoutGuide.snp.top)
            make.height.equalTo(20)
            make.width.equalTo(200)
        }
        middleView.snp.makeConstraints { make in
            make.leading.equalToSuperview().offset(12.scale375())
            make.trailing.equalToSuperview().offset(-12.scale375())
            make.height.equalTo(399.scale375())
            make.centerY.equalToSuperview()
        }
        titleLabel.snp.makeConstraints { make in
            make.top.equalToSuperview().offset(24.scale375())
            make.height.equalTo(30.scale375())
            make.width.equalToSuperview()
        }
        roomIdView.snp.makeConstraints { make in
            make.top.equalTo(titleLabel.snp.bottom).offset(4.scale375())
            make.width.equalTo(120.scale375())
            make.centerX.equalToSuperview()
            make.height.equalTo(22.scale375())
        }
        roomIdLabel.snp.makeConstraints { make in
            make.leading.equalToSuperview()
            make.height.equalToSuperview()
            make.width.equalTo(80.scale375())
        }
        copyButton.snp.makeConstraints { make in
            make.leading.equalTo(roomIdLabel.snp.trailing).offset(3)
            make.centerY.equalToSuperview()
            make.width.height.equalTo(22.scale375())
        }
        qrCodeView.snp.makeConstraints { make in
            make.top.equalTo(roomIdView.snp.bottom).offset(10)
            make.centerX.equalToSuperview()
            make.width.equalTo(210.scale375())
            make.height.equalTo(242.scale375())
        }
        qrCodeImageView.snp.makeConstraints { make in
            make.width.height.equalTo(162.scale375())
            make.top.equalToSuperview().offset(24.scale375())
            make.centerX.equalToSuperview()
        }
        qrCodeLabel.snp.makeConstraints { make in
            make.width.equalToSuperview()
            make.height.equalTo(20.scale375())
            make.top.equalTo(qrCodeImageView.snp.bottom).offset(24.scale375())
        }
        tencentImageView.snp.makeConstraints { make in
            make.top.equalTo(qrCodeView.snp.bottom).offset(20.scale375())
            make.centerX.equalToSuperview()
            make.width.equalTo(86.scale375())
            make.height.equalTo(23.scale375())
        }
        bottomButton.snp.makeConstraints { make in
            make.width.equalTo(200.scale375())
            make.height.equalTo(52.scale375())
            make.centerX.equalToSuperview()
            make.bottom.equalToSuperview().offset(-30.scale375())
        }
        
    }
    
    func bindInteraction() {
        setupViewState()
        backButton.addTarget(self, action: #selector(backAction(sender:)), for: .touchUpInside)
        copyButton.addTarget(self, action: #selector(copyAction(sender:)), for: .touchUpInside)
        bottomButton.addTarget(self, action: #selector(saveIntoAlbumAction(sender:)), for: .touchUpInside)
    }
    
    func setupViewState() {
        backgroundColor = UIColor(0x17181F)
        titleLabel.text = viewModel.store.roomInfo.name
        roomIdLabel.text = viewModel.store.roomInfo.roomId
        viewModel.createQRCodeImageView(url: viewModel.urlString, imageView: qrCodeImageView)
    }
    
    @objc func backAction(sender: UIButton) {
        viewModel.backAction()
    }
    
    @objc func copyAction(sender: UIButton) {
        viewModel.copyAction(sender: sender, text: roomIdLabel.text ?? "")
    }
    
    @objc func saveIntoAlbumAction(sender: UIButton) {
        guard let image = qrCodeImageView.image else { return }
        viewModel.saveIntoAlbumAction(sender: sender, image: image)
    }
    
    deinit {
        debugPrint("deinit \(self)")
    }
}

private extension String {
    static var scanCodeText: String {
        localized("Scan the code to enter the conference")
    }
    static var saveIntoAlbumText: String {
        localized("Save into the album")
    }
}