"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $component, $helpers, JSON, Object, String) {
    var h = require('panel').h;
    var __vjadeSafeCode = function __vjadeSafeCode(code) {
      return code || String(code);
    };
    return {
      value: h("div", {
        "class": {
          'mp-sh-notif-notification': true
        }
      }, function () {
        var __jade_nodes = [];
        __jade_nodes = __jade_nodes.concat($component.getAlert().hasExplains ? function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(h("div", {
            "class": {
              'mp-sh-notif-explains-indicator': true
            }
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-notif-highlight-tag': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("svg-icon", {
                "attrs": {
                  icon: 'idea'
                }
              }));
              __jade_nodes = __jade_nodes.concat(h("div", {
                "class": {
                  'mp-sh-notif-highlight-tag-text': true
                }
              }, function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat("Highlight");;
                return __jade_nodes;
              }.call(this).filter(Boolean)));;
              return __jade_nodes;
            }.call(this).filter(Boolean)));
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-notif-explains-indicator-text': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat("We have identified an explanation for this anomaly");;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this).filter(Boolean)));;
          return __jade_nodes;
        }.call(this) : undefined);
        __jade_nodes = __jade_nodes.concat(h("div", {
          "on": {
            click: function click(event) {
              return $helpers.viewFullAlert(event);
            }
          },
          "class": Object.assign({}, {
            'mp-sh-notif-last-item': $attrs["last-item"]
          }, {
            'mp-sh-notif-container': true
          })
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat(!$component.getAlert().isRead ? function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-notif-unread-indicator': true
              }
            }));;
            return __jade_nodes;
          }.call(this) : undefined);
          __jade_nodes = __jade_nodes.concat(h("div", {
            "class": {
              'mp-sh-notif-header': true
            }
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat($component.getAlert().anomaly ? function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat("Anomaly detection");;
              return __jade_nodes;
            }.call(this) : function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat("Interesting segment");;
              return __jade_nodes;
            }.call(this));
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-notif-spacer': true
              }
            }));
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-notif-relative-timestamp': true
              }
            }, [__vjadeSafeCode($component.relativeTimestamp)]));
            __jade_nodes = __jade_nodes.concat(h("div", {
              "on": {
                click: function click(event) {
                  return $helpers.handleRemoveAlert(event);
                }
              },
              "class": {
                'mp-sh-notif-remove': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("svg-icon", {
                "attrs": {
                  icon: 'x'
                }
              }));;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this).filter(Boolean)));
          __jade_nodes = __jade_nodes.concat(h("div", {
            "class": {
              'mp-sh-notif-body': true
            }
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("mp-formatted-message", {
              "attrs": {
                parts: JSON.stringify($component.message)
              }
            }));
            __jade_nodes = __jade_nodes.concat($component.getAlert().hasExplains ? function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("mp-formatted-message", {
                "attrs": {
                  parts: JSON.stringify($component.explainsMessage)
                },
                "class": {
                  'mp-sh-notif-explains': true
                }
              }));;
              return __jade_nodes;
            }.call(this) : undefined);;
            return __jade_nodes;
          }.call(this).filter(Boolean)));
          __jade_nodes = __jade_nodes.concat(h("div", {
            "class": {
              'mp-sh-notif-actions': true
            }
          }, function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-sh-notif-detail-link': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("div", {
                "class": {
                  'mp-sh-notif-detail-link-label': true
                }
              }, function () {
                var __jade_nodes = [];
                __jade_nodes = __jade_nodes.concat("View details");;
                return __jade_nodes;
              }.call(this).filter(Boolean)));
              __jade_nodes = __jade_nodes.concat(h("svg-icon", {
                "attrs": {
                  icon: 'arrow-right'
                }
              }));;
              return __jade_nodes;
            }.call(this).filter(Boolean)));
            __jade_nodes = __jade_nodes.concat($helpers.showFeedback() ? function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h("mp-smart-hub-feedback-button", {
                "attrs": {
                  'disable': $helpers.isFeedbackDisabled()
                },
                "on": {
                  change: $helpers.handleSentFeedback
                }
              }));;
              return __jade_nodes;
            }.call(this) : undefined);;
            return __jade_nodes;
          }.call(this).filter(Boolean)));;
          return __jade_nodes;
        }.call(this).filter(Boolean)));;
        return __jade_nodes;
      }.call(this).filter(Boolean))
    };
  }.call(this, "$attrs" in locals ? locals.$attrs : typeof $attrs !== "undefined" ? $attrs : undefined, "$component" in locals ? locals.$component : typeof $component !== "undefined" ? $component : undefined, "$helpers" in locals ? locals.$helpers : typeof $helpers !== "undefined" ? $helpers : undefined, "JSON" in locals ? locals.JSON : typeof JSON !== "undefined" ? JSON : undefined, "Object" in locals ? locals.Object : typeof Object !== "undefined" ? Object : undefined, "String" in locals ? locals.String : typeof String !== "undefined" ? String : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;