<div class="generic-page-wrapper">
	{{include file="section_title.tpl" title=$notif_header}}

	{{if $tabs }}{{include file="common_tabs.tpl"}}{{/if}}

	<div class="notif-network-wrapper">
		{{* The "show ignored" link *}}
		{{if $notif_show_lnk}}<a href="{{$notif_show_lnk.href}}" id="notifications-show-hide-link">{{$notif_show_lnk.text}}</a>{{/if}}

		{{* The notifications *}}
		{{if $notif_content}}
		<ul class="notif-network-list media-list">
		{{foreach $notif_content as $notification}}
			<li>{{$notification}}</li>
		{{/foreach}}
		</ul>
		{{/if}}

		{{* If no notifications messages available *}}
		{{if $notif_nocontent}}
		<div class="notif_nocontent">{{$notif_nocontent}}</div>
		{{/if}}
	</div>

	{{* The pager *}}
	{{$notif_paginate}}
</div>

{{* Since only the DIV's inside the notification-list are marked with the class "unseen",
we need some js to transfer this class to the parent li list-elements *}}
<script type="text/javascript">
$(document).ready(function(){
	if( $(".notif-item").hasClass("unseen")) {
		$(".notif-item.unseen").parent("li").addClass("unseen");
	}
});
</script>