@php
    use App\Support\Marketing\SiteContent;

    $breadcrumbs = [
        ['label' => 'خانه', 'url' => url('/')],
        ['label' => 'تعرفه', 'url' => route('marketing.pricing')],
    ];

    $seoTitle = 'تعرفه لیموسی | نرم‌افزار مدیریت مشتری، فروش، پروژه و پشتیبانی';
    $seoDescription = 'پلن‌های ماهانه لیموسی بر اساس تعداد کاربران تیم؛ تمام امکانات در همه پلن‌ها فعال است. ۶۰ روز اول رایگان و بدون نیاز به اطلاعات پرداخت.';

    $pricingFaqs = collect(SiteContent::answeredFaqs())
        ->whereIn('question', [
            'آیا ۶۰ روز رایگان واقعاً بدون هزینه است؟',
            'آیا محدودیت تعداد مشتری وجود دارد؟',
            'چند نفر می‌توانند همزمان استفاده کنند؟',
            'پیامک چگونه محاسبه می‌شود؟',
            'آیا امکان خروجی گرفتن اطلاعات وجود دارد؟',
        ])
        ->values();
@endphp

<x-marketing.layout
    :title="$seoTitle"
    :description="$seoDescription"
    :breadcrumbs="$breadcrumbs"
    :schema="[[
        '@context' => 'https://schema.org',
        '@type' => 'FAQPage',
        'mainEntity' => $pricingFaqs->map(fn ($faq) => [
            '@type' => 'Question',
            'name' => $faq['question'],
            'acceptedAnswer' => ['@type' => 'Answer', 'text' => $faq['answer']],
        ])->all(),
    ]]"
>
    <x-marketing.section id="pricing">
        <x-marketing.breadcrumbs :items="$breadcrumbs" class="mb-8" />

        <x-marketing.section-title
            as="h1"
            eyebrow="۶۰ روز اول رایگان"
            title="تعرفه لیموسی"
            :lead="SiteContent::pricingNote()"
        />

        <div class="mt-12 grid gap-4 md:grid-cols-2 xl:grid-cols-4">
            @foreach (SiteContent::pricingPlans() as $plan)
                <x-marketing.pricing-card
                    :name="$plan['name']"
                    :users="$plan['users']"
                    :price="$plan['price']"
                    :unit="$plan['unit']"
                    :featured="$plan['featured']"
                />
            @endforeach
        </div>

        {{-- Commercial terms. Rows whose value is still a product decision render as
             "در حال نهایی‌سازی" rather than a plausible-sounding invention. --}}
        <div class="mt-14">
            <h2 data-fade class="text-lg font-black text-limoc-ink">جزئیات اشتراک</h2>

            <dl class="mt-6 divide-y divide-limoc-border overflow-hidden rounded-xl border border-limoc-border bg-white">
                @foreach (SiteContent::pricingTerms() as $term)
                    <div data-fade class="grid gap-1 px-5 py-4 sm:grid-cols-[13rem_1fr] sm:gap-6">
                        <dt class="text-sm font-bold text-limoc-ink">{{ $term['label'] }}</dt>
                        <dd class="text-sm leading-7 {{ $term['value'] === null ? 'text-limoc-muted/70' : 'text-limoc-muted' }}">
                            {{ $term['value'] ?? 'در حال نهایی‌سازی — برای اطلاع دقیق با ما تماس بگیرید.' }}
                        </dd>
                    </div>
                @endforeach
            </dl>
        </div>

        <div class="mt-14">
            <x-marketing.cta-section
                source="pricing"
                title="اول ۶۰ روز رایگان امتحان کنید"
                lead="برای شروع نیازی به ثبت اطلاعات پرداخت نیست."
                :primary-href="url('/').'#trial-form'"
                secondary-label="مشاهده امکانات"
                :secondary-href="url('/').'#features'"
            />
        </div>
    </x-marketing.section>

    @if ($pricingFaqs->isNotEmpty())
        <x-marketing.section tone="white" width="narrow">
            <x-marketing.section-title title="سؤالات متداول درباره تعرفه" />

            <x-marketing.faq :items="$pricingFaqs->all()" tone="cream" class="mt-8" />

            <p data-fade class="mt-8 text-center text-sm text-limoc-muted">
                <a href="{{ url('/').'#faq' }}" class="inline-flex min-h-[44px] items-center px-2 font-bold text-limoc-green underline-offset-4 hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-limoc-green">
                    مشاهده همه سؤالات متداول
                </a>
            </p>
        </x-marketing.section>
    @endif
</x-marketing.layout>