@section('title')
    {{ 'Pricing - Reply reviews' }}
@endsection
@php
    use App\Services\PlanMapper;
    
    $planName = $user->subscription->plan->name;
    $planDisplayName = plan_display_name($planName);

    $now = \carbon\Carbon::now();
    $expire = \carbon\Carbon::create($user->subscription->expired_at);
    $planExpired = $now->greaterThanOrEqualTo($expire);
    
    // Check if plan is monthly (supports both old and new names)
    $isMonthly = PlanMapper::isPlan($planName, ['Pro Monthly', 'Multi Pro Monthly', 'Reply Monthly', 'Invite Reply Monthly']);
    
    // For new plan names (Reply, Invite Reply), check the subscription duration
    if (!$isMonthly && in_array($planName, ['Reply', 'Invite Reply']) && isset($user->subscription->started_at)) {
        $started = \carbon\Carbon::create($user->subscription->started_at);
        $daysDiff = $started->diffInDays($expire);
        // If subscription is around 30-35 days, it's monthly. If around 365+ days, it's yearly
        $isMonthly = $daysDiff <= 45; // Monthly plans are typically 30-31 days, give some buffer
    }
    
    $isAnual = $isMonthly ? 'false' : 'true';
    $monthlyStyle = $isMonthly ? 'display:initial;' : 'display:none;';
    $yearlyStyle = $isMonthly ? 'display:none;' : 'display:initial;';
@endphp
<x-app-layout>

    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('My Plan') }}
        </h2>

    </x-slot>

    <section class="padding-y-lg pb-12 pt-5">
        <div class="max-w-7xl mx-auto py-1 px-4 sm:px-6 lg:px-8">
            <div id="alert"> </div>

            @if ($user->subscription->plan->name === null)
                <p class="text-sm sm:text-base mb-2">My Current Plan: You do not have any plan, Subscribe to plans below. </p>
            @else
                @php
                    $dt = Carbon\Carbon::createFromDate($user->subscription->expired_at);
                    $daysRemaining = $dt->toDayDateTimeString();
                @endphp
                <p class="text-sm sm:text-base mb-2 break-words">My Current Plan: {{ $planDisplayName }} - active until {{ $daysRemaining }}</p>
                <p class="text-sm sm:text-base mb-4">Review Reply Balance : {{ $user->balance('ai-replies') }} </p>
            @endif

        </div>

        @include('partials.pricing-plans-grid', [
            'mode' => 'dashboard',
            'idPrefix' => 'plan',
            'planName' => $planName,
            'planExpired' => $planExpired,
            'isMonthly' => $isMonthly,
        ])

    </section>

</x-app-layout>

@include('partials.pricing-plans-scripts', ['mode' => 'dashboard', 'idPrefix' => 'plan'])