"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require("babel-runtime/helpers/createClass");

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require("babel-runtime/helpers/inherits");

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

require("./index.less");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var DealDayItem = function (_React$Component) {
  (0, _inherits3["default"])(DealDayItem, _React$Component);

  function DealDayItem() {
    (0, _classCallCheck3["default"])(this, DealDayItem);

    var _this = (0, _possibleConstructorReturn3["default"])(this, (DealDayItem.__proto__ || Object.getPrototypeOf(DealDayItem)).apply(this, arguments));

    _this.currencyFormat = function (value, prefixVal) {
      var precision = 2;
      var f = parseFloat(value / 100);
      if (Number.isNaN(f)) {
        f = 0.0;
      }
      var num = f.toFixed(precision).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
      return prefixVal ? prefixVal + " " + num : "" + num;
    };
    return _this;
  }

  (0, _createClass3["default"])(DealDayItem, [{
    key: "render",
    value: function render() {
      var _props$productItem = this.props.productItem,
          imgUrl = _props$productItem.imgUrl,
          productName = _props$productItem.productName,
          specialPriceStr = _props$productItem.specialPriceStr,
          specialPrice = _props$productItem.specialPrice,
          currencySymbol = _props$productItem.currencySymbol;

      return _react2["default"].createElement(
        _react.Fragment,
        null,
        _react2["default"].createElement(
          "div",
          { className: "ecom-item-vertical-img ecom-column-flex ant-row-flex-middle ant-row-flex-center", style: { width: "238px", height: "300px" } },
          _react2["default"].createElement("img", { src: imgUrl, alt: "" }),
          _react2["default"].createElement(
            "h3",
            { className: "tilte" },
            productName.length > 16 ? productName.substr(0, 16) + "..." : productName
          ),
          _react2["default"].createElement(
            "div",
            { className: "offerItemPriceBox" },
            _react2["default"].createElement(
              "div",
              { className: "leftItem" },
              this.currencyFormat(specialPriceStr, currencySymbol)
            ),
            _react2["default"].createElement(
              "div",
              { className: "rightItem" },
              _react2["default"].createElement(
                "a",
                { href: "#" },
                this.currencyFormat(specialPrice, currencySymbol)
              )
            )
          )
        )
      );
    }
  }]);
  return DealDayItem;
}(_react2["default"].Component);

exports["default"] = DealDayItem;
module.exports = exports['default'];