<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-unless="scope.noData"><div class="qmod-header"> <span>{odata.root.equityinfo.longname} ({rdata.symbolstring})</span></div><div class="qmod-contract-con"> <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 | i8ln tLang}</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="pure-u-1 qmod-top-summary"><div class="qmod-summary-section"><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"><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"><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"><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" 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"><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"><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-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-riskreward-con" rv-if="scope.noData"><div class="qmod-no-data"> {tplLang.nodata| toLang tLang} {scope.symbol}</div></div></div></div>