{{#Items}}

  <div class="tab-pane fade show active" id="nav-etf" role="tabpanel" aria-labelledby="nav-etf-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%">INAV</th>
            </tr>
        </thead>
        <tbody>
            {{#ETF}}
            <tr>
                <td>
                    <a href="/english/Pages/ProductsAndServices/Securities/etffunds/default.aspx?listedcompanyid={{TradingCode}}&isin={{ISIN}}&pnavTitle={{EngName}}"> {{ DisplayCode }}</a>
                </td>
                <td>{{NumberWithCommas Value}}</td>
                <td>{{3decimalNumberWithCommas Price}}<i class="fas {{IndexArrowCircle ChangePercentage}}"></i></td>
                <td class="{{textRedGreen ChangePercentage}}" name="inavVal">{{INAVValue }}</td>
            </tr>
            {{/ETF}}
        </tbody>
    </table>
</div>  

<div class="tab-pane fade " id="nav-derivative" role="tabpanel" aria-labelledby="nav-derivative-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>
            {{#Derivatives}}
            <tr>
                <td>
                    <a href="/english/Pages/mw-derivative.aspx"> {{ Symbol }}</a>
                </td>
                <td>{{decimalNumberWithCommas Value}}</td>
                <td>{{3decimalNumberWithCommas Last}}<i class="fas {{IndexArrowCircle ChangePer}}"></i></td>
                <td class="{{textRedGreen ChangePer}}">{{ ChangePer }}</td>
            </tr>
            {{/Derivatives}}
        </tbody>
    </table>
</div>
{{/Items}}