hackerESQ
e6f38d9481
* docs: remove requirement for setting APP_KEY manually * optimize date picker * clean up modals * spot light working * reorganization * add lazy load * wip * remove filament * styling
61 lines
1.8 KiB
PHP
61 lines
1.8 KiB
PHP
<?php
|
|
|
|
use App\Models\Holding;
|
|
use Livewire\Volt\Component;
|
|
|
|
new class extends Component
|
|
{
|
|
// props
|
|
public Holding $holding;
|
|
|
|
protected $listeners = [
|
|
'transaction-updated' => '$refresh',
|
|
'transaction-saved' => '$refresh',
|
|
];
|
|
|
|
// methods
|
|
|
|
}; ?>
|
|
|
|
<div>
|
|
<div class="font-bold text-2xl py-1 flex items-center">
|
|
{{ Number::currency($holding->market_data->market_value ?? 0, $holding->market_data->currency) }}
|
|
|
|
<x-ui.gain-loss-arrow-badge
|
|
:cost-basis="$holding->average_cost_basis"
|
|
:market-value="$holding->market_data->market_value_base"
|
|
/>
|
|
</div>
|
|
|
|
<p>
|
|
<span class="font-bold">{{ __('Quantity Owned') }}: </span>
|
|
{{ $holding->quantity }}
|
|
</p>
|
|
|
|
<p>
|
|
<span class="font-bold">{{ __('Average Cost Basis') }}: </span>
|
|
{{ Number::currency($holding->average_cost_basis ?? 0, $holding->market_data->currency) }}
|
|
</p>
|
|
|
|
<p>
|
|
<span class="font-bold">{{ __('Total Cost Basis') }}: </span>
|
|
{{ Number::currency($holding->total_cost_basis ?? 0, $holding->market_data->currency) }}
|
|
</p>
|
|
|
|
<p>
|
|
<span class="font-bold">{{ __('Realized Gain/Loss') }}: </span>
|
|
{{ Number::currency($holding->realized_gain_dollars ?? 0, $holding->market_data->currency) }}
|
|
</p>
|
|
|
|
<p>
|
|
<span class="font-bold">{{ __('Dividends Earned') }}: </span>
|
|
{{ Number::currency($holding->dividends_earned ?? 0, $holding->market_data->currency) }}
|
|
</p>
|
|
|
|
<p class="pt-2 text-sm" title="{{ \Carbon\Carbon::parse($holding->market_data->updated_at)->toIso8601String() }}">
|
|
{{ __('Last Refreshed') }}:
|
|
{{ !is_null($holding->market_data->updated_at)
|
|
? \Carbon\Carbon::parse($holding->market_data->updated_at)->diffForHumans()
|
|
: '' }}
|
|
</p>
|
|
</div>
|