<div class="tab_wrapper notification_tab">
    <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
        {{ __('web.notifications') }}
        <img src="{{url('')}}/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
    </h2>
    @if(count($notifications) == 0)
        <div class="alert alert-danger py-4 text-center my-5" role="alert">
            {{__('web.not_exist_notifications')}}
        </div>
    @else
    
        @foreach($notifications as $row)
            <div class="noti_card d-flex align-items-center">
                <img src="{{url('')}}/assets/web/images/icons/notification.png" alt="" class="noti_icon "/>
                <div class="content">
                    <div class="in-flex flex-wrap mb-2">
                        <h5 class="title color-dark mb-0"> {{$row->title}}  </h5>
                        <p class="date mb-0"> <i class="fal fa-calendar-alt color-primary me-2"></i> {{$row->date}} </p>
                    </div>
                    <p class="p mb-0">
                        {!! $row->description !!}
                    </p>
                </div>
            </div>
        @endforeach
        
    @endif
</div>
