<div class="qmod-ui-tool qmod-optionsriskreward"><div class="qmod-block-wrapper"><h2 class="qmod-heading qmod-hbg">{tplLang.ec_toolname | toLang tLang}</h2><div class="qmod-tool-content" rv-if="scope.view | = 'full'"><div class="qmod-header"><span>{odata.root.equityinfo.longname} ({rdata.symbolstring})</span></div><div class="qmod-contract-con" rv-unless="scope.isMultiLeg"><div class="qmod-contract-info"><div class="qmod-contract qmod-contract-section"><span class="qmod-label">{'Contract' | i8ln tLang}:&nbsp;</span><span class="qmod-val">{scope.contract}</span></div><div class="qmod-vertical-sep"></div><div class="qmod-strategy qmod-contract-section"><span class="qmod-label">{'Strategy' | i8ln tLang}:&nbsp;</span><span class="qmod-val">{scope.strategy}</span></div><div class="qmod-vertical-sep"></div><div class="qmod-expiry qmod-contract-section"><span class="qmod-label">{'Days to Expiration' | i8ln tLang}:&nbsp;</span><span class="qmod-val">{scope.expires}</span></div><div class="qmod-vertical-sep"></div><div class="qmod-strike qmod-contract-section"><span class="qmod-label">{'strike' | i8ln tLang}:&nbsp;</span><span class="qmod-val">{odata.contract.strike | numeraljs '0,0.00'}</span></div></div></div><div class="qmod-strategy-header" rv-if="scope.isMultiLeg"><h3 class="qmod-strategy-title">{scope.strategy}</h3><div class="qmod-strategy-badges"><span class="qmod-badge qmod-badge-bias" rv-class-qmod-badge-good="scope.biasSentiment | = 'good'" rv-class-qmod-badge-caution="scope.biasSentiment | = 'caution'" rv-class-qmod-badge-danger="scope.biasSentiment | = 'danger'" rv-class-qmod-badge-neutral="scope.biasSentiment | = 'neutral'" rv-class-qmod-badge-bias-bullish="scope.bias | = 'bullish'" rv-class-qmod-badge-bias-bearish="scope.bias | = 'bearish'">{scope.bias | i8ln tLang}</span><span class="qmod-badge" rv-class-qmod-badge-good="scope.profitBoundSentiment | = 'good'" rv-class-qmod-badge-caution="scope.profitBoundSentiment | = 'caution'" rv-class-qmod-badge-danger="scope.profitBoundSentiment | = 'danger'">{scope.profitBound | i8ln tLang}</span><span class="qmod-badge" rv-class-qmod-badge-good="scope.lossBoundSentiment | = 'good'" rv-class-qmod-badge-caution="scope.lossBoundSentiment | = 'caution'" rv-class-qmod-badge-danger="scope.lossBoundSentiment | = 'danger'">{scope.lossBound | i8ln tLang}</span></div><div class="qmod-strategy-meta"><i class="fa fa-calendar-o qmod-strategy-meta-icon" aria-hidden="true"></i><span class="qmod-strategy-meta-label">{'Days to Expiration' | i8ln tLang}:&nbsp;</span><span class="qmod-strategy-meta-val">{scope.expires}</span></div></div><div class="qmod-legs-con" rv-if="scope.isMultiLeg"><div class="qmod-legs-header">{'legs' | i8ln tLang}</div><table class="qmod-legs-table"><thead><tr><th>{'Contract' | i8ln tLang}</th><th rv-unless="scope.allQtyOne">{'qty' | i8ln tLang}</th><th>{tplLang.bid | toLang tLang}</th><th>{tplLang.ask | toLang tLang}</th><th>{tplLang.IV | toLang tLang}</th></tr></thead><tbody><tr rv-each-leg="scope.legs"><td class="qmod-leg-trade"><span class="qmod-leg-action-pill" rv-class-qmod-leg-buy="leg.actionRaw | = 'buy'" rv-class-qmod-leg-sell="leg.actionRaw | = 'sell'">{leg.action}</span><span class="qmod-leg-expiry">{leg.expiryFormatted}</span><span class="qmod-leg-strike">{leg.strikeFormatted}</span><span class="qmod-leg-type" rv-class-qmod-leg-type-call="leg.typeRaw | = 'C'" rv-class-qmod-leg-type-put="leg.typeRaw | = 'P'">{leg.typeUpper}</span></td><td rv-unless="scope.allQtyOne">{leg.qty}</td><td>{leg.bid}</td><td>{leg.ask}</td><td>{leg.iv}</td></tr></tbody></table></div><div class="pure-u-1 qmod-top-summary"><div class="qmod-summary-section" rv-unless="scope.isMultiLeg"><div class="qmod-summary qm-s-1 qm-m-1"><div class="qmod-top-summary-h qmod-label">{scope.symbol} {'last' | i8ln tLang}</div><div class="qmod-top-summary-stat">{rdata.pricedata.last | asQHLast tLang '—' '' | preFix '$' tLang}</div></div></div><div class="qmod-summary-section" rv-if="scope.isMultiLeg"><div class="qmod-summary qm-s-1 qm-m-1"><div class="qmod-top-summary-h qmod-label">{'underlying' | i8ln tLang}</div><div class="qmod-top-summary-stat">{rdata.pricedata.last | asQHLast tLang '—' '' | preFix '$' tLang}</div></div></div><div class="qmod-summary-section" rv-unless="scope.isMultiLeg"><div class="qmod-summary qm-s-1 qm-m-1"><div class="qmod-top-summary-h qmod-label">{'price' | i8ln tLang}</div><div class="qmod-top-summary-stat">{odata.pricedata.ask | asQHLast tLang '—' '' | preFix '$' tLang}</div></div></div><div class="qmod-summary-section"><div class="qmod-summary qm-s-2 qm-m-1"><div class="qmod-top-summary-h qmod-label" rv-if="scope.type | = 'buy'">{'net debit' | i8ln tLang}</div><div class="qmod-top-summary-stat" rv-if="scope.type | = 'buy'">{scope.netDebit | asQHLast tLang '—' '' | preFix '$' tLang}</div><div class="qmod-top-summary-h qmod-label" rv-unless="scope.type | = 'buy'">{'net credit' | i8ln tLang}</div><div class="qmod-top-summary-stat" rv-unless="scope.type | = 'buy'">{scope.netCredit | asQHLast tLang '—' '' | preFix '$' tLang}</div></div></div><div class="qmod-summary-section"><div class="qmod-summary qm-s-2 qm-m-2"><div class="qmod-top-summary-h qmod-label">{'max loss' | i8ln tLang}</div><div class="qmod-top-summary-stat">{scope.maxLoss}</div></div></div><div class="qmod-summary-section"><div class="qmod-summary qm-s-3 qm-m-2"><div class="qmod-top-summary-h qmod-label">{'max profit' | i8ln tLang}</div><div class="qmod-top-summary-stat">{scope.maxProfit}</div></div></div><div class="qmod-summary-section" rv-unless="scope.isMultiLeg"><div class="qmod-summary qm-s-3 qm-m-2"><i class="fa fa-info-circle qmod-tooltip" rv-if="scope.note" aria-hidden="aria-hidden" rv-title="'holdingsnote' | i8ln tLang" rv-on-mouseenter="scope.qmtooltip"></i><div class="qmod-top-summary-h qmod-label">{'breakeven' | i8ln tLang}</div><div class="qmod-top-summary-stat">{scope.breakEvenDirection} {scope.breakEven | asQHLast tLang '—' '' | preFix '$' tLang}</div></div></div><div class="qmod-summary-section" rv-if="scope.isMultiLeg"><div class="qmod-summary qm-s-3 qm-m-2"><div class="qmod-top-summary-h qmod-label">{'breakeven' | i8ln tLang}</div><div class="qmod-top-summary-stat">{scope.breakEven}</div></div></div><div class="qmod-summary-section"><div class="qmod-summary qm-s-3 qm-m-2"><div class="qmod-top-summary-h qmod-label">{'contracts' | i8ln tLang}</div><input class="qmod-top-summary-stat" id="qmod-contracts-input" type="number" min="1" step="1" rv-value="scope.contracts" rv-on-change="scope.updateContracts"/></div></div></div><div class="qmod-commission-note">{'commissions and fees not included in profit and loss calculations' | i8ln tLang}</div><div class="qmod-chart-legend"> <div class="qmod-profit"> <span class="qmod-profit-color"> </span><span>{'profit' | i8ln tLang}</span></div><div class="qmod-loss"> <span class="qmod-loss-color"> </span><span>{'loss' | i8ln tLang}</span></div></div><div class="qmod-orr-chart-con"><div class="qmod-orr-chart"></div></div><div id="scrollbar-container"><label class="qmod-label">{scope.zoomLabel}</label><input id="scrollbar" type="range" rv-min="scope.maxZoomIn" rv-max="scope.maxZoomOut" step="0.01" rv-value="scope.currZoom"/></div><div class="pure-u-1-1 pure-u-sm-1-2" rv-unless="scope.isMultiLeg"><div class="qmod-box-wrap qmod-box-wrap-l qmod-quotehead"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-bid"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.bid| toLang tLang}</div></div><div class="pure-u-1-2 qmod-bid"><div class="qmod-data-point qmod-textr qmod-dp" aria-label="bid">{odata.pricedata.bid | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-ask"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.ask| toLang tLang}</div></div><div class="pure-u-1-2 qmod-ask"><div class="qmod-data-point qmod-textr qmod-dp" aria-label="ask">{odata.pricedata.ask | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-volume"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.volume| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" aria-label="volume">{data.pricedata.contractvolume | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-OI"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.OI| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" aria-label="OI">{odata.contract.openinterest | numeraljs '0,0'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-IV"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.IV| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr" aria-label="IV">{scope.impvol | asQHLast tLang}%</div></div></div></div></div><div class="pure-u-1-1 pure-u-sm-1-2" rv-unless="scope.isMultiLeg"><div class="qmod-box-wrap qmod-box-wrap-r"><div class="qmod-line-sep qmod-quote-element qmod-quote-element-delta"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.delta| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{scope.delta | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-theta"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.theta| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{scope.theta | numeraljs '0.00a'}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-gamma"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.gamma| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{scope.gamma | asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-vega"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.vega| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{scope.vega| asQHLast tLang}</div></div></div><div class="qmod-line-sep qmod-quote-element qmod-quote-element-rho"><div class="pure-u-1-2"><div class="qmod-label qmod-textl">{tplLang.rho| toLang tLang}</div></div><div class="pure-u-1-2"><div class="qmod-data-point qmod-textr">{scope.rho| asQHLast tLang}</div></div></div></div></div><div class="qmod-position-greeks" rv-if="scope.isMultiLeg"><div class="qmod-position-greeks-header">{'position greeks' | i8ln tLang}</div><div class="qmod-greek-row"><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.delta | toLang tLang}</div><div class="qmod-greek-value">{scope.delta | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.theta | toLang tLang}</div><div class="qmod-greek-value">{scope.theta | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.gamma | toLang tLang}</div><div class="qmod-greek-value">{scope.gamma | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.vega | toLang tLang}</div><div class="qmod-greek-value">{scope.vega | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.rho | toLang tLang}</div><div class="qmod-greek-value">{scope.rho | numeraljs '0.0000'}</div></div></div></div><div class="qmod-footer" rv-if="data.datetime"><span class="qmod-date">{data.datetime | momentjs true 'lll' tLang}</span><span class="qmod-exchange">{data.key.currency} | {data.key.exLgName}</span></div></div><div class="qmod-tool-content qmod-greeks-only" rv-if="scope.view | = 'greeks'"><div class="qmod-header"><span>{scope.contract} ({scope.symbol})</span></div><div class="qmod-orr-chart-con qmod-orr-chart-placeholder"><div class="qmod-no-payoff">{scope.noPayoffMsg}</div></div><div class="qmod-position-greeks"><div class="qmod-position-greeks-header">{'greeks' | i8ln tLang}</div><div class="qmod-greek-row"><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.delta | toLang tLang}</div><div class="qmod-greek-value">{scope.delta | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.theta | toLang tLang}</div><div class="qmod-greek-value">{scope.theta | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.gamma | toLang tLang}</div><div class="qmod-greek-value">{scope.gamma | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.vega | toLang tLang}</div><div class="qmod-greek-value">{scope.vega | numeraljs '0.0000'}</div></div><div class="qmod-greek-cell"><div class="qmod-greek-label">{tplLang.rho | toLang tLang}</div><div class="qmod-greek-value">{scope.rho | numeraljs '0.0000'}</div></div></div></div></div><div class="qmod-riskreward-con" rv-if="scope.view | = 'nodata'"><div class="qmod-no-data"> {tplLang.nodata| toLang tLang} {scope.symbol}</div></div></div></div>