<div class="content-wrap">
<!-- main page content. the place to put widgets in. usually consists of .row > .col-md-* > .widget. -->
<main id="content" class="content" role="main">
<ol class="breadcrumb">
<li>Home</li>
<li class="active">All Message</li>
</ol>
<h1 class="page-title">Message - <span class="fw-semi-bold">All</span></h1>
<div class="row">
<div class="col-md-12">
<section class="widget" id="news-widget" data-widgster-load="demo/ajax/widgets/news.php">
<header>
<h4><?php
echo notification_count() ? "You have <strong>" . notification_count() . "</strong> new message" : "There are no new message for you";
?>
</h4>
<div class="widget-controls"></div>
</header>
<div class="widget-body no-padding">
<ul class="news-list stretchable">
<?php
$x = 1;
foreach ($message as $msg) {
?>
<li>
<span class="icon bg-info text-white">
<em><?php
echo $x;
?>
</em>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope fa-lg"></i> <?php
if (notification_header()) {
?>
<sup class="badge fw-bold bg-danger"><?php
echo notification_count();
?>
</sup><?php
}
?>
</a>
<!-- notif -->
<?php
if (notification_count()) {
?>
<ul class="dropdown-menu">
<?php
echo notification_header();
?>
</ul>
<?php
}
?>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-cog fa-lg"></i>
</a>
<ul class="dropdown-menu">
