[% USE HTML %]
[% USE LxERP %]
[% USE T8 %]

[% BLOCK output %]
<div id="flash_[% type %]" class="flash_message flash_message_[% type %]" [% IF !messages || !messages.size %] style="display: none" [% END %]>
<div class="icon-container">
  <a href="#" onclick='$("#flash_[% type %]_content").empty();$("#flash_[% type %]_detail").empty();$("#flash_[% type %]").hide()' class="icon-close"> &#10005;</a>
  <span id="flash_[% type %]_disp" class="display" style="display: none">
    <a href="#" onclick='$("#flash_detail_[% type %]").toggle();' class="button"> [% 'Details' | $T8 %] </a>
  </span>
</div>
<div class="message-container">
  <span class="flash_title">[% title %]:</span>
  <div class="flash_notification">
    <span id="flash_[% type %]_content" class="content">
      [% FOREACH message = messages %] [% HTML.escape(message) %] [% UNLESS loop.last %]<br>[% END %] [% END %]
    </span>
    <div id="flash_detail_[% type %]" class="detail" style="display: none">
      <span id="flash_[% type %]_detail"></span>
      <a href="#" style="float:left" onclick='$("#flash_detail_[% type %]").hide()' class="icon-close">&#10005;</a>
    </div>
  </div><!-- /.flash_notification -->
</div>
</div>
[% END #BLOCK output %]

[% PROCESS output title=LxERP.t8('Error') type='error' messages = FLASH.error %]
[% PROCESS output title=LxERP.t8('Warning') type='warning' messages = FLASH.warning %]
[% PROCESS output title=LxERP.t8('Information') type='info' messages = FLASH.info %]
[% PROCESS output title=LxERP.t8('Ok') type='ok' messages = FLASH.ok %]