@php
    $section_content = (array) ($section_content ?? []);
    $steps = is_array($section_content['steps'] ?? null) ? $section_content['steps'] : [];
    $fallback_steps = [
        ['title' => 'قدرت اطلاعات', 'description' => 'با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید فرآیندهای مالی'],
        ['title' => 'فرآیندهای مالی', 'description' => 'با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید فرآیندهای مالی'],
        ['title' => 'کسب‌وکارتان', 'description' => 'با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید فرآیندهای مالی'],
        ['title' => 'ویژگی تحلیل', 'description' => 'با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید فرآیندهای مالی'],
    ];
    $steps = count($steps) > 0 ? $steps : $fallback_steps;
@endphp

<section>
    <p class="font-23 bold dark-gray text-center pb-4 mt-lg-5 mt-4 pt-5">
        {{ $section_content['section_title'] ?? 'مسیر موفقیت' }} <span class="mint-green">الوادز</span>
    </p>
    <div class="container">
        <!-- <div class="alvads-container row m-0 w-100">
            <div class="col-lg-3 col-sm-6 col-12 p-2">
                <div class="feature-card shadow-sm main-radius bg-white p-3">
                    <div class="icon mb-3 rounded-3 p-2 font-23 black text-white">
                        ۱
                    </div>
                    <span class="bold mint-green">
                        تحویل سورس و فایل ها
                    </span>
                    <p class="mb-0 mt-2 font-14 light light-gray limit-3">با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید
                        فرآیندهای مالی خود را با گردش کارهای خودکار و گزارش‌های دقیق ساده کنید
                        داده‌های حساس خود با جدیدترین استانداردهای امنیتی سطح بالای ما محافظت کنید
                    </p>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 p-2">
                <div class="feature-card shadow-sm main-radius bg-white p-3">
                    <div class="icon mb-3 rounded-3 p-2 font-23 black text-white">
                        ۲
                    </div>
                    <span class="bold mint-green">
                        پول نمیگیرد
                    </span>
                    <p class="mb-0 mt-2 font-14 light light-gray limit-3">با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید
                        فرآیندهای مالی خود را با گردش کارهای خودکار و گزارش‌های دقیق ساده کنید
                        داده‌های حساس خود با جدیدترین استانداردهای امنیتی سطح بالای ما محافظت کنید
                    </p>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 p-2">
                <div class="feature-card shadow-sm main-radius bg-white p-3">
                    <div class="icon mb-3 rounded-3 p-2 font-23 black text-white">
                        ۳
                    </div>
                    <span class="bold mint-green">
                        کسب‌وکارتان
                    </span>
                    <p class="mb-0 mt-2 font-14 light light-gray limit-3">با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید
                        فرآیندهای مالی خود را با گردش کارهای خودکار و گزارش‌های دقیق ساده کنید
                        داده‌های حساس خود با جدیدترین استانداردهای امنیتی سطح بالای ما محافظت کنید
                    </p>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-12 p-2">
                <div class="feature-card shadow-sm main-radius bg-white p-3">
                    <div class="icon mb-3 rounded-3 p-2 font-23 black text-white">
                        ۴
                    </div>
                    <span class="bold mint-green">
                        داده‌های حساس
                    </span>
                    <p class="mb-0 mt-2 font-14 light light-gray limit-3">با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید
                        فرآیندهای مالی خود را با گردش کارهای خودکار و گزارش‌های دقیق ساده کنید
                        داده‌های حساس خود با جدیدترین استانداردهای امنیتی سطح بالای ما محافظت کنید
                    </p>
                </div>
            </div>
        </div> -->
        <div class="infographic-container px-2">
            @foreach($steps as $step)
                <div class="info-item item-{{ $loop->iteration }}">
                    <div class="info-shape shadow overflow-hidden">
                        <div class="info-icon extra-black">{{ $loop->iteration }}</div>
                        <span class="font-18 bold text-black d-flex justify-content-center my-3">
                    {{ $step['title'] ?? '' }}
                </span>
                        <p class="m-0 dark-gray limit-3 text-start">
                            {{ $step['description'] ?? '' }}
                        </p>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>