{{#ErrorOccurred}}
    <div class="error">There was a problem getting research for this stock</div>
{{/ErrorOccurred}}
<!-- else -->
{{#FeedItems}}

{{#ContentFeedItems}}
    <a target="_blank" href="{{ContentFeedItemStandardViewModel.NoteUrl}}" class="feed-item-container">
        <p class="feed-item-text">{{ContentFeedItemStandardViewModel.ResearchNoteTitle}}</p>
        <div class="arrow-container">
            <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" class="svg-inline--fa fa-arrow-right " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                <path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z">
                </path>
            </svg>
        </div>
    </a>
{{/ContentFeedItems}}

<div class="rt-next-section"></div>

{{#HasMoreResults}}
<div id="rt-container-next">
    <div>
        <a class="button" id="rt-button-next" data-nexturl="{{NextPageUrl}}">Load more</a>
    </div>
</div>
<div id="rt-loading-more" class="center" style="display:none">
    <div class='loading'></div>
    <br />
</div>
{{/HasMoreResults}}
{{#HasNoResults}}
<div class="error">There are no research items for this stock</div>
{{/HasNoResults}}
{{/FeedItems}}