Option Contract Lookup

Date Expiration

{#each dateList as item} { selectedDate = item; loadData("default"); }} class="sm:hover:bg-gray-200 dark:sm:hover:bg-primary cursor-pointer " > {formatDate(item)} {/each}

Strike Price

{#each strikeList as item} { selectedStrike = item; loadData("default"); }} class="sm:hover:bg-gray-200 dark:sm:hover:bg-primary cursor-pointer " > {item} {/each}

Option Type

{#each ["Call", "Put"] as item} { selectedOptionType = item; loadData("optionType"); }} class="sm:hover:bg-gray-200 dark:sm:hover:bg-primary cursor-pointer " > {item} {/each}

{ticker} {formatDate(selectedDate)} {selectedStrike} {selectedOptionType}

{optionSymbol}

Last	{rawDataHistory?.at(0)?.close \|\| "n/a"}
High	{rawDataHistory?.at(0)?.high \|\| "n/a"}
Low	{rawDataHistory?.at(0)?.low \|\| "n/a"}
Open	{rawDataHistory?.at(0)?.open \|\| "n/a"}
Volume	{rawDataHistory?.at(0)?.volume?.toLocaleString("en-US") \|\| "n/a"}
Open Interest	{rawDataHistory ?.at(0) ?.open_interest?.toLocaleString("en-US") \|\| "n/a"}

Implied Volatility (IV)	{Math.floor( rawDataHistory?.at(0)?.implied_volatility * 100, ) + "%" \|\| "n/a"}
Delta	{rawDataHistory?.at(0)?.delta \|\| "n/a"}
Gamma	{rawDataHistory?.at(0)?.gamma \|\| "n/a"}
Theta	{rawDataHistory?.at(0)?.theta \|\| "n/a"}
Vega	{rawDataHistory?.at(0)?.vega \|\| "n/a"}
XXX	XXX

Contract Chart

{#each ["Vol/OI", "IV"] as item, index} { selectGraphType = item; loadData("default"); }} class="px-3 py-1.5 text-sm {index === 0 ? 'mr-2' : ''} {selectGraphType === item ? 'shadow-sm border border-gray-300 dark:border-gray-600 bg-gray-100 dark:bg-white text-black ' : 'shadow-sm text-opacity-[0.6] border border-gray-300 dark:border-gray-600'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer" > {item} {/each}

{#if config}

{#if !["Pro"]?.includes(data?.user?.tier)}

Upgrade to Pro

{/if}

{#if isLoaded && displayList?.length > 0}

Contract History

{#each data?.user?.tier === "Pro" ? displayList : displayList?.slice(0, 3) as item, index} {/each}

Date	Vol	OI	OI Change	% Change OI	Last Price	Avg Price	IV	Total Prem	GEX	DEX
{formatDate(item?.date)}	{item?.volume !== null ? item?.volume?.toLocaleString("en-US") : 0}	{item?.open_interest !== undefined ? item?.open_interest?.toLocaleString("en-US") : "n/a"}	{#if item?.changeOI >= 0 && item?.changeOI !== null} +{item?.changeOI?.toLocaleString("en-US")} {:else if item?.changeOI < 0 && item?.changeOI !== null} {item?.changeOI?.toLocaleString("en-US")} {:else} n/a {/if}	{#if item?.changesPercentageOI > 0 && item?.changesPercentageOI !== undefined} +{item?.changesPercentageOI + "%"} {:else if item?.changesPercentageOI < 0 && item?.changesPercentageOI !== undefined} {item?.changesPercentageOI + "%"} {:else if item?.changesPercentageOI === 0 && item?.changesPercentageOI !== undefined} 0% {:else} n/a {/if}	{item?.close}	{item?.mark}	{(item?.implied_volatility * 100)?.toLocaleString( "en-US", ) + "%"}	{abbreviateNumber(item?.total_premium)}	{abbreviateNumber(item?.gex?.toFixed(2))}	{abbreviateNumber(item?.dex?.toFixed(2))}

{/if}