@php
$ncount = Helper::getNotificationCounts();
$nList = Helper::notificationList();
$nclass = "pulse pulse-primary";
if($ncount == 0){
$nclass = "";
}
@endphp

<!--begin::Menu-->
<div class="menu menu-sub menu-sub-dropdown menu-column w-250px w-lg-400px" data-kt-menu="true">
    <!--begin::Heading-->
    <div class="d-flex flex-column flex-center bgi-no-repeat rounded-top px-9 py-7" style="background-image:url('{{ asset(theme()->getMediaUrlPath() . 'misc/pattern-1.jpg') }}')">
        <!--begin::Title-->
        <h3 class="text-white fw-bold">
            @if($ncount > 0)
            Notifications
            @else
            No pending notifications.
            @endif
            @if($ncount > 0)
            <span class="badge bg-success py-2 px-3 notif-count">{{ $ncount }}</span>
            @endif
        </h3>
        <!--end::Title-->

    </div>
    <!--end::Heading-->

    <!--begin::Tab content-->
    <div class="tab-content">
    @if($ncount > 0)
        <!--begin::Tab panel-->
        <div class="tab-pane fade show active" id="kt_topbar_notifications_1" role="tabpanel">
            <!--begin:Item-->
            <div class="col-12 notification-list-area">
                @foreach($nList as $notification)
                <a href="javascript:void(0);" class="d-flex flex-column flex-start p-6 bg-hover-light border-bottom  mark-as-read" data-type="one" data-id="{{$notification->id??''}}" title="Mark As Read">
                    <div class="navi-link d-flex align-items-center">
                        <div class="navi-icon me-4 d-flex align-items-center">
                            <i class="fa fa-eye text-success fs-4"></i>
                        </div>
                        <div class="navi-text">
                            <div class="font-weight-bold">
                                {{$notification->subject??''}}
                            </div>
                            <div class="text-muted">
                                {{ date('d, F Y', strtotime($notification->date)) }}
                            </div>
                        </div>
                    </div>
                </a>
                @endforeach
                @foreach($eList ??[] as $eKey => $eVal)
                <a href="javascript:void(0);" class="d-flex flex-column flex-start p-6 bg-hover-light border-bottom mark-as-read" data-type="calendar" data-id="{{$eVal['id']??''}}" title="My Calendar">
                    <div class="navi-link d-flex align-items-center">
                        <div class="navi-icon me-4 d-flex align-items-center">
                            <i class="fa fa-calendar text-success fs-4"></i>
                        </div>
                        <div class="navi-text">
                            <div class="font-weight-bold">
                                {{$eVal['title']??''}}
                            </div>
                            <div class="text-muted">
                                {{ $eVal['start_date']??'' }}
                            </div>
                        </div>
                    </div>
                </a>
                @endforeach

               @foreach($rList as $release)
                <a href="{{ route('support_center.index', ['releases' => true,'release_id' => $release['release_id']]) }}" target="_blank" rel="noopener noreferrer" class="d-flex flex-column flex-start p-6 bg-hover-light border-bottom mark-as-read" data-type="release" data-id="{{ $release['release_id'] }}" title="View Release">
                    <div class="navi-link d-flex align-items-center">
                        <div class="navi-icon me-4 d-flex align-items-center">
                            <i class="fa fa-bullhorn text-success fs-4"></i>
                        </div>

                        <div class="navi-text">
                            <div class="font-weight-bold">
                                {{ $release['title'] }}
                            </div>

                            <div class="text-muted">
                                {{ \Carbon\Carbon::parse($release['publish_date'])->format('d, F Y') }}
                            </div>
                        </div>
                    </div>
                </a>
                @endforeach
            </div>
                <!--end:Item-->

            <!--begin::View more-->
            <div class="py-2 text-center border-top d-none">
                <a href="{{ theme()->getPageUrl('pages/profile/activity') }}" class="btn btn-color-gray-600 btn-active-color-primary">
                    View All
                    {!! theme()->getSvgIcon("icons/duotune/arrows/arr064.svg", "svg-icon-5") !!}
                </a>
            </div>
            <!--end::View more-->
        </div>
        <!--end::Tab panel-->

        <!--begin::Tab panel-->
        <div class="tab-pane fade show " id="kt_topbar_notifications_2" role="tabpanel">
            <!--begin::Wrapper-->
            <div class="d-flex flex-column px-9">
                <!--begin::Section-->
                <div class="pt-10 pb-0">
                    <!--begin::Title-->
                    <h3 class="text-dark text-center fw-bolder">
                        Get Pro Access
                    </h3>
                    <!--end::Title-->

                    <!--begin::Text-->
                    <div class="text-center text-gray-600 fw-bold pt-1">
                        Outlines keep you honest. They stoping you from amazing poorly about drive
                    </div>
                    <!--end::Text-->

                    <!--begin::Action-->
                    <div class="text-center mt-5 mb-9">
                        <a href="#" class="btn btn-sm btn-primary px-6" data-bs-toggle="modal" data-bs-target="#kt_modal_upgrade_plan">Upgrade</a>
                    </div>
                    <!--end::Action-->
                </div>
                <!--end::Section-->

                <!--begin::Illustration-->
                <img class="mh-200px" alt="metronic" src="{{ asset(theme()->getIllustrationUrl('1.png')) }}" />
                <!--end::Illustration-->
            </div>
            <!--end::Wrapper-->
        </div>
        <!--end::Tab panel-->

        <!--begin::Tab panel-->
        <div class="tab-pane fade" id="kt_topbar_notifications_3" role="tabpanel">
            <!--begin::Items-->
            @php
            $logs = [];
            @endphp
            <div class="scroll-y mh-325px my-5 px-8">
                            </div>
            <!--end::Items-->

            <!--begin::View more-->
            <div class="py-3 text-center border-top">
                <a href="{{ theme()->getPageUrl('pages/profile/activity') }}" class="btn btn-color-gray-600 btn-active-color-primary">
                    View All
                    {!! theme()->getSvgIcon("icons/duotune/arrows/arr064.svg", "svg-icon-5") !!}
                </a>
            </div>
            <!--end::View more-->
        </div>
        <!--end::Tab panel-->
        @endif
    </div>
    <!--end::Tab content-->
</div>
<!--end::Menu-->