<div class="nk-block">
    <div class="nk-block-head">
        <h5 class="title">Notification Information</h5>
    </div>
    <div class="profile-ud-list">
        <div class="profile-ud-item profile-ud-item-description">
            <div class="profile-ud wider">
                <span class="profile-ud-label">Title</span>
                <span class="profile-ud-description">{!! canEmpty($notification->title) !!}</span>
            </div>
        </div>
        <div class="profile-ud-item profile-ud-item-description">
            <div class="profile-ud wider">
                <span class="profile-ud-label">Notification</span>
                <span class="profile-ud-description">{!! canEmpty($notification->message) !!}</span>
            </div>
        </div>
        <div class="profile-ud-item">
            <div class="profile-ud wider">
                <span class="profile-ud-label">Date Created</span>
                <span class="profile-ud-value">{!! $notification->createdAt(isHumanTime: false) !!}</span>
            </div>
        </div>
        <div class="profile-ud-item">
            <div class="profile-ud wider">
                <span class="profile-ud-label">Date Updated</span>
                <span class="profile-ud-value">{!! $notification->updatedAt(isHumanTime: false) !!}</span>
            </div>
        </div>
    </div>
</div>
