@php $notifys = auth()->guard('customer')->user()->unreadNotifications()->paginate(2); $badgecount = auth()->guard('customer')->user()->unreadNotifications->count(); @endphp
                                                @forelse( $notifys as $notification)
                                                    @if($notification->data['status'] == 'New')
                                                        
                                                        <a class="dropdown-item border-bottom mark-as-read" href="{{$notification->data['clink']}}" data-id="{{ $notification->id }}">
                                                            <div class="d-flex align-items-center">
                                                                <div class="">
                                                                    <span class="bg-success-transparent brround fs-12 notifications"><i class="feather  feather-bell sidemenu_icon fs-20 text-success"></i></span>
                                                                </div>
                                                                <div class="d-flex">
                                                                    <div class="ps-3">
                                                                        <h6 class="mb-1">{{ Str::limit($notification->data['title'], '30') }}</h6>
                                                                        <p class="fs-13 mb-1 text-wrap">  {{lang('Your new ticket has been created', 'notification')}} {{ $notification->data['ticket_id'] }}</p>
                                                                        <div class="small text-muted">
                                                                            {{ $notification->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    @endif
                                                    @if($notification->data['status'] == 'Closed')

                                                        <a class="dropdown-item border-bottom mark-as-read" href="{{$notification->data['clink']}}" data-id="{{ $notification->id }}">
                                                            <div class="d-flex align-items-center">
                                                                <div class="">
                                                                    <span class="bg-success-transparent brround fs-12 notifications"><i class="feather  feather-bell sidemenu_icon fs-20 text-success"></i></span>
                                                                </div>
                                                                <div class="d-flex">
                                                                    <div class="ps-3">
                                                                        <h6 class="mb-1">{{ Str::limit($notification->data['title'], '30') }}</h6>
                                                                        <p class="fs-13 mb-1 text-wrap">  {{lang('Your ticket has been closed', 'notification')}} {{ $notification->data['ticket_id'] }}</p>
                                                                        <div class="small text-muted">
                                                                            {{ $notification->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    @endif
                                                    @if($notification->data['status'] == 'On-Hold')

                                                        <a class="dropdown-item border-bottom mark-as-read" href="{{$notification->data['clink']}}" data-id="{{ $notification->id }}">
                                                            <div class="d-flex align-items-center">
                                                                <div class="">
                                                                    <span class="bg-success-transparent brround fs-12 notifications"><i class="feather  feather-bell sidemenu_icon fs-20 text-success"></i></span>
                                                                </div>
                                                                <div class="d-flex">
                                                                    <div class="ps-3">
                                                                        <h6 class="mb-1">{{ Str::limit($notification->data['title'], '30') }}</h6>
                                                                        <p class="fs-13 mb-1 text-wrap">  {{lang('Your ticket status is On-Hold', 'notification')}} {{ $notification->data['ticket_id'] }}</p>
                                                                        <div class="small text-muted">
                                                                            {{ $notification->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    @endif
                                                    @if($notification->data['status'] == 'Re-Open')

                                                        <a class="dropdown-item border-bottom mark-as-read" href="{{$notification->data['clink']}}" data-id="{{ $notification->id }}">
                                                            <div class="d-flex align-items-center">
                                                                <div class="">
                                                                    <span class="bg-success-transparent brround fs-12 notifications"><i class="feather  feather-bell sidemenu_icon fs-20 text-success"></i></span>
                                                                </div>
                                                                <div class="d-flex">
                                                                    <div class="ps-3">
                                                                        <h6 class="mb-1">{{ Str::limit($notification->data['title'], '30') }}</h6>
                                                                        <p class="fs-13 mb-1 text-wrap">  {{lang('Your ticket has been Reopened', 'notification')}} {{ $notification->data['ticket_id'] }}</p>
                                                                        <div class="small text-muted">
                                                                            {{ $notification->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    @endif
                                                    @if($notification->data['status'] == 'Inprogress')

                                                        <a class="dropdown-item border-bottom mark-as-read" href="{{$notification->data['clink']}}" data-id="{{ $notification->id }}">
                                                            <div class="d-flex align-items-center">
                                                                <div class="">
                                                                    <span class="bg-success-transparent brround fs-12 notifications"><i class="feather  feather-bell sidemenu_icon fs-20 text-success"></i></span>
                                                                </div>
                                                                <div class="d-flex">
                                                                    <div class="ps-3">
                                                                        <h6 class="mb-1">{{ Str::limit($notification->data['title'], '30') }}</h6>
                                                                        <p class="fs-13 mb-1 text-wrap">   {{lang('You got a new reply on this ticket', 'notification')}} {{ $notification->data['ticket_id'] }}</p>
                                                                        <div class="small text-muted">
                                                                            {{ $notification->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    @endif
                                                    @if($notification->data['status'] == 'overdue')

                                                        <a class="dropdown-item border-bottom mark-as-read" href="{{$notification->data['clink']}}" data-id="{{ $notification->id }}">
                                                            <div class="d-flex align-items-center">
                                                                <div class="">
                                                                    <span class="bg-success-transparent brround fs-12 notifications"><i class="feather  feather-bell sidemenu_icon fs-20 text-success"></i></span>
                                                                </div>
                                                                <div class="d-flex">
                                                                    <div class="ps-3">
                                                                        <h6 class="mb-1">{{ Str::limit($notification->data['title'], '30') }}</h6>
                                                                        <p class="fs-13 mb-1 text-wrap">  {{lang('Your ticket status is Overdue', 'notification')}} {{ $notification->data['ticket_id'] }}</p>
                                                                        <div class="small text-muted">
                                                                            {{ $notification->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    @endif
                                                    
                                                    @if($notification->data['status'] == 'Suspend')

                                                        <a class="dropdown-item border-bottom mark-as-read" href="{{$notification->data['clink']}}" data-id="{{ $notification->id }}">
                                                            <div class="d-flex align-items-center">
                                                                <div class="">
                                                                    <span class="bg-success-transparent brround fs-12 notifications"><i class="feather  feather-bell sidemenu_icon fs-20 text-success"></i></span>
                                                                </div>
                                                                <div class="d-flex">
                                                                    <div class="ps-3">
                                                                        <h6 class="mb-1">{{ Str::limit($notification->data['title'], '30') }}</h6>
                                                                        <p class="fs-13 mb-1 text-wrap">  {{lang('Your ticket status is Suspend', 'notification')}} {{ $notification->data['ticket_id'] }}</p>
                                                                        <div class="small text-muted">
                                                                            {{ $notification->created_at->diffForHumans() }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    @endif
                                                    
                                                    
                                                    @if ($notification->data['status'] == 'mail')

                                                    <a class="dropdown-item border-bottom mark-as-read" href="{{route('customer.notiication.view', $notification->id)}}" >
                                                        <div class="d-flex ">
                                                            <div class="">
                                                                <span class="bg-success-transparent brround fs-12 notifications"><i class="feather feather-mail sidemenu_icon fs-20 text-success"></i></span>
                                                            </div>
                                                            <div class="d-flex">
                                                                <div class="ps-3">
                                                                    <h6 class="mb-1"> {{$notification->data['mailsubject']}}</h6>
                                                                    <p class="fs-13 mb-1 text-wrap">
                                                                        {{Str::limit($notification->data['mailtext'], '100', '.......')}}
                                                                    </p>
                                                                    <div class="small text-muted">
                                                                        {{ $notification->created_at->diffForHumans() }}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                    @endif
                                                @empty

                                                    <a class="dropdown-item border-bottom mark-as-read notification-dropdown" href="">
                                                        <div class="d-flex justify-content-center align-items-center">
                                                            <div class="d-flex">
                                                                <div class="ps-3 text-center">
                                                                    <img src="{{asset('assets/images/nonotification.png')}}" alt="">
                                                                    <p class="fs-13 mb-1 text-muted">{{lang('There are no new notifications to display', 'notification')}}</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                @endforelse
                                                
                                                
                                                	<script type="text/javascript">
													    //  Mark As Read
                                                        function sendMarkRequest(id = null) {
                                                            return $.ajax("{{ route('customer.markNotification') }}", {
                                                                method: 'GET',
                                                                data: {
                                                                    // _token,
                                                                    id
                                                                }
                                                            });
                                                        }
                                                        $('.mark-as-read').on('click', function() {
                                                            let request = sendMarkRequest($(this).data('id'));
                                                            request.done(() => {
                                                                $(this).parents('div.alert').remove();
                                                            });
                                                        });
													</script>