@php
    // List items
    $items = array(
        array(
            'icon' => 'icons/duotune/electronics/elc004.svg',
            'title' => 'BoomApp by Keenthemes',
            'number' => '#45789'
        ),
        array(
            'icon' => 'chart-simple',
            'title' => '"Kept API Project Meeting',
            'number' => '#84050'
        ),
        array(
            'icon' => 'chart',
            'title' => '"KPI Monitoring App Launch',
            'number' => '#84250'
        ),
        array(
            'icon' => 'icons/duotune/graphs/gra002.svg',
            'title' => 'Project Reference FAQ',
            'number' => '#67945'
        ),
        array(
            'icon' => 'sms',
            'title' => '"FitPro App Development',
            'number' => '#84250'
        ),
        array(
            'icon' => 'bank',
            'title' => 'Shopix Mobile App',
            'number' => '#45690'
        ),
        array(
            'icon' => 'icons/duotune/graphs/gra002.svg',
            'title' => '"Landing UI Design" Launch',
            'number' => '#24005'
        ),
    );
@endphp
<!--begin::Recently viewed-->
<div data-kt-search-element="main">
    <!--begin::Heading-->
    <div class="d-flex flex-stack fw-bold mb-5">
        <!--begin::Label-->
        <span class="text-muted fs-6 me-2">Recently Searched</span>
        <!--end::Label-->

        <!--begin::Toolbar-->
        <div class="d-flex" data-kt-search-element="toolbar">
            <!--begin::Preferences toggle-->
            <div data-kt-search-element="preferences-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-2" data-bs-toggle="tooltip" title="Show search preferences">
                {!! theme()->getIcon("setting-2", "fs-1") !!}
            </div>
            <!--end::Preferences toggle-->

            <!--begin::Advanced search toggle-->
            <div data-kt-search-element="advanced-options-form-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-n1" data-bs-toggle="tooltip" title="Show more search options">
                {!! theme()->getIcon("down", "fs-2") !!}
            </div>
            <!--end::Advanced search toggle-->
        </div>
        <!--end::Toolbar-->
    </div>
    <!--end::Heading-->

    <!--begin::Items-->
    <div class="scroll-y mh-200px mh-lg-325px">
        @foreach($items as $item)
            <!--begin::Item-->
            <div class="d-flex align-items-center mb-5">
                <!--begin::Symbol-->
                <div class="symbol symbol-40px me-4">
                    <span class="symbol-label bg-light">
                        {!! theme()->getIcon($item['icon'], "fs-2 text-primary") !!}
                    </span>
                </div>
                <!--end::Symbol-->

                <!--begin::Title-->
                <div class="d-flex flex-column">
                    <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">{{ $item['title'] }}</a>
                    <span class="fs-7 text-muted fw-bold">{{ $item['number'] }}</span>
                </div>
                <!--end::Title-->
            </div>
            <!--end::Item-->
        @endforeach
    </div>
    <!--end::Items-->
</div>
<!--end::Recently viewed-->