{{#Items}}
<div class="tab-pane fade show active" id="nav-value" role="tabpanel" aria-labelledby="nav-value-tab">
    <table class="table" cellspacing="0">
        <thead>
            <tr>
                <th style="width: 25%">COMPANY</th>
                <th style="width: 30%">VALUE</th>
                <th style="width: 25%">PRICE</th>
                <th style="width: 20%">CHG%</th>
            </tr>
        </thead>
        <tbody>
            {{#TopbyValue}}
            <tr>
                <td>
                    <a href="/english/Pages/ProductsAndServices/Securities/SelectCompany/default.aspx?listedcompanyid={{TradingCode}}&isin={{ISIN}}&pnavTitle={{EngName}}"> {{ DisplayCode }}</a>
                </td>
                <td>{{decimalNumberWithCommas Value}}</td>
                <td>{{3decimalNumberWithCommas Price}}<i class="fas {{IndexArrowCircle ChangePercentage}}"></i></td>
                <td class="{{textRedGreen ChangePercentage}}">{{ ChangePercentage }}</td>
            </tr>
            {{/TopbyValue}}
        </tbody>
    </table>
</div>
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
    <table class="table" cellspacing="0">
        <thead>
            <tr>
                <th style="width: 25%">COMPANY</th>
                <th style="width: 30%">Volume</th>
                <th style="width: 25%">PRICE</th>
                <th style="width: 20%">CHG%</th>
            </tr>
        </thead>
        <tbody>
            {{#TopbyVolume}}
            <tr>
                <td>
                    <a href="/english/Pages/ProductsAndServices/Securities/SelectCompany/default.aspx?listedcompanyid={{TradingCode}}&isin={{ISIN}}&pnavTitle={{EngName}}"> {{ DisplayCode }}</a>
                </td>
                <td>{{NumberWithCommas Volume}}</td>
                <td>{{3decimalNumberWithCommas Price}}<i class="fas {{IndexArrowCircle ChangePercentage}}"></i></td>
                <td class="{{textRedGreen ChangePercentage}}">{{ ChangePercentage }}</td>
            </tr>
            {{/TopbyVolume}}
        </tbody>
    </table>
</div>
<div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
    <table class="table" cellspacing="0">
        <thead>
            <tr>
                <th style="width: 25%">COMPANY</th>
                <th style="width: 30%">VALUE</th>
                <th style="width: 25%">PRICE</th>
                <th style="width: 20%">CHG%</th>
            </tr>
        </thead>
        <tbody>
            {{#Gainers}}
            <tr>
                <td>
                    <a href="/english/Pages/ProductsAndServices/Securities/SelectCompany/default.aspx?listedcompanyid={{TradingCode}}&isin={{ISIN}}&pnavTitle={{EngName}}"> {{ DisplayCode }}</a>
                </td>
                <td>{{decimalNumberWithCommas Value}}</td>
                <td>{{3decimalNumberWithCommas Price}}<i class="fas {{IndexArrowCircle ChangePercentage}}"></i></td>
                <td class="{{textRedGreen ChangePercentage}}">{{ ChangePercentage }}</td>
            </tr>
            {{/Gainers}}
        </tbody>
    </table>
</div>
<div class="tab-pane fade" id="nav-contact1" role="tabpanel" aria-labelledby="nav-contact-tab">
    <table class="table" cellspacing="0">
        <thead>
            <tr>
                <th style="width: 25%">COMPANY</th>
                <th style="width: 30%">VALUE</th>
                <th style="width: 25%">PRICE</th>
                <th style="width: 20%">CHG%</th>
            </tr>
        </thead>
        <tbody>
            {{#Loosers}}
            <tr>
                <td><a href="/english/Pages/ProductsAndServices/Securities/SelectCompany/default.aspx?listedcompanyid={{TradingCode}}&isin={{ISIN}}&pnavTitle={{EngName}}"> {{ DisplayCode }}</a></td>
                <td>{{decimalNumberWithCommas Value}}</td>
                <td>{{3decimalNumberWithCommas Price}}<i class="fas {{IndexArrowCircle ChangePercentage}}"></i></td>
                <td class="{{textRedGreen ChangePercentage}}">{{ ChangePercentage }}</td>
            </tr>
            {{/Loosers}}
        </tbody>
    </table>
</div>
{{/Items}}