%if c.notifications:

<%

unread = lambda n:{False:'unread'}.get(n)

%>

<div class="notification-list notification-table">

%for notification in c.notifications:

  <div id="notification_${notification.notification.notification_id}" class="container ${unread(notification.read)}">

    <div class="notification-header">

      ${h.gravatar_div(notification.notification.created_by_user.email, size=24)}

      <a href="${url('notification', notification_id=notification.notification.notification_id)}">${notification.notification.description}</a>

        <span id="${notification.notification.notification_id}" class="delete-notification"><i class="icon-minus-circled" style="color: #b94a48; padding: 2px;"></i></span>

      %if not notification.read:

        <span id="${notification.notification.notification_id}" class="read-notification"><i class="icon-ok" style="color: #4CBB17; padding: 2px;"></i></span>

      %endif

    </div>

        <div class="notification-subject"></div>

  </div>

%endfor

</div>

<ul class="pagination">

    ${c.notifications.pager(controller='admin/notifications', **request.GET.mixed())}

</ul>

%else:

    <div class="table">${_('No notifications here yet')}</div>

%endif

<%block name="title">

    ${_('Show Notification')} ${c.authuser.username}

</%block>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Notifications'),h.url('notifications'))}

    »

    ${_('Show Notification')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

      <div id="notification_${c.notification.notification_id}">

        <div class="notification-header">

          ${h.gravatar_div(c.notification.created_by_user.email, size=24)}

              ${c.notification.description}

            <span id="${c.notification.notification_id}" class="delete-notification action"><i class="icon-minus-circled"></i></span>

        </div>

        <div class="notification-body">

        <div class="notification-subject">${h.literal(c.notification.subject)}</div>

        %if c.notification.body:

            ${h.render_w_mentions(c.notification.body)}

        %endif

        </div>

      </div>

    </div>

</div>

<script type="text/javascript">

var url = "${url('notification_delete', notification_id='__NOTIFICATION_ID__')}";

var main = "${url('notifications')}";

   $('.delete-notification').click(function(e){

       var notification_id = e.currentTarget.id;

       deleteNotification(url,notification_id,[function(){window.location=main}]);

   });

</script>

</%def>