@forelse (auth()->user()->notifications as $notification)
<div class="notificationcontent notranslate">
    <div class="notifyLeft">
        <img src="{{ asset('frontend/img/notifybg.png') }}">
        <div class="article">
            @php
                $brandRejectionReason = $notification->data['reason'] ?? '';
                $userName = $notification->data['user'] ?? '';
                $getNotify = $notification->data['message'] ?? '';

                // Detect if there's an anchor tag in the message
                $hasAnchor = stripos($getNotify, '<a ') !== false;

                // Extract href URL from anchor tag if exists
                $url = '#';
                if ($hasAnchor) {
                    preg_match('/<a\s+href=["\']?([^"\'>]+)["\']?/', $getNotify, $matches);
                    if (isset($matches[1])) {
                        $url = $matches[1];
                    }
                    // If you want to get part before "url" word, fix this:
                    $notificationMessage = strstr($getNotify, 'url', true); // gets string before "url"
                } else {
                    $notificationMessage = null;
                }
            @endphp

            <h5>
                @if(isset($notificationMessage) && trim($notificationMessage) == "You can give review and rating by this button.")
                    {{ trim($notificationMessage) }}
                @else
                    {!! $getNotify !!}
                @endif
                <br>
                {{ $brandRejectionReason }}
            </h5>

            {{-- Show button only if anchor exists --}}
            @if($hasAnchor)
                <div style="display: inline-flex; align-items: center; gap: 6px; margin-top: 6px;">
                    <a href="{{ $url }}" target="_blank" title="Add Review" class="btn" style="font-size: 10px; border-radius: 4px; width: 70px; padding: 2px; background: #e63c2f; color:#fff;">
                        Add Review
                    </a>
                    <button type="button"
                            onclick="copyToClipboard('{{ $url }}')"
                            title="Copy Link"
                            class="btn btn-outline-secondary"
                            style="font-size: 8px; padding: 3px 6px; border-radius: 4px;">
                        <i class="fa fa-copy"></i>
                    </button>
                </div>
            @endif


            <p>{{ $notification->created_at->diffForHumans() }}</p>
        </div>
    </div>

    <div class="notifyRight">
        <div class="deleeditIcon_">
            @empty($notification->read_at)
                <a class="markbutton" href="{{ route('user.markReadNotification', ['id' => $notification->id, 'status' =>'1']) }}">
                    <i class="fas fa-book-reader"></i>
                </a>
            @endempty
            <a class="deleteNotificationButton" href="{{ route('notification.delete', ['id' => $notification->id, 'status' =>'1']) }}">
                <i class="fa fa-trash" aria-hidden="true"></i>
            </a>
        </div>

        @if(empty($notification->data['is_brand']) || $notification->data['is_brand'] != 1)
            <a href="#" data-url="{{ $notification->data['url'] ?? '#' }}" class="viewdetailbtn viewdetailNotication language{{ getDefaultTargetLanguage() }}" data-id="{{ $notification->id }}">
                {{ __("words.View Details") }}
            </a>
        @endif

        @if (!empty($notification['reply_button']))
            <button>sadasd</button>
        @endif
    </div>
</div>

@empty
    {{ __("words.There are no new notifications") }}
@endforelse

<script>
    function copyToClipboard(text) {
        if (navigator.clipboard) {
            navigator.clipboard.writeText(text).then(() => {
            }).catch(() => {
                alert('Failed to copy!');
            });
        } else {
            const input = document.createElement('input');
            input.value = text;
            document.body.appendChild(input);
            input.select();
            document.execCommand('copy');
            document.body.removeChild(input);
        }
    }
</script>