<li class="cf <?php echo 'wpj-notification-' . $row->id; echo $row->rd ? ' wpj-notification-read' : ' wpj-notification-unread'; ?>">

	<a href="<?php echo wpj_get_order_link( $row->oid ); ?>" class="notification-item cf">

		<div class="wpj-notification-icon nh-notification-icon <?php echo $notifications_arr['icon_class']; ?>"></div>

		<div class="wpj-notification-right">

			<div class="wpj-notification-title line-clamp-2"><?php echo $notifications_arr['content']; ?></div>

			<div class="wpj-notification-date"><?php echo $notifications_arr['date']; ?></div>

		</div>

	</a>
		
	<?php if ( $is_unread ) { ?>
		
		<div class="mark-as-read-action">

			<?php if ( ! $row->rd ) { ?>

				<div data-tooltip="<?php _e( "Mark notification as read", "wpjobster" ); ?>" data-position="top center" data-inverted="">

					<i class="eye icon mark-notification-as-read js-mark-notification-as-read" data-value="<?php echo $row->id; ?>"></i>

				</div>

			<?php } ?>

		</div>

	<?php } ?>

</li>