{#if Object?.keys(dailyStats)?.length === 0 && rawData?.length === 0} {/if} {#if Object?.keys(dailyStats)?.length > 0}
{/if} {#if tickerFlow?.length > 0}
{/if} {#if rawData?.length > 0} {#if optionList?.length !== 0}

Historical {$etfTicker} Data

{#each data?.user?.tier === "Pro" ? optionList : optionList?.slice(0, 3) as item, index} {/each}
Date % Change P/C Volume C Volume P Volume Total OI OI Change % OI Change C Prem P Prem
{formatDate(item?.date)} {#if item?.changesPercentage >= 0 && item?.changesPercentage !== null} +{item?.changesPercentage >= 1000 ? abbreviateNumberWithColor( item?.changesPercentage, ) : item?.changesPercentage?.toFixed(2)}% {:else if item?.changesPercentage < 0 && item?.changesPercentage !== null} {item?.changesPercentage <= -1000 ? abbreviateNumberWithColor( item?.changesPercentage, ) : item?.changesPercentage?.toFixed(2)}% {:else} n/a {/if} {item?.putCallRatio} {item?.volume?.toLocaleString("en-US")} {item?.call_volume?.toLocaleString("en-US")} {item?.put_volume?.toLocaleString("en-US")} {@html abbreviateNumberWithColor( item?.total_open_interest, false, true, )} {#if item?.changeOI >= 0} +{item?.changeOI?.toLocaleString("en-US")} {:else if item?.changeOI < 0} {item?.changeOI?.toLocaleString("en-US")} {:else} n/a {/if} {#if item?.changesPercentageOI >= 0} +{item?.changesPercentageOI >= 1000 ? abbreviateNumberWithColor( item?.changesPercentageOI, ) : item?.changesPercentageOI?.toFixed(2)}% {:else if item?.changesPercentageOI < 0} {item?.changesPercentageOI <= -1000 ? abbreviateNumberWithColor( item?.changesPercentageOI, ) : item?.changesPercentageOI?.toFixed(2)}% {:else} n/a {/if} {@html abbreviateNumberWithColor( item?.call_premium, false, true, )} {@html abbreviateNumberWithColor( item?.put_premium, false, true, )}
{/if} {/if}