@php
    $isRecommended = $recommended ?? false;
@endphp

<div class="card h-100 card-soft pricing-card {{ $isRecommended ? 'border border-kiyo' : '' }}">
    <div class="card-body p-4">
        @if($isRecommended)
            <span class="badge rounded-pill text-bg-success mb-3">Recommended</span>
        @endif
        <h3 class="h4 fw-bold">{{ $name }}</h3>
        <p class="text-muted">{{ $description }}</p>
        <div class="mb-3">
            <span class="h2 fw-bolder month-price"><span class="price-currency">{{ $currencySymbol ?? '₹' }}</span>{{ $monthly }}</span>
            <span class="h2 fw-bolder yearly-price d-none"><span class="price-currency">{{ $currencySymbol ?? '₹' }}</span>{{ $yearly }}</span>
            <span class="text-muted month-price">/month</span>
            <span class="text-muted yearly-price d-none">/month (yearly billed)</span>
        </div>
        <ul class="list-unstyled small mb-4">
            @foreach($features as $feature)
                <li class="mb-2"><i class="bi bi-check2-circle text-success me-2"></i>{{ $feature }}</li>
            @endforeach
        </ul>
        <a href="{{ route('register') }}" class="btn {{ $isRecommended ? 'btn-kiyo' : 'pricing-trial-btn' }} w-100">Start Free Trial <i class="bi bi-arrow-right-short"></i></a>
    </div>
</div>