platform-ios/RainbowPlanet/RainbowPlanet/Modules/RegisterLoginModule/MobileLogin/View/MobileLoginView.swift

//
//  MobileLoginView.swift
//  RainbowPlanet
//
//  Created by 南鑫林 on 2019/4/17.
//  Copyright © 2019 南鑫林. All rights reserved.
//

import UIKit
import RxSwift
import RxCocoa
import SwiftyMediator

class MobileLoginView: BaseView {

    /// 手机号
    var phoneNumber : String = ""

    /// 验证码
    var sms : String = ""
    
    /// 邀请码
    var invitationCode : String = ""

    typealias SendSmSBlock = (_ smsButton: CountdownButton,_ phoneNumber : String) -> Void
    var sendSmSBlock : SendSmSBlock?

    typealias LoginBlock = (_ phoneNumber : String ,_ sms : String,_ invitationCode : String) -> Void
    var loginBlock : LoginBlock?

    typealias PasswordLoginBlock = () -> Void
    var passwordLoginBlock : PasswordLoginBlock?

    override func setupViews() {
        addSubview(bindPhoneNumberLabel)

        addSubview(phoneNumberBgView)
        phoneNumberBgView.addSubview(linePhoneNumberLabel)
        phoneNumberBgView.addSubview(phoneAreaCodeLabel)
        phoneNumberBgView.addSubview(phoneNumberTextField)

        addSubview(smsBgView)
        smsBgView.addSubview(linesmsLabel)
        smsBgView.addSubview(smsButton)
        smsBgView.addSubview(smsTextField)
        
        addSubview(invitationCodeBgView)
        invitationCodeBgView.addSubview(lineInvitationCodeLabel)
        invitationCodeBgView.addSubview(invitationCodeTextField)

        addSubview(loginButton)
        addSubview(passwordLoginButton)
        
        addSubview(agreementButton)
        addSubview(oneLabel)
        addSubview(twoLabel)
    }

    override func setupLayouts() {
        bindPhoneNumberLabel.snp.makeConstraints { (make) in
            make.top.equalToSuperview().offset(kScaleValue(value: 75))
            make.left.equalToSuperview().offset(kScaleValue(value: 38))
        }

        phoneNumberBgView.snp.makeConstraints { (make) in
            make.left.equalToSuperview().offset(kScaleValue(value: 38))
            make.right.equalToSuperview().offset(kScaleValue(value: -38))
            make.top.equalTo(bindPhoneNumberLabel.snp.bottom).offset(kScaleValue(value: 50))
            make.height.equalTo(kScaleValue(value: 48))
        }
        linePhoneNumberLabel.snp.makeConstraints { (make) in
            make.left.right.bottom.equalToSuperview()
            make.height.equalTo(0.5)
        }

        phoneAreaCodeLabel.snp.makeConstraints { (make) in
            make.top.equalToSuperview().offset(kScaleValue(value: 6))
            make.left.equalToSuperview().offset(kScaleValue(value: 4))
            make.bottom.equalToSuperview()
        }

        phoneNumberTextField.snp.makeConstraints { (make) in
            make.left.equalTo(phoneAreaCodeLabel.snp.right).offset(kScaleValue(value: 30))
            make.top.bottom.equalTo(phoneAreaCodeLabel)
            make.width.equalTo(kScreenWidth-kScaleValue(value: 76+34+30))
        }

        smsBgView.snp.makeConstraints { (make) in
            make.left.height.right.equalTo(phoneNumberBgView)
            make.top.equalTo(phoneNumberBgView.snp.bottom)
        }
        linesmsLabel.snp.makeConstraints { (make) in
            make.left.right.bottom.equalToSuperview()
            make.height.equalTo(0.5)
        }

        smsButton.snp.makeConstraints { (make) in
            make.bottom.equalToSuperview().offset(kScaleValue(value: -8))
            make.height.equalTo(kScaleValue(value: 30))
            make.right.equalToSuperview().offset(kScaleValue(value: -4))
        }
        smsTextField.snp.makeConstraints { (make) in
            make.bottom.top.equalTo(smsButton)
            make.left.equalTo(phoneAreaCodeLabel)
            make.width.equalTo(kScreenWidth - kScaleValue(value: 76 + 30 + smsButton.width))
        }
        
        invitationCodeBgView.snp.makeConstraints { (make) in
            make.top.equalTo(smsBgView.snp.bottom)
            make.left.right.height.equalTo(phoneNumberBgView)
        }
        lineInvitationCodeLabel.snp.makeConstraints { (make) in
            make.left.right.bottom.equalToSuperview()
            make.height.equalTo(0.5)
        }
        invitationCodeTextField.snp.makeConstraints { (make) in
            make.left.right.equalToSuperview()
            make.top.equalToSuperview().offset(kScaleValue(value: 6))
            make.height.equalTo(phoneAreaCodeLabel)
        }

        loginButton.snp.makeConstraints { (make) in
            make.top.equalTo(invitationCodeBgView.snp.bottom).offset(kScaleValue(value: 35))
            make.height.equalTo(kScaleValue(value:44))
            make.left.equalToSuperview().offset(kScaleValue(value: 38))
            make.right.equalToSuperview().offset(kScaleValue(value: -38))
        }

        passwordLoginButton.snp.makeConstraints { (make) in
            make.top.equalTo(loginButton.snp.bottom).offset(20)
            make.centerX.equalToSuperview()
        }
        
        agreementButton.snp.makeConstraints { (make) in
            make.bottom.equalTo(-32*kScaleWidth)
            make.left.equalTo(92.5*kScaleWidth)
            make.size.equalTo(20)
        }
        oneLabel.snp.makeConstraints { (make) in
            make.centerY.equalTo(agreementButton)
            make.left.equalTo(agreementButton.snp.right).offset(6.5)
        }
        twoLabel.snp.makeConstraints { (make) in
            make.centerY.equalTo(agreementButton)
            make.left.equalTo(oneLabel.snp.right)
        }
    }

    private lazy var bindPhoneNumberLabel: UILabel = {
        let bindPhoneNumberLabel = UILabel()
        bindPhoneNumberLabel.text = "手机验证登录"
        bindPhoneNumberLabel.textColor = k333333Color
        bindPhoneNumberLabel.font = kScaleBoldFont22
        return bindPhoneNumberLabel
    }()

    private lazy var phoneNumberBgView: UIView = {
        let phoneNumberBgView = UIView()
        return phoneNumberBgView
    }()

    private lazy var linePhoneNumberLabel: UILabel = {
        let linePhoneNumberLabel = UILabel()
        linePhoneNumberLabel.backgroundColor = ke6e6e6Color
        return linePhoneNumberLabel
    }()

    private lazy var phoneAreaCodeLabel: UILabel = {
        let phoneAreaCodeLabel = UILabel()
        phoneAreaCodeLabel.text = "+86"
        phoneAreaCodeLabel.textColor = k333333Color
        phoneAreaCodeLabel.font = kScaleRegularFont16
        phoneAreaCodeLabel.sizeToFit()
        return phoneAreaCodeLabel
    }()

    private lazy var phoneNumberTextField : UITextField = {
        let phoneNumberTextField = UITextField()
        phoneNumberTextField.placeholder = "手机号码"
        phoneNumberTextField.borderStyle = .none
        phoneNumberTextField.textColor = k666666Color
        phoneNumberTextField.font = kScaleRegularFont16
        phoneNumberTextField.clearButtonMode = .whileEditing
        phoneNumberTextField.sizeToFit()
        phoneNumberTextField.keyboardType = .numberPad
        phoneNumberTextField.tintColor = kThemeColor

        phoneNumberTextField.rx.text.orEmpty.changed.subscribe(onNext: { [weak self] (text) in
            self?.phoneNumberTextField.text = String(text.prefix(11))
            self?.phoneNumber = self?.phoneNumberTextField.text ?? ""
            self?.observableString()

        }).disposed(by: disposeBag)
        return phoneNumberTextField
    }()

    private lazy var smsBgView: UIView = {
        let smsBgView = UIView()
        return smsBgView
    }()

    private lazy var linesmsLabel: UILabel = {
        let linesmsLabel = UILabel()
        linesmsLabel.backgroundColor = ke6e6e6Color
        return linesmsLabel
    }()

    private lazy var smsButton: CountdownButton = {
        let smsButton = CountdownButton(type: UIButton.ButtonType.custom)
        smsButton.normalText = "  获取验证码  "
        smsButton.disabledText = "  seconds后重新获取  "
        smsButton.setTitle(smsButton.normalText, for: UIControl.State.normal)
        smsButton.setTitle(smsButton.disabledText, for: UIControl.State.disabled)
        smsButton.setTitleColor(kThemeColor, for: UIControl.State.normal)
        smsButton.setTitleColor(k333333Color, for: UIControl.State.disabled)
        smsButton.titleLabel?.font = kRegularFont12
        smsButton.contentHorizontalAlignment = UIControl.ContentHorizontalAlignment.center
        smsButton.sizeToFit()
        smsButton.normalBorderColor = kThemeColor
        smsButton.normalBorderWidth = 0.5
        smsButton.normalCornerRadius = kScaleValue(value: 15)
        smsButton.normalBackgroundColor = UIColor.white
        smsButton.disabledBorderColor = ke6e6e6Color
        smsButton.disabledBorderWidth = 0.5
        smsButton.disabledCornerRadius = kScaleValue(value: 15)
        smsButton.disabledBackgroundColor = ke6e6e6Color
        smsButton.maxSecond = 60
        smsButton.updateNormal()
        smsButton.rx.tap.subscribe(onNext: { [weak self] (data) in
            if (self?.phoneNumber.count)! < 11 || (self?.phoneNumber.count)! > 11 {
                SwiftProgressHUD.shared().showText("手机号码格式错误， \n请重新输入！", textAlignment: .left)
                return
            }
            if let sendSmSBlock = self?.sendSmSBlock {
                sendSmSBlock(smsButton, (self?.phoneNumber)!)
            }

        }).disposed(by: disposeBag)
        return smsButton
    }()

    private lazy var smsTextField : UITextField = {
        let smsTextField = UITextField()
        smsTextField.placeholder = "验证码"
        smsTextField.borderStyle = .none
        smsTextField.textColor = k666666Color
        smsTextField.font = kScaleRegularFont16
        smsTextField.sizeToFit()
        smsTextField.keyboardType = .numberPad
        smsTextField.tintColor = kThemeColor

        smsTextField.rx.text.changed.subscribe(onNext: { [weak self] (text) in
            self?.smsTextField.text = String(text?.prefix(6) ?? "") as String
            self?.sms = self?.smsTextField.text ?? ""
            self?.observableString()
        }).disposed(by: disposeBag)

        return smsTextField
    }()
    
    private lazy var invitationCodeBgView: UIView = {
        let invitationCodeBgView = UIView()
        return invitationCodeBgView
    }()
    
    private lazy var lineInvitationCodeLabel: UILabel = {
        let lineInvitationCodeLabel = UILabel()
        lineInvitationCodeLabel.backgroundColor = ke6e6e6Color
        return lineInvitationCodeLabel
    }()
    
    private lazy var invitationCodeTextField : UITextField = {
        let invitationCodeTextField = UITextField()
        invitationCodeTextField.placeholder = "请输入邀请码(选填)"
        invitationCodeTextField.borderStyle = .none
        invitationCodeTextField.textColor = k666666Color
        invitationCodeTextField.font = kScaleRegularFont16
        invitationCodeTextField.clearButtonMode = .whileEditing
        invitationCodeTextField.sizeToFit()
        invitationCodeTextField.tintColor = kThemeColor
        invitationCodeTextField.rx.text.orEmpty.changed.subscribe(onNext: { [weak self] (text) in
            self?.invitationCode = self?.invitationCodeTextField.text ?? ""
        }).disposed(by: disposeBag)
        return invitationCodeTextField
    }()

    private lazy var loginButton: UIButton = {
        let loginButton = UIButton(type: UIButton.ButtonType.custom)
        loginButton.setTitle("登录", for: UIControl.State.normal)
        loginButton.setTitleColor(kffffffColor, for: UIControl.State.normal)
        loginButton.setTitleColor(k666666Color, for: UIControl.State.disabled)
        loginButton.setBackgroundImage(UIImage.imageWithColor(color: kDisabledButtonColor), for: UIControl.State.disabled)
        loginButton.setBackgroundImage(UIImage.imageWithColor(color: kEnabledButtonColor), for: UIControl.State.normal)
        loginButton.titleLabel?.font = kScaleRegularFont18
        loginButton.cornerRadius = kScaleValue(value: 22)
        loginButton.masksToBounds = true
        loginButton.isEnabled = false
        loginButton.rx.tap.subscribe(onNext: { [weak self] (data) in

            if let loginBlock = self?.loginBlock {
                loginBlock((self?.phoneNumber)!,(self?.sms)!, (self?.invitationCode)!)
            }

        }).disposed(by: disposeBag)
        return loginButton
    }()

    private lazy var passwordLoginButton: UIButton = {
        let passwordLoginButton = UIButton(type: UIButton.ButtonType.custom)
        passwordLoginButton.setTitle("密码登录", for: UIControl.State.normal)
        passwordLoginButton.setTitleColor(k1C2443Color, for: UIControl.State.normal)
        passwordLoginButton.titleLabel?.font = kScaleRegularFont14
        passwordLoginButton.rx.tap.subscribe(onNext: { [weak self] (data) in
            if let passwordLoginBlock = self?.passwordLoginBlock {
                passwordLoginBlock()
            }
        }).disposed(by: disposeBag)
        return passwordLoginButton
    }()



    func observableString() {
        Observable.combineLatest(Observable.just(phoneNumber), Observable.just(sms)) { [weak self] (textValue1, textValue2) -> Bool in
            let textValue1 = String(textValue1.prefix(11)) as String
            let textValue2 = String(textValue2.prefix(6)) as String
            let isSuccess = (textValue1.count == 11) && (textValue2.count == 6) && (self?.agreementButton.isSelected == true)
            return isSuccess
            }.subscribe(onNext: {
                [weak self] isEmpty in
                self?.loginButton.isEnabled = isEmpty
            }).disposed(by: self.disposeBag)
    }
    
    lazy var agreementButton: UIButton = {
        let agreementButton = UIButton(type: UIButton.ButtonType.custom)
        agreementButton.setImage(kImage(name: "login_terms_normal"), for: UIControl.State.normal)
        agreementButton.setImage(kImage(name: "login_terms_pre"), for: UIControl.State.selected)
        agreementButton.isSelected = true
        agreementButton.rx.tap.subscribe(onNext: { [weak self] in
            agreementButton.isSelected = !agreementButton.isSelected
            self?.loginButton.isEnabled = agreementButton.isSelected
        }).disposed(by: disposeBag)
        return agreementButton
    }()
    
    lazy var oneLabel: UILabel = {
        let oneLabel = UILabel()
        oneLabel.text = "我已阅读并同意 "
        oneLabel.textColor = k999999Color
        oneLabel.font = kRegularFont12
        return oneLabel
    }()
    lazy var twoLabel: UILabel = {
        let twoLabel = UILabel()
        twoLabel.textColor = k999999Color
        twoLabel.font = kRegularFont12
        twoLabel.addTapGesture(1, target: self, action: #selector(agreement))
        let attribute =  NSMutableAttributedString(string: "服务和隐私条款")
        attribute.changeUnderline(atAllStyle: NSUnderlineStyle.single, color: k999999Color)
        twoLabel.attributedText = attribute
        return twoLabel
    }()
    
    @objc func agreement() {
        Mediator.push(H5RouterModuleType.pushContentId6)
    }


}