<%   
    var markets = view.options.alertsMarkets;
    var agrup = model.options.serviceParams.data.param;
    var favorites = (view.options.viewOptions && view.options.viewOptions.favorites) ? view.options.viewOptions.favorites : [];
    var currentPeriod = (view.options.viewOptions && view.options.viewOptions.period) ? view.options.viewOptions.period : 'sesion';
    var showPeriodTabs = (view.options.viewOptions && view.options.viewOptions.showPeriodTabs) ? view.options.viewOptions.showPeriodTabs : false;
    var isFavoriteAgrup = INFOBOLSA.Utils.Global.isFavoriteAgrup(agrup);
    var favoriteClass = function (mv) {
        return (favorites.indexOf(mv) !== -1) ? 'active' : 'noActive';
    };
    var isPortfolioAgrup = INFOBOLSA.Utils.Global.isPortfolioAgrup(agrup);
    var href = (currentPeriod === 'sesion' && document.location.href.toUpperCase().indexOf('SESION') === -1) ? document.location.pathname + '/' : './';
    var tableClass = '';
    if (IS_PREMIUM_USER) {
        tableClass = 'premium';
    } else if (IS_PLUS_USER) {
        tableClass = 'plus';
    }
    var periods = [
        {key:"sesion", text:"Sesión", link: href + 'sesion'},
        {key:"1w", text:"1 Semana", link:  href + 'semana'},
        {key:"1m", text:"1 Mes", link: href + '1mes'},
        {key:"3m", text:"3 Meses", link: href + '3meses'},
        {key:"6m", text:"6 Meses", link: href + '6meses'},
        {key:"1y", text:"1 Año", link: href + 'anio'}
    ]

    var headers = {
        "1w": [
            {descriptor: "D9468", class_header: "titleChangeP", text_header: "Dif. 1S%", class: "change", colored: true},
            {descriptor: "D9454", class_header: "titleMax", text_header: "Máx.Cierre", class: "max"},
            {descriptor: "D9461", class_header: "titleMin", text_header: "Mín.Cierre", class: "min"},
            {descriptor: "D561", class_header: "titleMax", text_header: "Máx.Sesión", class: "max"},
            {descriptor: "D578", class_header: "titleMin", text_header: "Mín.Sesión", class: "min"},
            {descriptor: "D825", class_header: "titleVolume", text_header: "Vol.Med.Día", class: "volume", decimals: "0"},
            {descriptor: "D9489", class_header: "titleCash", text_header: "Efect.Med.Día", class: "cash", decimals: "0"}],
        "1m": [
            {descriptor: "D9469", class_header: "titleChangeP", text_header: "Dif. 1M%", class: "change", colored: true},
            {descriptor: "D9455", class_header: "titleMax", text_header: "Máx.Cierre", class: "max"},
            {descriptor: "D9462", class_header: "titleMin", text_header: "Mín.Cierre", class: "min"},
            {descriptor: "D563", class_header: "titleMax", text_header: "Máx.Sesión", class: "max"},
            {descriptor: "D582", class_header: "titleMin", text_header: "Mín.Sesión", class: "min"},
            {descriptor: "D91", class_header: "titleVolume", text_header: "Vol.Med.Día", class: "volume", decimals: "0"},
            {descriptor: "D9490", class_header: "titleCash", text_header: "Efect.Med.Día", class: "cash", decimals: "0"}],
        "3m": [
            {descriptor: "D9470", class_header: "titleChangeP", text_header: "Dif. 3M%", class: "change", colored: true},
            {descriptor: "D9456", class_header: "titleMax", text_header: "Máx.Cierre", class: "max"},
            {descriptor: "D9463", class_header: "titleMin", text_header: "Mín.Cierre", class: "min"},
            {descriptor: "D564", class_header: "titleMax", text_header: "Máx.Sesión", class: "max"},
            {descriptor: "D584", class_header: "titleMin", text_header: "Mín.Sesión", class: "min"},
            {descriptor: "D92", class_header: "titleVolume", text_header: "Vol.Med.Día", class: "volume", decimals: "0"},
            {descriptor: "D9491", class_header: "titleCash", text_header: "Efect.Med.Día", class: "cash", decimals: "0"}],
        "6m": [
            {descriptor: "D9471", class_header: "titleChangeP", text_header: "Dif. 6M%", class: "change", colored: true},
            {descriptor: "D9457", class_header: "titleMax", text_header: "Máx.Cierre", class: "max"},
            {descriptor: "D9464", class_header: "titleMin", text_header: "Mín.Cierre", class: "min"},
            {descriptor: "D566", class_header: "titleMax", text_header: "Máx.Sesión", class: "max"},
            {descriptor: "D588", class_header: "titleMin", text_header: "Mín.Sesión", class: "min"},
            {descriptor: "D9478", class_header: "titleVolume", text_header: "Vol.Med.Día", class: "volume", decimals: "0"},
            {descriptor: "D9485", class_header: "titleCash", text_header: "Efect.Med.Día", class: "cash", decimals: "0"}],
        "1y": [
            {descriptor: "D9472", class_header: "titleChangeP", text_header: "Dif. 1A%", class: "change", colored: true},
            {descriptor: "D9458", class_header: "titleMax", text_header: "Máx.Cierre", class: "max" },
            {descriptor: "D9465", class_header: "titleMin", text_header: "Mín.Cierre", class: "min" },
            {descriptor: "D568", class_header: "titleMax", text_header: "Máx.Sesión", class: "max" },
            {descriptor: "D591", class_header: "titleMin", text_header: "Mín.Sesión", class: "min" },
            {descriptor: "D93", class_header: "titleVolume", text_header: "Vol.Med.Día", class: "volume", decimals: "0"},
            {descriptor: "D9493", class_header: "titleCash", text_header: "Efect.Med.Día", class: "cash", decimals: "0"}]
    }
%>
<div id="instrumentListTable" class="box0">
    <% if (showPeriodTabs) { %>
        <div class="tableTabs">
            <%
                _.each(periods, function (period) {
                    selected = (period.key === currentPeriod) ? 'selected' : '';
            %>
                <a class="<%=period.key%> <%=selected%>" href="<%=period.link%>"><%=period.text%></a>

            <% }); %>        
        </div>
    <% } %>
    <table class="fullTable <%=tableClass%>" width="100%" cellspacing="0" cellpadding="0" border="0">
        <thead>
        <tr class="index">
            <th></th>
            <% if (isFavoriteAgrup) {%>
                <th></th>
            <% } %>
            <th data-descriptor="<%=INFOBOLSA.Descriptors.ShortName%>" class="titleName"><a><%=$.t('infobolsa.instrumentList:headers.name')%></a></th>            
            <th data-descriptor="<%=INFOBOLSA.Descriptors.Last%>" class="titlePrice"><a><%=$.t('infobolsa.instrumentList:headers.last')%></a></th>
            <% if (currentPeriod === 'sesion') {%>
                <th data-descriptor="<%=INFOBOLSA.Descriptors.ChangePercent%>" class="titleChangeP"><a><%=$.t('infobolsa.instrumentList:headers.difpct')%></a></th>
                <th data-descriptor="<%=INFOBOLSA.Descriptors.SessionHigh%>" class="titleMax"><a><%=$.t('infobolsa.instrumentList:headers.high')%></a></th>
                <th data-descriptor="<%=INFOBOLSA.Descriptors.SessionLow%>" class="titleMin"><a><%=$.t('infobolsa.instrumentList:headers.low')%></a></th>
                <th data-descriptor="<%=INFOBOLSA.Descriptors.RentDividendo%>" class="titleRent"><a><%=$.t('infobolsa.instrumentList:headers.rentDividendo')%></a></th>
                <th data-descriptor="<%=INFOBOLSA.Descriptors.Volume%>" class="titleVolume"><a><%=$.t('infobolsa.instrumentList:headers.volume')%></a></th>
                <th data-descriptor="<%=INFOBOLSA.Descriptors.Cash%>" class="titleCash"><a><%=$.t('infobolsa.instrumentList:headers.cash')%></a></th>            
                <th data-descriptor="<%=INFOBOLSA.Descriptors.Time%>" class="titleHour"><a><%=$.t('infobolsa.instrumentList:headers.time')%></a></th>
            <% } else { %>
                    <% _.each(headers[currentPeriod], function (header) {%>
                        <th data-descriptor="<%=header.descriptor%>" class="<%=header.class_header%>"><a><%=header.text_header%></a></th>
                    <% });%>
            <% } %>
            <th><a></a></th>
            <% if (isPortfolioAgrup) { %>
                <th><a></a></th>
            <% } %>
            <th><a></a></th>
            <th><a></a></th>
        </tr>
        </thead>
        <tbody>
        <%
            var mv = '';
            var decimals,topFlopCls,ticker,min,max,addAlertUrl, topFlopClsDividend;
            _.each(model.models, function(instrument) {
           
                mv = instrument.getDescriptorValue("MV");
                decimals = instrument.getDecimals();
                topFlopCls = instrument.getTopFlopCls(INFOBOLSA.Descriptors.Trend);
                min = instrument.getDescriptorValue(INFOBOLSA.Descriptors.SessionLow);
                max = instrument.getDescriptorValue(INFOBOLSA.Descriptors.SessionHigh);
                maxYear = instrument.getDescriptorValue(INFOBOLSA.Descriptors.YearHigh);
                minYear = instrument.getDescriptorValue(INFOBOLSA.Descriptors.YearLow);
                ticker = instrument.getDescriptorValue(INFOBOLSA.Descriptors.InstrumentTicker).replace(/(^[\s]+|[\s]+$)/g, '');
                url = instrument.composeDetailsUrl();
                addAlertUrl = instrument.canCreateAlert(markets) ? instrument.composeAlertUrl() : '#';
                topFlopClsDividend = instrument.getTopFlopCls('D1420');
                
        %>
        <tr class="normal" status="normal">
            <td class="trend"><div class="<%= topFlopCls %>" data-mv="<%=mv%>" data-descriptor="<%=INFOBOLSA.Descriptors.ChangePercent%>" data-type="silent"></div></td>
            <% if (isFavoriteAgrup) {%>
                <td data-mv="<%=mv%>" data-name="<%= instrument.getShortName() %>" class="bookmark favorites <%=favoriteClass(mv)%>" title="<%=$.t('infobolsa.global:favorites.addFavorite')%>">
                    <a class="icon-star <%=favoriteClass(mv)%>"></a>
                </td>
            <% } %>
            <td class="name"><a href="<%= url %>"><%= instrument.getShortName() %></a></td>            
            <td class="price <%= topFlopCls %>"><div data-mv="<%=mv%>" data-descriptor="D420" data-type="number" data-decimals="<%=decimals%>"><%= instrument.getLast() %></div></td>

            <% if (currentPeriod === 'sesion') { %>
                <td class="change <%= topFlopCls %>"><div data-mv="<%=mv%>" data-descriptor="<%=INFOBOLSA.Descriptors.ChangePercent %>" data-type="number" data-decimals="2"><%= instrument.getChangePercent() %></div></td>
                <td class="max"><div data-mv="<%=mv%>" data-descriptor="<%=INFOBOLSA.Descriptors.SessionHigh %>" data-type="number" data-decimals="<%=decimals %>"><%=instrument.getSessionHigh() %></div></td>
                <td class="min"><div data-mv="<%=mv%>" data-descriptor="<%=INFOBOLSA.Descriptors.SessionLow %>" data-type="number" data-decimals="<%=decimals %>"><%=instrument.getSessionLow() %></div></td>
                <td class="rent <%=topFlopClsDividend %>"><div data-mv="<%=mv%>" data-descriptor="D1420" data-type="number" data-decimals="2"><%= instrument.getRentDividendo() %>%</div></td>
                <td class="volume"><div data-mv="<%=mv%>" data-descriptor="<%=INFOBOLSA.Descriptors.Volume %>" data-type="number" data-decimals="0"><%=instrument.formatAsNumber(INFOBOLSA.Descriptors.Volume, 0)%></div></td>
                <td class="cash"><div data-mv="<%=mv%>" data-descriptor="<%=INFOBOLSA.Descriptors.Cash %>" data-type="number" data-decimals="0"><%=instrument.formatAsNumber(INFOBOLSA.Descriptors.Cash, 0)%></div></td>            
                <td class="hour"><div data-mv="<%=mv%>" data-descriptor="<%=INFOBOLSA.Descriptors.DateOrTimeSituationMessage %>" data-type="dateOrTime" data-timeFormat="HH:mm" data-dateFormat="LL"><%= instrument.getDateOrTime(true) %></div></td>
            <% } else { %>
                <% _.each(headers[currentPeriod], function (header) {                     
                        topFlopCls = (header.colored) ? instrument.getTopFlopCls(header.descriptor) : '';
                        decimals = Number(header.decimals || "2");
                        value = instrument.formatAsNumber(header.descriptor, decimals);
                %>                    
                    <td class="<%=header.class%> <%=topFlopCls%>"><div data-mv="<%=mv%>" data-descriptor="<%=header.descriptor %>" data-type="number" data-decimals="<%=decimals %>"><%=value %></div></td>
                <% }); %>
            <% } %>

            <td class="social">
                <a class="grayBtn social icon-social x-social" data-expand-ref="<%=mv%>" id="social"></a>
            </td>
            <% if (isPortfolioAgrup) { %>
                <td class="portfolio"><a class="add grayBtn portfolio" href="/portfolio?addToPortfolio=<%=mv%>&name=<%=instrument.getShortName()%>&price=<%=instrument.getDescriptorValue(INFOBOLSA.Descriptors.Last)%>&currency=<%=instrument.getCurrency()%>"><i class="icon-addportfolio"></i></a></td>
            <% } %>
            <td class="alert">
                <a class="add grayBtn alert <% if(instrument.canCreateAlert(markets) === false) { %>disabled<% } %>" href="<%= addAlertUrl %>">
                    <i class="icon-alert"></i>
                </a>
            </td>
            <td class="plus"><a class="x-expandable" data-expand-ref="<%=mv%>" id="plus"></td>
        </tr>
        <%
            });
        %>
        </tbody>
    </table>
</div>