//
//  MQBotMenuWebViewBubbleAnswerCell.m
//  Meiqia-SDK-Demo
//
//  Created by xulianpeng on 2017/9/26.
//  Copyright © 2017年 Meiqia. All rights reserved.
//

#import "MQBotMenuWebViewBubbleAnswerCell.h"
#import "MQBotMenuWebViewBubbleAnswerCellModel.h"
#import "UIView+MQLayout.h"
#import "MQChatViewConfig.h"
#import "MQImageUtil.h"
#import "MQEmbededWebView.h"
#import "MQStringSizeUtil.h"
#import "MQToolUtil.h"
#import "MQBundleUtil.h"


#define TAG_MENUS 10
#define TAG_EVALUATE 11
#define HEIHGT_VIEW_EVALUATE 40
#define FONT_SIZE_CONTENT 16
#define FONT_SIZE_MENU_TITLE 13
#define FONT_SIZE_MENU 15
#define FONT_SIZE_MENU_FOOTNOTE 12
#define FONT_SIZE_EVALUATE_BUTTON 14
#define SPACE_INTERNAL_VERTICAL 15


@interface MQBotMenuWebViewBubbleAnswerCell()

@property (nonatomic, strong) MQBotMenuWebViewBubbleAnswerCellModel *viewModel;
@property (nonatomic, strong) UIImageView *itemsView;
@property (nonatomic, strong) UIImageView *avatarImageView;

@property (nonatomic, strong) MQEmbededWebView *contentWebView;

//xlp 新添加的
@property (nonatomic, strong) UILabel *menuTitleLabel; //相关问题
@property (nonatomic, strong) UILabel *menuFootnoteLabel; //点击问题或回复对应数字查看答案

@property (nonatomic, assign) CGFloat currentCellWidth;
@property (nonatomic, assign) CGFloat currentContentWidth;


@property (nonatomic, strong) UIView *evaluateView;
@property (nonatomic, strong) UIView *evaluatedView;

@property (nonatomic, assign) BOOL manuallySetToEvaluated;

@end

@implementation MQBotMenuWebViewBubbleAnswerCell


- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        
        [self addSubview:self.avatarImageView];
        [self addSubview:self.itemsView];
        
        [self.itemsView addSubview:self.contentWebView];
        
        //xlp 新添加的
        [self.itemsView addSubview:self.menuTitleLabel];
        [self.itemsView addSubview:self.menuFootnoteLabel];
        
        
        [self layoutUI];
        [self updateUI:0];
    }
    return self;
}

- (void)updateCellWithCellModel:(id<MQCellModelProtocol>)model {
    self.manuallySetToEvaluated = NO;
    self.viewModel = model;
    
    __weak typeof(self) wself = self;
    
    [self.viewModel setCellHeight:^CGFloat{
        __strong typeof (wself) sself = wself;
//        if (sself.viewModel.cachedWebViewHeight > 0) {
//            return sself.viewModel.cachedWebViewHeight + kMQCellAvatarToVerticalEdgeSpacing + kMQCellAvatarToVerticalEdgeSpacing + HEIHGT_VIEW_EVALUATE + SPACE_INTERNAL_VERTICAL;
//        }
        return sself.viewHeight;
//        return sself.contentView.viewHeight;
    }];
    
    
    
    [self.viewModel setAvatarLoaded:^(UIImage *avatar) {
        __strong typeof (wself) sself = wself;
        sself.avatarImageView.image = avatar;
    }];
    
    [self.contentWebView loadHTML:self.viewModel.content WithCompletion:^(CGFloat height) {
        __strong typeof (wself) sself = wself;
        if (height != self.viewModel.cachedWebViewHeight) {
            [sself.viewModel setCachedWebViewHeight:height];
            [sself updateUI:height];
            [sself.chatCellDelegate reloadCellAsContentUpdated:sself];
        }
    }];
    
    [self.contentWebView setTappedLink:^(NSURL *url) {
        [[UIApplication sharedApplication] openURL:url];
    }];
    
    if (self.viewModel.cachedWebViewHeight > 0) {
        [self updateUI:self.viewModel.cachedWebViewHeight];
    }

    [self.viewModel bind];
}

- (void)layoutUI {
    
//    self.contentView.backgroundColor = [UIColor greenColor];
//    [self.avatarImageView align:ViewAlignmentTopLeft relativeToPoint:CGPointMake(kMQCellAvatarToVerticalEdgeSpacing, kMQCellAvatarToHorizontalEdgeSpacing)];
//    [self.itemsView align:ViewAlignmentTopLeft relativeToPoint:CGPointMake(self.avatarImageView.viewRightEdge + kMQCellAvatarToBubbleSpacing, self.avatarImageView.viewY)];
    
//    self.itemsView.viewWidth = self.contentView.viewWidth - kMQCellBubbleMaxWidthToEdgeSpacing - self.avatarImageView.viewRightEdge;
//    self.itemsView.viewWidth = [[UIScreen mainScreen]bounds].size.width - kMQCellBubbleMaxWidthToEdgeSpacing - self.avatarImageView.viewRightEdge;

//    self.itemsView.backgroundColor = [UIColor redColor];
    
//    self.contentWebView.viewWidth = self.itemsView.viewWidth - 8;
//    self.contentWebView.viewX = 8;
    
    //xlp
//    self.currentCellWidth = self.contentView.viewWidth;
    self.currentCellWidth = [[UIScreen mainScreen]bounds].size.width;
    self.currentContentWidth = self.itemsView.viewWidth - kMQCellAvatarToHorizontalEdgeSpacing - kMQCellAvatarToHorizontalEdgeSpacing;
}

- (void)updateUI:(CGFloat)webContentHeight {
    
    self.contentWebView.frame = CGRectMake(8, 0, self.itemsView.frame.size.width-8, webContentHeight);
    self.contentWebView.viewHeight = webContentHeight;
    //布局关联视图
    [self layoutMenuView];
    
    //recreate evaluate view
    UIView *evaluateView = [self evaluateRelatedView];
    [[self.itemsView viewWithTag:evaluateView.tag] removeFromSuperview];
    [self.itemsView addSubview:evaluateView];
    //xlp
    [evaluateView align:(ViewAlignmentTopLeft) relativeToPoint:CGPointMake(8, self.menuFootnoteLabel.viewBottomEdge + SPACE_INTERNAL_VERTICAL)];
    
    CGFloat bubbleHeight = MAX(self.avatarImageView.viewHeight, evaluateView.viewBottomEdge);
    self.itemsView.viewHeight = bubbleHeight;
    self.contentView.viewHeight = self.itemsView.viewBottomEdge + kMQCellAvatarToVerticalEdgeSpacing;
    self.viewHeight = self.contentView.viewHeight;
    
}

#pragma mark - actions

- (void)didTapPositive {
    
    [self updateEvaluateViewAnimatedComplete:^{
        if ([self.chatCellDelegate respondsToSelector:@selector(evaluateBotAnswer:messageId:)]) {
            [self.chatCellDelegate evaluateBotAnswer:true messageId:self.viewModel.messageId];
        }
    }];
}

- (void)didTapNegative {
    [self updateEvaluateViewAnimatedComplete:^{
        if ([self.chatCellDelegate respondsToSelector:@selector(evaluateBotAnswer:messageId:)]) {
            [self.chatCellDelegate evaluateBotAnswer:false messageId:self.viewModel.messageId];
        }
    }];
}

- (void)updateEvaluateViewAnimatedComplete:(void(^)(void))action {
    self.manuallySetToEvaluated = YES;
    
    UIView *oldView = [self.itemsView viewWithTag:TAG_EVALUATE];
    
    UIView *newView = [self evaluateRelatedView];
    newView.alpha = 0.0;
    newView.frame = oldView.frame;
    [self.itemsView addSubview:newView];
    
    [UIView animateKeyframesWithDuration:0.3 delay:0.0 options:0 animations:^{
        [UIView addKeyframeWithRelativeStartTime:0.0 relativeDuration:0.5 animations:^{
            oldView.alpha = 0.0;
        }];
        
        [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:0.5 animations:^{
            newView.alpha = 1.0;
        }];
    } completion:^(BOOL finished) {
        [oldView removeFromSuperview];
        if (action) {
            action();
        }
    }];
}

- (UIView *)evaluateRelatedView {
    UIView *view;
    if (self.viewModel.isEvaluated || self.manuallySetToEvaluated) {
        if (self.evaluateView.superview) {
            [self.evaluateView removeFromSuperview];
        }
        view = self.evaluatedView;
    } else {
        if (self.evaluatedView.superview) {
            [self.evaluatedView removeFromSuperview];
        }
        view = self.evaluateView;
    }
    
    view.tag = TAG_EVALUATE;
    return view;
}

#pragma - lazy

- (MQEmbededWebView *)contentWebView {
    if (!_contentWebView) {
        _contentWebView = [MQEmbededWebView new];
        _contentWebView.frame = CGRectMake(8, 0, self.itemsView.frame.size.width-8, self.itemsView.frame.size.height/2);
//        _contentWebView.layer.borderColor = [UIColor magentaColor].CGColor;
//        _contentWebView.layer.borderWidth = 2;
//        _contentWebView.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    }
    return _contentWebView;
}

- (UIImageView *)itemsView {
    if (!_itemsView) {
        _itemsView = [UIImageView new];
        NSInteger itemsViewX = kMQCellAvatarToVerticalEdgeSpacing+kMQCellAvatarDiameter+kMQCellAvatarToBubbleSpacing;
        _itemsView.frame = CGRectMake(itemsViewX,kMQCellAvatarToHorizontalEdgeSpacing,MQToolUtil.kXlpScreenWidth - itemsViewX - kMQCellBubbleMaxWidthToEdgeSpacing , 200);
        _itemsView.userInteractionEnabled = true;
        UIImage *bubbleImage = [MQChatViewConfig sharedConfig].incomingBubbleImage;
        if ([MQChatViewConfig sharedConfig].incomingBubbleColor) {
            bubbleImage = [MQImageUtil convertImageColorWithImage:bubbleImage toColor:[MQChatViewConfig sharedConfig].incomingBubbleColor];
        }

        bubbleImage = [bubbleImage resizableImageWithCapInsets:[MQChatViewConfig sharedConfig].bubbleImageStretchInsets];
        _itemsView.image = bubbleImage;
//        _itemsView.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    }
    return _itemsView;
}

- (UIImageView *)avatarImageView {
    if (!_avatarImageView) {
        _avatarImageView = [[UIImageView alloc] init];
        _avatarImageView.contentMode = UIViewContentModeScaleAspectFit;
        _avatarImageView.frame = CGRectMake(kMQCellAvatarToVerticalEdgeSpacing, kMQCellAvatarToHorizontalEdgeSpacing, kMQCellAvatarDiameter, kMQCellAvatarDiameter);
        _avatarImageView.image = [MQChatViewConfig sharedConfig].incomingDefaultAvatarImage;
        if ([MQChatViewConfig sharedConfig].enableRoundAvatar) {
            _avatarImageView.layer.masksToBounds = YES;
            _avatarImageView.layer.cornerRadius = _avatarImageView.viewSize.width/2;
        }
    }
    return _avatarImageView;
}

- (UIView *)evaluateView {
    //    if (!_evaluateView) {
    _evaluateView = [UIView new];
    _evaluateView.frame = CGRectMake(0, 0, self.itemsView.viewWidth - 8, HEIHGT_VIEW_EVALUATE);
//    _evaluateView.viewWidth = self.itemsView.viewWidth - 8;
//    _evaluateView.viewHeight = HEIHGT_VIEW_EVALUATE;
//    _evaluateView.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    
    UIView *lineH = [UIView new];
    lineH.backgroundColor = [UIColor colorWithWhite:.8 alpha:1];
//    lineH.viewHeight = 0.5;
//    lineH.viewWidth = _evaluateView.viewWidth;
    lineH.frame = CGRectMake(0, 0, _evaluateView.frame.size.width, 0.5);
//    lineH.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    
    UIButton *usefulButton = [UIButton new];
//    usefulButton.viewWidth = _evaluateView.viewWidth / 2 - 0.5;
//    usefulButton.viewHeight = _evaluateView.viewHeight - 0.5;
//    usefulButton.viewY = 0.5;
    usefulButton.frame = CGRectMake(0, 0.5, (_evaluateView.viewWidth-0.5) / 2, _evaluateView.viewHeight - 0.5);
    [usefulButton.titleLabel setFont:[UIFont systemFontOfSize:FONT_SIZE_EVALUATE_BUTTON]];

    usefulButton.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleRightMargin;
    [usefulButton setTitle:[MQBundleUtil localizedStringForKey:@"mq_solved"] forState:(UIControlStateNormal)];
    [usefulButton setTitleColor:[MQChatViewConfig sharedConfig].chatViewStyle.btnTextColor forState:(UIControlStateNormal)];
    [usefulButton addTarget:self action:@selector(didTapPositive) forControlEvents:(UIControlEventTouchUpInside)];
    
    UIView *lineV = [UIView new];
    lineV.backgroundColor = [UIColor colorWithWhite:.8 alpha:1];
//    lineV.viewHeight = HEIHGT_VIEW_EVALUATE;
//    lineV.viewWidth = 0.5;
    lineV.frame = CGRectMake((_evaluateView.viewWidth-0.5) / 2, 0, 0.5, HEIHGT_VIEW_EVALUATE);
//    [lineV align:(ViewAlignmentTopLeft) relativeToPoint:usefulButton.rightTopCorner];
//    lineV.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin;
    
    UIButton *uselessButton = [UIButton new];
    [uselessButton setTitleColor:[MQChatViewConfig sharedConfig].chatViewStyle.btnTextColor forState:(UIControlStateNormal)];
    [uselessButton setTitle:[MQBundleUtil localizedStringForKey:@"mq_unsolved"] forState:(UIControlStateNormal)];
    [uselessButton.titleLabel setFont:[UIFont systemFontOfSize:FONT_SIZE_EVALUATE_BUTTON]];
    [uselessButton addTarget:self action:@selector(didTapNegative) forControlEvents:(UIControlEventTouchUpInside)];
//    uselessButton.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleLeftMargin;
//    uselessButton.viewWidth = _evaluateView.viewWidth / 2;
//    uselessButton.viewHeight = _evaluateView.viewHeight - 0.5;
//    uselessButton.viewY = 0.5;
//    [uselessButton align:(ViewAlignmentTopLeft) relativeToPoint:CGPointMake(usefulButton.viewRightEdge + 0.5, usefulButton.viewY)];
    uselessButton.frame = CGRectMake(lineV.frame.origin.x+lineV.frame.size.width, 0.5, (_evaluateView.viewWidth-0.5) / 2, _evaluateView.viewHeight - 0.5);
//
    [_evaluateView addSubview:lineH];
    [_evaluateView addSubview:lineV];
    [_evaluateView addSubview:usefulButton];
    [_evaluateView addSubview:uselessButton];
    //    }
    return _evaluateView;
}

- (UIView *)evaluatedView {
    //    if (!_evaluatedView) {
    _evaluatedView = [UIView new];
//    _evaluatedView.viewWidth = self.itemsView.viewWidth - 8;
//    _evaluatedView.viewHeight = HEIHGT_VIEW_EVALUATE;
//    _evaluatedView.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    
    _evaluatedView.frame = CGRectMake(0, 0, self.itemsView.viewWidth - 8, HEIHGT_VIEW_EVALUATE);

    
    UIView *lineH = [UIView new];
    lineH.backgroundColor = [UIColor colorWithWhite:.8 alpha:1];
//    lineH.viewHeight = 0.5;
//    lineH.viewWidth = _evaluatedView.viewWidth;
//    lineH.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    lineH.frame = CGRectMake(0, 0, _evaluatedView.frame.size.width, 0.5);
    [_evaluatedView addSubview:lineH];
    
    UIButton *button = [UIButton new];
//    button.viewWidth = _evaluatedView.viewWidth;
//    button.viewHeight = _evaluatedView.viewHeight - 0.5;
//    button.viewY = 0.5;
    button.frame = CGRectMake(0, 0.5, _evaluatedView.viewWidth, _evaluatedView.viewHeight - 0.5);
    [button setTitleColor:[UIColor lightGrayColor] forState:(UIControlStateNormal)];
    [button.titleLabel setFont:[UIFont systemFontOfSize:FONT_SIZE_EVALUATE_BUTTON]];

    [button setTitle:[MQBundleUtil localizedStringForKey:@"mq_commited"] forState:(UIControlStateNormal)];
    [button setAutoresizingMask:(UIViewAutoresizingFlexibleWidth)];
    [_evaluatedView addSubview:button];
    //    }
    return _evaluatedView;
}

- (void)awakeFromNib {
    [super awakeFromNib];
    // Initialization code
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}


- (void)layoutMenuView{
    
    self.menuTitleLabel.text = self.viewModel.menuTitle;
    self.menuTitleLabel.viewWidth = self.contentWebView.frame.size.width-16;
    self.menuTitleLabel.textColor = [UIColor grayColor];
    [self.menuTitleLabel sizeToFit];

    
    [self.menuTitleLabel align:(ViewAlignmentTopLeft) relativeToPoint:CGPointMake(16, self.contentWebView.viewBottomEdge + SPACE_INTERNAL_VERTICAL)];
    
    //recreate menus view
    UIView *menusView = [self menusView:self.viewModel.menus];
    [[self.itemsView viewWithTag:menusView.tag] removeFromSuperview];
    [self.itemsView addSubview:menusView];

    
    [menusView align:(ViewAlignmentTopLeft) relativeToPoint:CGPointMake(16, self.menuTitleLabel.viewBottomEdge + SPACE_INTERNAL_VERTICAL)];
    
    [self.menuFootnoteLabel align:(ViewAlignmentTopLeft) relativeToPoint:CGPointMake(16,menusView.leftBottomCorner.y)];
    self.menuFootnoteLabel.text = self.viewModel.menuFootnote;
    self.menuFootnoteLabel.viewWidth = self.contentWebView.frame.size.width - 16;
    self.menuFootnoteLabel.textColor = [UIColor grayColor];
    [self.menuFootnoteLabel sizeToFit];

    [self.menuFootnoteLabel align:(ViewAlignmentTopLeft) relativeToPoint:CGPointMake(16, menusView.viewBottomEdge + SPACE_INTERNAL_VERTICAL)];
    
}

- (UILabel *)menuTitleLabel {
    if (!_menuTitleLabel) {
        _menuTitleLabel = [UILabel new];
        _menuTitleLabel.numberOfLines = 0;
        _menuTitleLabel.font = [UIFont systemFontOfSize:FONT_SIZE_MENU_TITLE];
//        _menuTitleLabel.textColor = [UIColor greenColor];
    }
    return _menuTitleLabel;
}

- (UILabel *)menuFootnoteLabel {
    if (!_menuFootnoteLabel) {
        _menuFootnoteLabel = [UILabel new];
        _menuFootnoteLabel.numberOfLines = 0;
        _menuFootnoteLabel.font = [UIFont systemFontOfSize:FONT_SIZE_MENU_FOOTNOTE];
//        _menuFootnoteLabel.textColor = [UIColor redColor];
    }
    return _menuFootnoteLabel;
}

- (UIView *)menusView:(NSArray *)menus {
    UIView *container = [UIView new];
    container.tag = TAG_MENUS;
    container.viewWidth = self.currentContentWidth;
//    container.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    
    CGFloat topOffset = 0;
    for (NSString *menuTitle in menus) {
        UIButton *menu = [UIButton buttonWithType:(UIButtonTypeCustom)];
//        menu.viewWidth = container.viewWidth;
        menu.viewWidth = self.contentWebView.frame.size.width-16;
        menu.titleLabel.numberOfLines = 0;
//        menu.autoresizingMask = UIViewAutoresizingFlexibleWidth;
        menu.titleLabel.lineBreakMode = NSLineBreakByCharWrapping;
        [menu setTitle:menuTitle forState:(UIControlStateNormal)];
        [menu setContentHorizontalAlignment:(UIControlContentHorizontalAlignmentLeft)];
        [menu.titleLabel setFont:[UIFont systemFontOfSize:FONT_SIZE_MENU]];
        [menu addTarget:self action:@selector(menuTapped:) forControlEvents:(UIControlEventTouchUpInside)];
        [menu setTitleColor:[MQChatViewConfig sharedConfig].chatViewStyle.btnTextColor forState:(UIControlStateNormal)];
        [menu align:(ViewAlignmentTopLeft) relativeToPoint:CGPointMake(8, topOffset)];
        [container addSubview:menu];
//        menu.backgroundColor = [UIColor redColor];
        menu.viewHeight = [MQStringSizeUtil getHeightForText:menuTitle withFont:[UIFont systemFontOfSize:FONT_SIZE_MENU] andWidth:self.contentWebView.frame.size.width];
        
        topOffset += menu.viewHeight + SPACE_INTERNAL_VERTICAL;
        
    }
    
    container.viewHeight = topOffset;
    return container;
}
- (void)menuTapped:(UIButton *)menu {
    NSString *didTapMenuText = menu.titleLabel.text;
    
    if ([self.chatCellDelegate respondsToSelector:@selector(didTapMenuWithText:)]) {
        [self.chatCellDelegate didTapMenuWithText:didTapMenuText];
    }
}


@end