@props([
    'plan' => null,
    'size' => 'default', // default | lg
    'showDuration' => true,
])

@php
    use App\Support\PriceFormatter;

    $price = $plan?->price;
    $sizeClass = $size === 'lg' ? 'text-3xl font-bold tracking-tight' : 'text-sm font-semibold';
@endphp

@if($price)
    @if($plan->hasSalePrice())
        <div {{ $attributes->merge(['class' => 'space-y-1']) }}>
            <div class="flex flex-wrap items-baseline gap-x-2 gap-y-1">
                <span class="text-muted-foreground line-through tabular-nums {{ $size === 'lg' ? 'text-lg font-medium' : 'text-sm' }}">
                    {{ PriceFormatter::formatUsd($price->amount) }}
                </span>
                <span class="text-foreground tabular-nums {{ $sizeClass }}">
                    @if($showDuration)
                        {{ PriceFormatter::formatPlanPrice($plan->effective_price, $plan) }}
                    @else
                        {{ PriceFormatter::formatUsd($plan->effective_price) }}
                    @endif
                </span>
            </div>
            @if($plan->discount_percentage)
                <span class="inline-flex items-center rounded-full border border-emerald-500/40 bg-emerald-500/10 px-2 py-0.5 text-xs font-semibold text-emerald-800 dark:text-emerald-200">
                    {{ __('pages/plans.pricing.discount_off', ['percent' => $plan->discount_percentage]) }}
                </span>
            @endif
        </div>
    @else
        <span class="text-foreground tabular-nums {{ $sizeClass }}">
            @if($showDuration)
                {{ PriceFormatter::formatPlanPrice($price->amount, $plan) }}
            @else
                {{ PriceFormatter::formatUsd($price->amount) }}
            @endif
        </span>
    @endif
@else
    <span class="text-muted-foreground">{{ __('pages/common.empty') }}</span>
@endif