@extends('frontend.layouts.app')

@section('title', $title)
@section('description', $description)

@section('content')
    @include('frontend.layouts.breadcrumb', ['title' => 'Pricing'])

    {{-- Pricing plans intentionally hidden for now. --}}

    <section class="tv-faq-section style-2 space bg-light">
        <div class="shape-mockup sm-d-none" data-top="12%" data-left="13%"><img src="{{ asset('frontend/images/faq/circle-shape.webp') }}" alt="shape"></div>
        <div class="shape-mockup sm-d-none" data-top="12%" data-right="15%"><img src="{{ asset('frontend/images/faq/question-shape.webp') }}" alt="shape"></div>
        <div class="container">
            <div class="title-wrap text-center three">
                <div class="sub-title-2 text-theme"><i class="fa-solid fa-circle-check"></i>FAQ</div>
                <h2 class="sec-title">Pricing Questions</h2>
                <p>Common questions about plans, billing, and getting started.</p>
            </div>
            <div class="row justify-content-center">
                <div class="faq-column col-lg-8">
                    <div class="inner-column mt-15 md-mt-0">
                        <ul class="accordion-box">
                            @foreach($pricingFaqs as $item)
                                <li class="accordion {{ $loop->first ? 'active-block' : '' }}">
                                    <div class="acc-btn bg-white {{ $loop->first ? 'active' : '' }}">{{ sprintf('%02d.', $loop->iteration) }} {{ $item['question'] }}<div class="icon"></div></div>
                                    <div class="acc-content {{ $loop->first ? 'active' : '' }}">
                                        <div class="content bg-white"><div class="text">{{ $item['answer'] }}</div></div>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('frontend.partials.newsletter')
@endsection