## -*- coding: utf-8 -*-
<%inherit file="/base/base.mako"/>

<%def name="title()">
    ${_('Show notification')} ${c.rhodecode_user.username}
    %if c.rhodecode_name:
        &middot; ${h.branding(c.rhodecode_name)}
    %endif
</%def>

<%def name="breadcrumbs_links()">
    ${h.link_to(_('Notifications'),h.url('notifications'))}
    &raquo;
    ${_('Show notification')}
</%def>

<%def name="menu_bar_nav()">
    ${self.menu_items(active='admin')}
</%def>

<%def name="main()">
<div class="box">
    <!-- box / title -->
    <div class="title">
        ${self.breadcrumbs()}
        ##<ul class="links">
        ##    <li>
        ##      <span ><a href="#">${_('Compose message')}</a></span>
        ##    </li>
        ##</ul>
    </div>
    <div class="table">
      <div id="notification_${c.notification.notification_id}" class="main-content-full">
        <div class="notification-header">
          ${self.gravatar(c.notification.created_by_user.email, 30)}
          <div class="desc">
              ${c.notification.description}
          </div>
          <div class="delete-notifications">
            <span id="${c.notification.notification_id}" class="delete-notification action"><i class="icon-delete" ></i></span>
          </div>
        </div>
        <div class="notification-body">
        <div class="notification-subject">${h.literal(c.notification.subject)}</div>
        %if c.notification.body:
            ${h.render(c.notification.body, renderer=c.visual.default_renderer, mentions=True)}
        %endif
        </div>
      </div>
    </div>
</div>
<script type="text/javascript">
var url = "${url('notification', notification_id='__NOTIFICATION_ID__')}";
var main = "${url('notifications')}";
   $('.delete-notification').on('click',function(e){
       var notification_id = e.currentTarget.id;
       deleteNotification(url,notification_id,[function(){window.location=main}])
   })
</script>
</%def>