<div class="qmod-ui-tool qmod-financials"><div class="qmod-tool-wrap"><div rv-if="data.datatype | = 'equity'"><h2 class="qmod-heading qmod-hbg"><span>{tplLang.fb_toolname | toLang tLang}</span><span> {tplLang.for | toLang tLang} {data.equityinfo.longname} ({data.symbolstring})</span></h2><div class="qmod-block-wrapper qmod-financials-block" rv-if="financialsData.data.template"><div class="qmod-modifiers"><div class="pure-g"><div class="pure-u-1 pure-u-sm-2-3"><div class="qmod-mod-pad qmod-pad-right"><div class="qmod-frm-wrap qmod-pad-right"><span class="qmod-dropdown-label">Type:</span><div class="qmod-dropdown"><a class="qmod-dropdown_toggle qmod-type-toggle"><span>{binders.types.getSelected < selected | getIndex 'label'}</span><div class="anim-spin fa fa-spinner" style="display:none;"></div><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu"><li rv-each-type="binders.types.list"><a rv-on-click="binders.types.setSelected" rv-class-qmod-active="binders.types.selected|= index">{type.label}</a></li></ul></div></div></div><div class="qmod-mod-pad qmod-pad-right"><div class="qmod-frm-wrap qmod-pad-right"><span class="qmod-dropdown-label">Period:</span><div class="qmod-dropdown"><a class="qmod-dropdown_toggle qmod-reportType-toggle"><span>{binders.periods.getSelected < selected | getIndex 'label'}</span><div class="anim-spin fa fa-spinner" style="display:none;"></div><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu"><li rv-each-type="binders.periods.list"><a rv-on-click="binders.periods.setSelected" rv-class-qmod-active="binders.periods.selected|= index">{type.label}</a></li></ul></div></div></div><div class="qmod-mod-pad qmod-pad-right" rv-if="binders.reportsfull.visible"><div class="qmod-frm-wrap qmod-pad-right"><span class="qmod-dropdown-label">Reports</span><div class="qmod-dropdown"><a class="qmod-dropdown_toggle"><span>{ binders.reportsfull.getSelected < selected | getIndex 'label'}</span><div class="anim-spin fa fa-spinner" style="display:none;"></div><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu qmod-reports-menu"><li rv-each-report="binders.reportsfull.list"><a rv-on-click="binders.reportsfull.setSelected" rv-class-qmod-active="binders.reportsfull.selected|= index">{ report.label }</a></li></ul></div></div></div><div class="qmod-mod-pad qmod-pad-right" rv-if="binders.reports.visible"><div class="qmod-frm-wrap qmod-pad-right"><span class="qmod-dropdown-label">Report</span><div class="qmod-dropdown"><a class="qmod-dropdown_toggle"><span>{ binders.reports.getSelected < selected | getIndex 'reportDate' | momentjs true 'MMMM YYYY'}</span><div class="anim-spin fa fa-spinner" style="display:none;"></div><i class="qmod-icon qmod-chevron qm_icon-arrow-chevron-down2-med ml-auto"></i></a><ul class="qmod-dropdown-menu"><li rv-each-report="binders.reports.list | call binders.periods.selected"><a rv-on-click="binders.reports.setSelected" rv-data-date="report.reportDate" rv-class-qmod-active="binders.reports.selected|= index">{ report.reportDate | momentjs true 'MMMM YYYY' }</a></li></ul></div></div></div></div><div class="pure-u-1 pure-u-sm-1-3"><div class="qmod-mod-pad qmod-inline-ul"><div class="qmod-frm-wrap"><ul class="qmod-buttons"><li><button class="qmod-btn qmod-btn qmod-darkblue qmod-btn-sm" rv-on-click="data.unitsUp" title="Increase Rounding"><i class="fa fa-arrow-up"></i><span class="qmod-btn-text">.00</span></button></li><li><button class="qmod-btn qmod-btn qmod-darkblue qmod-btn-sm" rv-on-click="data.unitsDown" title="Decrease Rounding"><i class="fa fa-arrow-down"></i><span class="qmod-btn-text">.00</span></button></li></ul></div></div></div></div></div><div class="qmod-financials-cont" rv-if="financialsData.data.Report"><table class="qmod-table qmod-table-hover qmod-financials-table responsive" rv-class-qmod-sections-topdown="binders.data.reverseSections"><thead><tr><th class="qmod-textl">Fiscal Year ends in {financialsData.data.Report.0.reportDate | momentjs true 'MMM'}<br />{financialsData.data.Report.0.currency} in {data.units} except per share data</th><th class="qmod-textr qmod-table-data qmod-table-data-header" rv-each-report="financialsData.data.Report" rv-data-date="report.reportDate" rv-addclass="report.reportDate | preFix &quot;qmod-date-&quot;">{ report.reportDate | momentjs true 'MMM YY' }</th></tr></thead><tbody><tr class="qmod-financials-row" rv-each-p="binders.types.getSelectedReorganisedTpl &lt; selected" rv-qmod-financials-row-classes="p"><td class="qmod-table-title"><span class="qmod-text">{p.name | splitString | financialsTextModify}</span></td><td class="qmod-textr qmod-table-data" rv-each-report="financialsData.data.Report" rv-data-date="report.reportDate" rv-addclass="report.reportDate | preFixWord 'qmod-date-'"><span class="qmod-table-data-text">{ report | getIndex binders.types.getSelectedReport | getIndex p.name | units_financial data.units p.name | numeraljs '0,0[.]00' '—' }</span></td></tr></tbody></table></div></div><div class="qmod-block-wrapper" rv-unless="financialsData.data.template"><div class="qmod-invalid" rv-if="data | isValidSymbol">{tplLang.nodata| toLang tLang}: {data.symbolstring}</div></div></div><div rv-unless="data.datatype | = 'equity'"><h2 class="qmod-heading qmod-hbg">Financials Data</h2><div class="qmod-block-wrapper"><div class="qmod-invalid" rv-unless="data | isValidSymbol">{tplLang.invalidsymbol| toLang tLang}: {data.symbolstring}</div><div class="qmod-invalid" rv-if="data | isValidSymbol">{tplLang.nodata| toLang tLang}: {data.symbolstring}</div></div></div></div></div>