//
//  DaftarRhuCell.swift
//  Sirani
//
//  Created by Anhar Solehudin on 27/04/19.
//  Copyright © 2019 Anhar Solehudin. All rights reserved.
//

import UIKit
import MaterialComponents.MaterialCards

protocol DaftarRhuCellDelegate: NSObjectProtocol {
    func download(urlWeb: String?)
}

class DaftarRhuCell: UITableViewCell {
    
    @IBOutlet weak var card: MDCCard!
    @IBOutlet weak var lblAplkasiId: UILabel!
    @IBOutlet weak var lblNo: UILabel!
    @IBOutlet weak var lblDate: UILabel!
    @IBOutlet weak var lblPlgId: UILabel!
    @IBOutlet weak var lblCustName: UILabel!
    @IBOutlet weak var lblEqoName: UILabel!
    @IBOutlet weak var lblModels: UILabel!
    @IBOutlet weak var lblMerk: UILabel!
    @IBOutlet weak var lblStatus: UILabel!
    @IBOutlet weak var lblJumlah: UILabel!
    @IBOutlet weak var btnDwnldLhu: UIButton!
    @IBOutlet weak var btnDwnlEmc: UIButton!
    
    var cellDelegate: DaftarRhuCellDelegate?
    var urlEmc = ""
    var urlLhu = ""
    
    // Modern Programmatic UI Elements
    private let modernContainer = UIView()
    private let modernBadgeView = UIView()
    private let modernBadgeIcon = UIImageView()
    private let modernNomorLabel = UILabel()
    private let modernCategoryLabel = UILabel()
    private let modernStatusPill = UIView()
    private let modernStatusDot = UIView()
    private let modernStatusLabel = UILabel()
    
    private let modernPerangkatLabel = UILabel()
    private let modernCompanyIcon = UIImageView()
    private let modernCustLabel = UILabel()
    
    private let modernSpecStack = UIStackView()
    private let modernMerkCard = UIView()
    private let modernMerkTitle = UILabel()
    private let modernMerkVal = UILabel()
    
    private let modernJmlCard = UIView()
    private let modernJmlTitle = UILabel()
    private let modernJmlVal = UILabel()
    
    private let modernFooterCard = UIView()
    private let modernCalendarIcon = UIImageView()
    private let modernDateLabel = UILabel()
    private let modernAplIdLabel = UILabel()
    
    private let modernActionStack = UIStackView()
    private let modernBtnLhu = UIButton(type: .system)
    private let modernBtnEmc = UIButton(type: .system)
    
    private var isModernLayoutBuilt = false
    
    override func awakeFromNib() {
        super.awakeFromNib()
        
        self.selectionStyle = .none
        self.backgroundColor = .clear
        
        setupCardVisuals()
        setupModernLayout()
    }
    
    private func setupCardVisuals() {
        guard let card = card else { return }
        card.cornerRadius = 16
        card.setShadowElevation(ShadowElevation(rawValue: 2), for: .normal)
        card.setShadowColor(UIColor.black.withAlphaComponent(0.06), for: .normal)
        card.layer.borderColor = UIColor(red: 228/255, green: 235/255, blue: 245/255, alpha: 1.0).cgColor
        card.layer.borderWidth = 1.0
        card.backgroundColor = .white
    }
    
    private func setupModernLayout() {
        guard let card = card, !isModernLayoutBuilt else { return }
        isModernLayoutBuilt = true
        
        for subview in card.subviews {
            subview.isHidden = true
        }
        
        modernContainer.translatesAutoresizingMaskIntoConstraints = false
        modernContainer.backgroundColor = .clear
        card.addSubview(modernContainer)
        
        NSLayoutConstraint.activate([
            modernContainer.topAnchor.constraint(equalTo: card.topAnchor, constant: 14),
            modernContainer.bottomAnchor.constraint(equalTo: card.bottomAnchor, constant: -14),
            modernContainer.leadingAnchor.constraint(equalTo: card.leadingAnchor, constant: 14),
            modernContainer.trailingAnchor.constraint(equalTo: card.trailingAnchor, constant: -14)
        ])
        
        // 1. Header Bar
        let headerStack = UIStackView()
        headerStack.translatesAutoresizingMaskIntoConstraints = false
        headerStack.axis = .horizontal
        headerStack.alignment = .center
        headerStack.spacing = 10
        modernContainer.addSubview(headerStack)
        
        modernBadgeView.translatesAutoresizingMaskIntoConstraints = false
        modernBadgeView.backgroundColor = UIColor(red: 235/255, green: 242/255, blue: 252/255, alpha: 1.0)
        modernBadgeView.layer.cornerRadius = 8
        modernBadgeView.layer.masksToBounds = true
        
        modernBadgeIcon.translatesAutoresizingMaskIntoConstraints = false
        if #available(iOS 13.0, *) {
            modernBadgeIcon.image = UIImage(systemName: "doc.badge.gearshape")
        }
        modernBadgeIcon.tintColor = UIColor(red: 0/255, green: 82/255, blue: 204/255, alpha: 1.0)
        modernBadgeIcon.contentMode = .scaleAspectFit
        modernBadgeView.addSubview(modernBadgeIcon)
        
        let titleStack = UIStackView()
        titleStack.translatesAutoresizingMaskIntoConstraints = false
        titleStack.axis = .vertical
        titleStack.spacing = 2
        
        modernCategoryLabel.translatesAutoresizingMaskIntoConstraints = false
        modernCategoryLabel.font = UIFont.systemFont(ofSize: 10, weight: .bold)
        modernCategoryLabel.textColor = UIColor(red: 0/255, green: 82/255, blue: 204/255, alpha: 1.0)
        modernCategoryLabel.text = "LAPORAN RHU"
        
        modernNomorLabel.translatesAutoresizingMaskIntoConstraints = false
        modernNomorLabel.font = UIFont.systemFont(ofSize: 14, weight: .bold)
        modernNomorLabel.textColor = UIColor(red: 26/255, green: 32/255, blue: 44/255, alpha: 1.0)
        modernNomorLabel.numberOfLines = 1
        
        titleStack.addArrangedSubview(modernCategoryLabel)
        titleStack.addArrangedSubview(modernNomorLabel)
        
        modernStatusPill.translatesAutoresizingMaskIntoConstraints = false
        modernStatusPill.layer.cornerRadius = 12
        modernStatusPill.layer.masksToBounds = true
        modernStatusPill.backgroundColor = UIColor(red: 232/255, green: 248/255, blue: 240/255, alpha: 1.0)
        
        modernStatusDot.translatesAutoresizingMaskIntoConstraints = false
        modernStatusDot.layer.cornerRadius = 3.5
        modernStatusDot.backgroundColor = UIColor(red: 16/255, green: 124/255, blue: 65/255, alpha: 1.0)
        
        modernStatusLabel.translatesAutoresizingMaskIntoConstraints = false
        modernStatusLabel.font = UIFont.systemFont(ofSize: 11, weight: .bold)
        modernStatusLabel.textColor = UIColor(red: 16/255, green: 124/255, blue: 65/255, alpha: 1.0)
        modernStatusLabel.text = "RHU"
        
        let pillStack = UIStackView(arrangedSubviews: [modernStatusDot, modernStatusLabel])
        pillStack.translatesAutoresizingMaskIntoConstraints = false
        pillStack.axis = .horizontal
        pillStack.spacing = 5
        pillStack.alignment = .center
        modernStatusPill.addSubview(pillStack)
        
        headerStack.addArrangedSubview(modernBadgeView)
        headerStack.addArrangedSubview(titleStack)
        headerStack.addArrangedSubview(modernStatusPill)
        
        // 2. Equipment Name
        modernPerangkatLabel.translatesAutoresizingMaskIntoConstraints = false
        modernPerangkatLabel.font = UIFont.systemFont(ofSize: 15, weight: .bold)
        modernPerangkatLabel.textColor = UIColor(red: 26/255, green: 32/255, blue: 44/255, alpha: 1.0)
        modernPerangkatLabel.numberOfLines = 2
        modernContainer.addSubview(modernPerangkatLabel)
        
        // 3. Company Row
        let companyStack = UIStackView()
        companyStack.translatesAutoresizingMaskIntoConstraints = false
        companyStack.axis = .horizontal
        companyStack.spacing = 6
        companyStack.alignment = .center
        modernContainer.addSubview(companyStack)
        
        modernCompanyIcon.translatesAutoresizingMaskIntoConstraints = false
        if #available(iOS 13.0, *) {
            modernCompanyIcon.image = UIImage(systemName: "building.2.fill")
        }
        modernCompanyIcon.tintColor = UIColor(red: 113/255, green: 128/255, blue: 150/255, alpha: 1.0)
        modernCompanyIcon.contentMode = .scaleAspectFit
        
        modernCustLabel.translatesAutoresizingMaskIntoConstraints = false
        modernCustLabel.font = UIFont.systemFont(ofSize: 13, weight: .medium)
        modernCustLabel.textColor = UIColor(red: 74/255, green: 85/255, blue: 104/255, alpha: 1.0)
        modernCustLabel.numberOfLines = 1
        
        companyStack.addArrangedSubview(modernCompanyIcon)
        companyStack.addArrangedSubview(modernCustLabel)
        
        // 4. Spec Stack (Merk/Model | Jml/PLG)
        modernSpecStack.translatesAutoresizingMaskIntoConstraints = false
        modernSpecStack.axis = .horizontal
        modernSpecStack.distribution = .fillEqually
        modernSpecStack.spacing = 8
        modernContainer.addSubview(modernSpecStack)
        
        func styleMiniCard(_ cardView: UIView, titleLabel: UILabel, valLabel: UILabel, title: String) {
            cardView.translatesAutoresizingMaskIntoConstraints = false
            cardView.backgroundColor = UIColor(red: 248/255, green: 250/255, blue: 253/255, alpha: 1.0)
            cardView.layer.cornerRadius = 8
            cardView.layer.borderColor = UIColor(red: 235/255, green: 240/255, blue: 248/255, alpha: 1.0).cgColor
            cardView.layer.borderWidth = 1
            
            titleLabel.translatesAutoresizingMaskIntoConstraints = false
            titleLabel.font = UIFont.systemFont(ofSize: 10, weight: .semibold)
            titleLabel.textColor = UIColor(red: 113/255, green: 128/255, blue: 150/255, alpha: 1.0)
            titleLabel.text = title
            
            valLabel.translatesAutoresizingMaskIntoConstraints = false
            valLabel.font = UIFont.systemFont(ofSize: 12, weight: .semibold)
            valLabel.textColor = UIColor(red: 45/255, green: 55/255, blue: 72/255, alpha: 1.0)
            valLabel.numberOfLines = 1
            
            let stack = UIStackView(arrangedSubviews: [titleLabel, valLabel])
            stack.translatesAutoresizingMaskIntoConstraints = false
            stack.axis = .vertical
            stack.spacing = 2
            cardView.addSubview(stack)
            
            NSLayoutConstraint.activate([
                stack.topAnchor.constraint(equalTo: cardView.topAnchor, constant: 6),
                stack.bottomAnchor.constraint(equalTo: cardView.bottomAnchor, constant: -6),
                stack.leadingAnchor.constraint(equalTo: cardView.leadingAnchor, constant: 8),
                stack.trailingAnchor.constraint(equalTo: cardView.trailingAnchor, constant: -8)
            ])
        }
        
        styleMiniCard(modernMerkCard, titleLabel: modernMerkTitle, valLabel: modernMerkVal, title: "MERK & MODEL")
        styleMiniCard(modernJmlCard, titleLabel: modernJmlTitle, valLabel: modernJmlVal, title: "JUMLAH EVALUASI")
        
        modernSpecStack.addArrangedSubview(modernMerkCard)
        modernSpecStack.addArrangedSubview(modernJmlCard)
        
        // 5. Footer Bar
        modernFooterCard.translatesAutoresizingMaskIntoConstraints = false
        modernFooterCard.backgroundColor = UIColor(red: 244/255, green: 248/255, blue: 254/255, alpha: 1.0)
        modernFooterCard.layer.cornerRadius = 10
        modernContainer.addSubview(modernFooterCard)
        
        modernCalendarIcon.translatesAutoresizingMaskIntoConstraints = false
        if #available(iOS 13.0, *) {
            modernCalendarIcon.image = UIImage(systemName: "calendar")
        }
        modernCalendarIcon.tintColor = UIColor(red: 0/255, green: 82/255, blue: 204/255, alpha: 1.0)
        modernCalendarIcon.contentMode = .scaleAspectFit
        
        modernDateLabel.translatesAutoresizingMaskIntoConstraints = false
        modernDateLabel.font = UIFont.systemFont(ofSize: 11, weight: .medium)
        modernDateLabel.textColor = UIColor(red: 74/255, green: 85/255, blue: 104/255, alpha: 1.0)
        
        modernAplIdLabel.translatesAutoresizingMaskIntoConstraints = false
        modernAplIdLabel.font = UIFont.systemFont(ofSize: 10, weight: .bold)
        modernAplIdLabel.textColor = UIColor(red: 0/255, green: 82/255, blue: 204/255, alpha: 1.0)
        
        let dateContentStack = UIStackView(arrangedSubviews: [modernCalendarIcon, modernDateLabel])
        dateContentStack.translatesAutoresizingMaskIntoConstraints = false
        dateContentStack.axis = .horizontal
        dateContentStack.spacing = 6
        dateContentStack.alignment = .center
        
        let footerStack = UIStackView(arrangedSubviews: [dateContentStack, modernAplIdLabel])
        footerStack.translatesAutoresizingMaskIntoConstraints = false
        footerStack.axis = .horizontal
        footerStack.distribution = .equalSpacing
        footerStack.alignment = .center
        modernFooterCard.addSubview(footerStack)
        
        // 6. Action Buttons Bar (Download LHU & EMC)
        modernActionStack.translatesAutoresizingMaskIntoConstraints = false
        modernActionStack.axis = .horizontal
        modernActionStack.distribution = .fillEqually
        modernActionStack.spacing = 8
        modernContainer.addSubview(modernActionStack)
        
        func styleActionButton(_ button: UIButton, title: String, iconName: String, action: Selector) {
            button.translatesAutoresizingMaskIntoConstraints = false
            button.setTitle(" \(title)", for: .normal)
            if #available(iOS 13.0, *) {
                button.setImage(UIImage(systemName: iconName), for: .normal)
            }
            button.tintColor = UIColor(red: 0/255, green: 82/255, blue: 204/255, alpha: 1.0)
            button.titleLabel?.font = UIFont.systemFont(ofSize: 11, weight: .semibold)
            button.backgroundColor = UIColor(red: 235/255, green: 242/255, blue: 252/255, alpha: 1.0)
            button.layer.cornerRadius = 8
            button.layer.borderWidth = 1
            button.layer.borderColor = UIColor(red: 218/255, green: 230/255, blue: 247/255, alpha: 1.0).cgColor
            button.heightAnchor.constraint(equalToConstant: 34).isActive = true
            button.addTarget(self, action: action, for: .touchUpInside)
        }
        
        styleActionButton(modernBtnLhu, title: "Download LHU", iconName: "arrow.down.doc", action: #selector(onModernLhuTap))
        styleActionButton(modernBtnEmc, title: "Download EMC", iconName: "bolt.horizontal.doc", action: #selector(onModernEmcTap))
        
        modernActionStack.addArrangedSubview(modernBtnLhu)
        modernActionStack.addArrangedSubview(modernBtnEmc)
        
        // Constraints
        NSLayoutConstraint.activate([
            headerStack.topAnchor.constraint(equalTo: modernContainer.topAnchor),
            headerStack.leadingAnchor.constraint(equalTo: modernContainer.leadingAnchor),
            headerStack.trailingAnchor.constraint(equalTo: modernContainer.trailingAnchor),
            
            modernBadgeView.widthAnchor.constraint(equalToConstant: 34),
            modernBadgeView.heightAnchor.constraint(equalToConstant: 34),
            modernBadgeIcon.centerXAnchor.constraint(equalTo: modernBadgeView.centerXAnchor),
            modernBadgeIcon.centerYAnchor.constraint(equalTo: modernBadgeView.centerYAnchor),
            modernBadgeIcon.widthAnchor.constraint(equalToConstant: 18),
            modernBadgeIcon.heightAnchor.constraint(equalToConstant: 18),
            
            modernStatusDot.widthAnchor.constraint(equalToConstant: 7),
            modernStatusDot.heightAnchor.constraint(equalToConstant: 7),
            pillStack.topAnchor.constraint(equalTo: modernStatusPill.topAnchor, constant: 5),
            pillStack.bottomAnchor.constraint(equalTo: modernStatusPill.bottomAnchor, constant: -5),
            pillStack.leadingAnchor.constraint(equalTo: modernStatusPill.leadingAnchor, constant: 10),
            pillStack.trailingAnchor.constraint(equalTo: modernStatusPill.trailingAnchor, constant: -10),
            
            modernPerangkatLabel.topAnchor.constraint(equalTo: headerStack.bottomAnchor, constant: 10),
            modernPerangkatLabel.leadingAnchor.constraint(equalTo: modernContainer.leadingAnchor),
            modernPerangkatLabel.trailingAnchor.constraint(equalTo: modernContainer.trailingAnchor),
            
            companyStack.topAnchor.constraint(equalTo: modernPerangkatLabel.bottomAnchor, constant: 6),
            companyStack.leadingAnchor.constraint(equalTo: modernContainer.leadingAnchor),
            companyStack.trailingAnchor.constraint(equalTo: modernContainer.trailingAnchor),
            modernCompanyIcon.widthAnchor.constraint(equalToConstant: 14),
            modernCompanyIcon.heightAnchor.constraint(equalToConstant: 14),
            
            modernSpecStack.topAnchor.constraint(equalTo: companyStack.bottomAnchor, constant: 10),
            modernSpecStack.leadingAnchor.constraint(equalTo: modernContainer.leadingAnchor),
            modernSpecStack.trailingAnchor.constraint(equalTo: modernContainer.trailingAnchor),
            
            modernFooterCard.topAnchor.constraint(equalTo: modernSpecStack.bottomAnchor, constant: 10),
            modernFooterCard.leadingAnchor.constraint(equalTo: modernContainer.leadingAnchor),
            modernFooterCard.trailingAnchor.constraint(equalTo: modernContainer.trailingAnchor),
            
            modernCalendarIcon.widthAnchor.constraint(equalToConstant: 13),
            modernCalendarIcon.heightAnchor.constraint(equalToConstant: 13),
            
            footerStack.topAnchor.constraint(equalTo: modernFooterCard.topAnchor, constant: 8),
            footerStack.bottomAnchor.constraint(equalTo: modernFooterCard.bottomAnchor, constant: -8),
            footerStack.leadingAnchor.constraint(equalTo: modernFooterCard.leadingAnchor, constant: 10),
            footerStack.trailingAnchor.constraint(equalTo: modernFooterCard.trailingAnchor, constant: -10),
            
            modernActionStack.topAnchor.constraint(equalTo: modernFooterCard.bottomAnchor, constant: 10),
            modernActionStack.leadingAnchor.constraint(equalTo: modernContainer.leadingAnchor),
            modernActionStack.trailingAnchor.constraint(equalTo: modernContainer.trailingAnchor),
            modernActionStack.bottomAnchor.constraint(equalTo: modernContainer.bottomAnchor)
        ])
    }
    
    @objc private func onModernLhuTap() {
        cellDelegate?.download(urlWeb: urlLhu)
    }
    
    @objc private func onModernEmcTap() {
        cellDelegate?.download(urlWeb: urlEmc)
    }
    
    func updateViews(daftarRhu: DaftarRhu) {
        card?.isInteractable = false
        setupModernLayout()
        
        urlEmc = daftarRhu.file_emc
        urlLhu = daftarRhu.file_lhu
        
        var aplId = "-"
        if let aplIdValue = daftarRhu.apl_id {
            aplId = "\(aplIdValue)"
        }
        lblAplkasiId?.text = aplId
        modernAplIdLabel.text = "ID: \(aplId)"
        
        let rhuNo = daftarRhu.rhu_no.isEmpty ? "-" : daftarRhu.rhu_no
        lblNo?.text = rhuNo
        modernNomorLabel.text = rhuNo
        
        let date = String(daftarRhu.upload_file_date_convert.prefix(10))
        let dateFormatted = CommonHelper.formatDate(from: date)
        lblDate?.text = dateFormatted
        modernDateLabel.text = "Upload: \(dateFormatted)"
        
        var plgId = "-"
        if let plgIdValue = daftarRhu.plg_id {
            plgId = "\(plgIdValue)"
        }
        lblPlgId?.text = "PLG ID: \(plgId)"
        
        var custName = "-"
        if let custNameValue = daftarRhu.custs {
            custName = "\(custNameValue)"
        }
        lblCustName?.text = custName
        modernCustLabel.text = custName
        
        let eqp = daftarRhu.eqp_name.isEmpty ? "-" : daftarRhu.eqp_name
        lblEqoName?.text = eqp
        modernPerangkatLabel.text = eqp
        
        let models = daftarRhu.models.isEmpty ? "-" : daftarRhu.models
        let merk = daftarRhu.merk.isEmpty ? "-" : daftarRhu.merk
        lblModels?.text = models
        lblMerk?.text = merk
        modernMerkVal.text = "\(merk) / \(models)"
        
        let jmleval = "\(daftarRhu.jmleval)"
        lblJumlah?.text = "JML: \(jmleval)"
        modernJmlVal.text = "JML: \(jmleval) | PLG: \(plgId)"
        
        var status = "RHU"
        if let statusValue = daftarRhu.tab_desc, !statusValue.isEmpty {
            status = statusValue
        }
        lblStatus?.text = "STATUS: \(status)"
        modernStatusLabel.text = status.uppercased()
        
        modernBtnLhu.alpha = urlLhu.isEmpty ? 0.4 : 1.0
        modernBtnEmc.alpha = urlEmc.isEmpty ? 0.4 : 1.0
    }
    
    @IBAction func onBtnLhuTap(_ sender: Any) {
        cellDelegate?.download(urlWeb: urlLhu)
    }
    
    @IBAction func onBtnEmcTap(_ sender: Any) {
        cellDelegate?.download(urlWeb: urlEmc)
    }

}