<div id="assistant_container">
    <div id="assistant-tabs">
        <ul>
            <li><a href="#log-all">All</a></li>
            <li><a href="#log-private">YOURS</a></li>
            <li><a href="#log-global">GLOBAL</a></li>
        </ul>

        <div id="log-all" class="assistant-tab prevent-body-scroll">
            {{#eachOfArray all_notifs}}
            <div class="assistant_notif">
                <div class="action-buttons">
                    <div class="more"><i class="ion-android-more-horizontal"></i></div>
                    <div class="list">
                        <div class="item btn-save-global" data-id="{{value._id}}" data-localize="assistant.save.global"></div>
                        <div class="item btn-save-private" data-id="{{value._id}}" data-localize="assistant.save.private"></div>
                    </div>
                </div>
                <div style="width: 100%; display: table;">
                    <div style="display: table-row">
                        <div style="width: 30px; display: table-cell; vertical-align: top; padding-right: 6px;">
                            <div class="assistant_icon_image" style='background-image: url("{{value.icon_path}}");'></div>
                        </div>
                        <div style="display: table-cell;">
                            <div class="assistant_notif_title">{{value.title}}</div>
                            <div class="assistant_notif_timesince">{{value.timeSince}}</div>
                            <div class="assistant_notif_message">{{{value.msg}}}</div>
                        </div>
                    </div>
                </div>
            </div>
            {{/eachOfArray}}
            <div class="assistant_no_data" data-localize="assistant.no-data"></div>
            <div class="assistant_end_image_container">
                <img src="./assistant/images/end-icon.svg">
            </div>
        </div>

        <div id="log-private" class="assistant-tab prevent-body-scroll">
            {{#eachOfArray saved_private}}
            <div class="assistant_notif">
                <div class="action-buttons">
                    <div class="delete btn-unsave-private" data-id="{{value._id}}"><i class="ion-close"></i></div>
                </div>
                <div style="width: 100%; display: table;">
                    <div style="display: table-row">
                        <div style="width: 30px; display: table-cell; vertical-align: top; padding-right: 6px;">
                            <div class="assistant_icon_image" style='background-image: url("{{value.icon_path}}");'></div>
                        </div>
                        <div style="display: table-cell;">
                            <div class="assistant_notif_title">{{value.title}}</div>
                            <div class="assistant_notif_timesince">{{value.timeSince}}</div>
                            <div class="assistant_notif_message">{{{value.msg}}}</div>
                        </div>
                    </div>
                </div>
            </div>
            {{/eachOfArray}}
            <div class="assistant_no_data" data-localize="assistant.no-data"></div>
            <div class="assistant_end_image_container">
                <img src="./assistant/images/end-icon.svg">
            </div>
        </div>

        <div id="log-global" class="assistant-tab prevent-body-scroll">
            {{#eachOfArray saved_global}}
            <div class="assistant_notif">
                <div class="action-buttons">
                    <div class="delete btn-unsave-global" data-id="{{value._id}}"><i class="ion-close"></i></div>
                </div>
                <div style="width: 100%; display: table;">
                    <div style="display: table-row">
                        <div style="width: 30px; display: table-cell; vertical-align: top; padding-right: 6px;">
                            <div class="assistant_icon_image" style='background-image: url("{{value.icon_path}}");'></div>
                        </div>
                        <div style="display: table-cell;">
                            <div class="assistant_notif_title">{{value.title}}</div>
                            <div class="assistant_notif_timesince">{{value.timeSince}}</div>
                            <div class="assistant_notif_message">{{{value.msg}}}</div>
                        </div>
                    </div>
                </div>
            </div>
            {{/eachOfArray}}
            <div class="assistant_no_data" data-localize="assistant.no-data"></div>
            <div class="assistant_end_image_container">
                <img src="./assistant/images/end-icon.svg">
            </div>
        </div>
    </div>
</div>