{{#with data}}
    <div class="bs4--card bs4--mt-7 bs4--border-0">
        <div
            class="bs4--card-header{{#if @root/data/pro}} bs4--d-flex bs4--justify-content-between bs4--align-items-center bs4--border-pro-yellow{{/if}}">
            <h3 class="headline-4 bs4--my-0">Property History</h3>
            {{#if @root/data/pro}}
                <a class="bs4--hs-blue pointer paint-first-font" id="{{@root/dom/expandAll}}">Expand All</a>
            {{/if}}
        </div>
        <div class="bs4--card-body bs4--pt-2">
            <!-- Nav tabs -->
            {{#if @root/data/pro}}
                <ul class="nav nav-tabs bs4--nav bs4--nav-tabs bs4--nav-justified custom-nav-tabs bs4--row bs4--ml-1 bs4--mr-1" role="tablist">
                    <li role="presentation" class="bs4--nav-item bs4--col-4 bs4--p-0 active">
                        <a id="{{@root/dom/summaryTab}}" class="bs4--nav-link paint-first-font paint-second-border-b paint-item-selected"
                            href="#{{@root/dom/summary}}" aria-controls="summary" role="tab" data-toggle="tab" aria-selected="true">Summary</a>
                    </li>
                    <li role="presentation" class="bs4--nav-item bs4--col-4 bs4--p-0 hidden">
                        <a id="{{@root/dom/mortgagesTab}}" class="bs4--nav-link paint-first-font"
                            href="#{{@root/dom/mortgages}}" aria-controls="mortgages" role="tab" data-toggle="tab" aria-selected="false">Mortgages</a>
                    </li>
                    <li role="presentation" class="bs4--nav-item bs4--col-4 bs4--p-0 hidden">
                        <a id="{{@root/dom/taxTab}}" class="bs4--nav-link paint-first-font"
                            href="#{{@root/dom/tax}}" aria-controls="tax" role="tab" data-toggle="tab" aria-selected="false">Tax</a>
                    </li>
                    <li role="presentation" class="bs4--nav-item bs4--col-4 bs4--p-0 hidden">
                        <a id="{{@root/dom/deedTab}}" class="bs4--nav-link paint-first-font"
                            href="#{{@root/dom/deed}}" aria-controls="deed" role="tab" data-toggle="tab" aria-selected="false">Deed</a>
                    </li>
                </ul>
            {{/if}}

            <!-- Tab panes -->
            <div class="tab-content bs4--pt-3">
                <div role="tabpanel" class="tab-pane active" id="{{@root/dom/summary}}">
                    <div>
                        {{#if history}}
                            <table class="table table-condensed">
                                <thead>
                                    <tr>
                                        <th class="history-date-th">Date</th>
                                        <th>Event</th>
                                        <th class="hidden-xs">Source</th>
                                        <th>Price</th>
                                    </tr>
                                </thead>
                                {{#each history}}
                                    <tbody id="{{@root/dom/summaryRow}}_{{@index}}"></tbody>
                                {{/each}}
                            </table>
                        {{else}}
                            <div class="bs4--py-3 bs4--text-center">
                                No Information Provided
                            </div>
                        {{/if}}
                    </div>
                </div>
                {{#if @root/data/pro}}
                    <div role="tabpanel" class="tab-pane" id="{{@root/dom/mortgages}}">
                        <div id="{{@root/dom/mortgagesContent}}"></div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="{{@root/dom/tax}}">
                        <div id="{{@root/dom/taxContent}}"></div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="{{@root/dom/deed}}">
                        <div id="{{@root/dom/deedContent}}"></div>
                    </div>
                {{/if}}
            </div>
            <div class="bs4--col-12 bs4--text-center" id="{{@root/dom/divFollow}}"></div>
        </div>
    </div>
{{/with}}