{{#with data.historyItems}}
    {{#each items}}
        <tr id="{{@root/dom/row}}_{{@index}}"
            class="{{~#if status.relatedToCurrentListing}}active{{/if~}}{{~#compare updateTypeID 8}} bs4--font-weight-bold{{/compare~}}">
            <td {{#if @first}}id={{@root/dom/timelineConnectorStart}} {{/if}}
                class="ps-r {{#compare ../items.length ">=" 1}}{{#unless @last}}timeline-connector{{/unless}}{{/compare}} {{#and @root/data/propertyStatus status.relatedToCurrentListing}}{{@root/data/propertyStatus.color}}{{/and}}">
                <div>
                    <svg width="12" height="14">
                        <circle cx="6" cy="9" r="5" stroke-width="0"
                            class="timeline-circle {{#and @root/data/propertyStatus status.relatedToCurrentListing}}{{@root/data/propertyStatus.color}}{{/and}}" />
                    </svg>
                    <span class="pl-5">{{date.monthDayYear}}</span>
                </div>
            </td>
            {{#if ../callToAction}}
                <td>
                    <a href="/account" class="paint-first-font">Sign In</a>
                </td>
            {{else}}
                <td>
                    {{#if @first}}
                    {{event}}
                    {{else if @last}}
                    {{#unless status.relatedToCurrentListing}}
                    <a class="bs4--d-inline bs4--d-sm-none" data-index="{{@root/data/dataIndex}}"><span>{{event}}</span></a>
                    {{/unless}}
                    <span {{#unless status.relatedToCurrentListing}}class="bs4--d-none bs4--d-sm-inline"{{/unless}}>{{event}}</span>
                    {{else}}
                    {{event}}

                    {{/if}}
                </td>
            {{/if}}
            {{#if ../sourceNumber}}
                {{#if @first}}
                    {{#if status.relatedToCurrentListing}}
                        <td class="bs4--d-none bs4--d-sm-table-cell">{{../sourceNumber}}</td>
                    {{else}}
                        <td class="bs4--d-none bs4--d-sm-table-cell"><a data-index="{{@root/data/dataIndex}}">{{../sourceNumber}}</a>
                        </td>
                    {{/if}}
                {{else}}
                    <td class="text-muted bs4--d-none bs4--d-sm-table-cell">{{../sourceNumber}}</td>
                {{/if}}
            {{else}}
                <td class="bs4--d-none bs4--d-sm-table-cell">{{#if status.fromTaxRecords}}Tax Records{{/if}}
                </td>
            {{/if}}

            <td class="{{#if price}}bs4--d-flex bs4--justify-content-between{{/if}}{{#if @first}} bs4--border-top-0{{/if}}"
                id="{{@root/dom/collapseLabel}}">
                {{#unless ../callToAction}}{{price.dollars}}{{/unless}}
                {{#and @first @root/data/pro listingID @root/data/historyItems/status/currentUserCanViewListing}}
                    <i id="{{@root/dom/collapseChevron}}" class="material-icons text-black bs4--align-middle">expand_more</i>
                {{/and}}
            </td>
        </tr>
        {{#and @first @root/data/pro listingID}}
            <tr>
                <td colspan="4" class="bs4--border-top-0 bs4--py-0 enhanced-history-container">
                    <div id="{{@root/dom/enhancedHistoryRow}}"
                        class="collapse bs4--position-relative{{#unless @last}} bs4--pl-4{{/unless}} enhanced-history-collapse"></div>
                </td>
            </tr>
        {{/and}}
    {{/each}}
{{/with}}