@php
    $items = array(
        array(
            'title' => 'How to use customize Metronoc\'s SASS',
        ),
        array(
            'title' => 'How to change web font globally',
        ),
        array(
            'title' => 'How to setup dark mode',
        ),
        array(
            'title' => 'Metronic file structure and build tools',
        ),
        array(
            'title' => 'Metronic integration with Blazor server side',
        ),
    );
@endphp
<!--begin::Popular Questions-->
<div class="card bg-light mb-5 mb-lg-10 shadow-none border-0">
    <!--begin::Header-->
    <div class="card-header align-items-center border-0">
        <!--begin::Title-->
        <h3 class="card-title fw-bolder text-gray-900 fs-3">Latest Tutorials</h3>
        <!--end::Title-->
    </div>
    <!--end::Header-->

    <!--begin::Body-->
    <div class="card-body pt-0">
        @foreach($items as $item)
            <!--begin::Item-->
            <div class="d-flex {{ next($items) ? 'mb-5': '' }}">
                <!--begin::Arrow-->
                {!! theme()->getSvgIcon("icons/duotune/general/gen057.svg", "svg-icon-2 mt-0 me-2") !!}
                <!--end::Arrow-->

                <!--begin::Title-->
                <a href="{{ theme()->getPageUrl('apps/devs/question') }}" class="text-gray-700 text-hover-primary fs-6 fw-bold">
                    {{ $item['title'] }}
                </a>
                <!--end::Title-->
            </div>
            <!--end::Item-->
        @endforeach
    </div>
    <!--end: Card Body-->
</div>
<!--end::Popular Questions-->
