module ExpressAdmin
  class FlashMessages < ExpressTemplates::Components::Base

    contains -> {
      helpers.flash.each do |key, value|
        div(class:"ae-flash ae-flash-#{key}") {
          span(class: 'ae-flash-message') { value }
          a(class: 'ae-flash-close') { "&times;".html_safe }
        }
      end

      content_for(:page_javascript) {
        script {
          %Q(
            $(function() {
              $('.ae-flash-close').on('click', function(e){
                e.preventDefault();
                $(this).parents('.flash-messages').remove();
              });
            });
          ).html_safe
        }
      }
    }

  end
end