news360.uk
Open in
urlscan Pro
2a00:d70:0:b:2002:0:d91a:3c76
Public Scan
URL:
https://news360.uk/
Submission: On December 18 via api from BE — Scanned from CH
Submission: On December 18 via api from BE — Scanned from CH
Form analysis 51 forms found in the DOM
GET https://news360.uk/search
<form action="https://news360.uk/search" method="GET" autocomplete="off" class="flex items-center">
<div class="relative flex-1">
<!-- Search Input -->
<input type="text" name="q" x-model="query" @input.debounce.300ms="getSearchSuggestions" @click.outside="closeSearchSuggestions" placeholder="Search articles..."
class="w-full px-4 py-2 pr-10 border border-gray-300 rounded-lg focus:outline focus:outline-red-500 focus:ring-2 focus:ring-red-500 focus:border-transparent">
<!-- Loading Spinner -->
<div x-show="isLoading" class="absolute right-3 top-2.5" style="display: none;">
<svg class="animate-spin h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</div>
<!-- Search Button -->
<button type="submit" class="absolute right-3 top-2.5" x-show="!isLoading">
<svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</button>
</div>
</form>GET https://news360.uk/search
<form action="https://news360.uk/search" method="GET" class="relative">
<input type="text" name="q" x-model="query" @input.debounce.300ms="getSearchSuggestions" @click.outside="closeSearchSuggestions" placeholder="Search articles..."
class="w-full pl-4 pr-24 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-red-500">
<div class="absolute right-0 top-0 h-full flex items-center space-x-2 pr-2">
<!-- Close Search -->
<button type="button" id="close-mobile-search" @click="closeSearchSuggestions" class="p-2 hover:bg-gray-100 rounded-full">
<svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<!-- Submit Search -->
<button type="submit" class="p-2 hover:bg-gray-100 rounded-full">
<svg class="w-6 h-6 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</button>
</div>
<!-- Loading Spinner -->
<div x-show="isLoading" class="absolute right-16 top-4" style="display: none;">
<svg class="animate-spin h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</div>
<!-- Search Suggestions Dropdown -->
<div x-show="suggestions.length > 0" class="absolute left-0 right-0 mt-1 bg-white rounded-lg shadow-lg border border-gray-200 z-50" style="display: none;">
<ul class="py-2 max-h-[calc(100vh-120px)] overflow-y-auto">
<template x-for="suggestion in suggestions" :key="suggestion.id">
<li>
<a :href="'/news/' + suggestion.slug" class="flex items-start px-4 py-2 hover:bg-gray-100">
<div class="flex-1 min-w-0">
<p class="text-sm font-medium text-gray-900 line-clamp-1" x-text="suggestion.title"></p>
<p class="text-sm text-gray-500 line-clamp-2" x-text="suggestion.description"></p>
</div>
<div class="ml-2 flex-shrink-0 text-right">
<p class="text-xs text-gray-500" x-text="suggestion.date"></p>
<p class="text-xs text-red-600" x-text="suggestion.category"></p>
</div>
</a>
</li>
</template>
<li class="border-t border-gray-100">
<a :href="'/search?q=' + encodeURIComponent(query)" class="block px-4 py-2 text-sm text-red-600 hover:bg-gray-50 text-center font-medium" href="/search?q=">
Show all results
</a>
</li>
</ul>
</div>
</form><form onsubmit="submitComment(event, 863)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52916">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 868)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52915">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 869)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52915">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 873)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52914">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 874)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52914">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 875)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52914">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 882)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52913">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 883)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52913">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 887)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 888)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 889)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 890)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 891)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 899)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52911">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 901)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52910">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 902)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52910">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 909)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52909">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 910)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52909">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 914)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52908">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 921)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 922)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 923)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 924)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 925)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 863)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52916">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 868)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52915">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 869)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52915">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 873)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52914">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 874)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52914">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 875)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52914">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 882)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52913">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 883)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52913">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 887)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 888)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 889)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 890)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 891)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52912">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 899)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52911">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 901)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52910">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 902)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52910">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 909)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52909">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 910)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52909">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 914)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52908">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 921)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 922)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 923)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 924)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form onsubmit="submitComment(event, 925)" class="mt-4 comment-form bg-white border-gray-200 border-b pb-8 mb-8">
<input type="hidden" name="_token" value="jlowtbX9UzobKXju26sPTAGkWyCELRETole4AvDX" autocomplete="off"> <input type="hidden" name="article_id" value="52907">
<!-- User Input Section -->
<div class="flex gap-3 w-full">
<!-- Profile Picture -->
<!-- <div class="flex-shrink-0 items-center flex">
<div class="comment-avatar w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden flex-shrink-0">
<span class="text-sm font-medium text-gray-600">
?
</span>
</div>
</div> -->
<!-- Comment Input Area -->
<div class="relative w-full flex-col items-center bg-white border rounded-xl border-gray-200 hover:border-gray-300">
<textarea style="outline: none !important; border:none !important;box-shadow: none !important;" name="content" rows="1" class="block w-full px-4 py-2 text-sm text-gray-900 bg-transparent rounded-xl resize-none" placeholder="Write your text"
required=""></textarea>
<!-- Emoji Button positioned absolute over textarea -->
<div class="flex w-full justify-between px-2 pb-2">
<button id="emoji-button" type="button" onclick="toggleEmojiPicker(this)" class="opacity-full right-2 top-2 p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Emoji Picker Popup -->
<div class="emoji-picker hidden absolute right-0 top-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg p-2 z-50 w-[320px] max-h-[100px] overflow-y-auto">
<!-- Frequently Used -->
<div class="mb-8">
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👍')">👍</span>
<span onclick="insertEmoji('❤️')">❤️</span>
<span onclick="insertEmoji('🤣')">🤣</span>
<span onclick="insertEmoji('👏')">👏</span>
<span onclick="insertEmoji('🙏')">🙏</span>
<span onclick="insertEmoji('🔥')">🔥</span>
<span onclick="insertEmoji('😂')">😂</span>
<span onclick="insertEmoji('💯')">💯</span>
</div>
</div>
<!-- Smileys -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Smileys</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('😊')">😊</span>
<span onclick="insertEmoji('🥰')">🥰</span>
<span onclick="insertEmoji('😎')">😎</span>
<span onclick="insertEmoji('🤩')">🤩</span>
<span onclick="insertEmoji('😭')">😭</span>
<span onclick="insertEmoji('😅')">😅</span>
<span onclick="insertEmoji('😴')">😴</span>
<span onclick="insertEmoji('🤯')">🤯</span>
<span onclick="insertEmoji('🥳')">🥳</span>
<span onclick="insertEmoji('🤔')">🤔</span>
<span onclick="insertEmoji('🙄')">🙄</span>
<span onclick="insertEmoji('😤')">😤</span>
<span onclick="insertEmoji('😳')">😳</span>
<span onclick="insertEmoji('🥺')">🥺</span>
<span onclick="insertEmoji('😫')">😫</span>
<span onclick="insertEmoji('😱')">😱</span>
</div>
</div>
<!-- Gestures -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Gestures</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('👋')">👋</span>
<span onclick="insertEmoji('🤝')">🤝</span>
<span onclick="insertEmoji('👊')">👊</span>
<span onclick="insertEmoji('✌️')">✌️</span>
<span onclick="insertEmoji('🤞')">🤞</span>
<span onclick="insertEmoji('👌')">👌</span>
<span onclick="insertEmoji('🤌')">🤌</span>
<span onclick="insertEmoji('🤘')">🤘</span>
</div>
</div>
<!-- Symbols -->
<div class="mb-8">
<div class="text-xs text-gray-500 mb-2 px-1 text-left">Symbols</div>
<div class="grid grid-cols-8 gap-1">
<span onclick="insertEmoji('💖')">💖</span>
<span onclick="insertEmoji('💯')">💯</span>
<span onclick="insertEmoji('💢')">💢</span>
<span onclick="insertEmoji('💕')">💕</span>
<span onclick="insertEmoji('💫')">💫</span>
<span onclick="insertEmoji('💥')">💥</span>
<span onclick="insertEmoji('✨')">✨</span>
<span onclick="insertEmoji('🎉')">🎉</span>
</div>
</div>
</div>
</button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-medium hover:bg-red-700"> Kommentar </button>
</div>
</div>
</div>
</form><form x-on:submit.prevent="submitReport($event, commentId)">
<textarea name="reason" class="w-full border rounded p-2 mb-4" rows="3" required="" placeholder="Please provide details about why you are reporting this comment."></textarea>
<div class="flex justify-end gap-2">
<button type="button" class="px-4 py-2 rounded" @click="showModal = false"> Cancel </button>
<button type="submit" class="px-4 py-2 bg-red-600 text-white rounded"> Send </button>
</div>
</form>Text Content
Skip to main content Trending News by Location Latest News KATEGORIEN Business Culture Economy Education Entertainment Environment Health Politics Science Sports Technology Uncategorized * Search articles... Login Register * Show all results TRENDING NEWS Currently showing latest news as no trending articles are available. Trend words in United Kingdom Bluey animated film Matilda Djerf Arnold Schwarzenegger Real Madrid vs Chelsea Guinness shortage Waspi Mudryk Sara Sharif Rashford Fallon Sherrock Wisconsin Vanuatu Carabao Cup Jordan North Keely Hodgkinson Simpsons leaving Channel 4 Mishal Husain Sam Fender Alex Yee Cameron Menzies Omaze Andrew Ridgeley Tom Hardy Mark Cavendish Manchester Evening News 18.12.2024 GREGG WALLACE'S BBC MASTERCHEF REPLACEMENT SAYS 'I FEEL VERY LUCKY' John Torodewill be joined by a new face as a judge on the BBC cooking show after Gregg Wallace stepped back from TV duties following a series of alleg... 💬 0 0 Manchester Evening News 18.12.2024 NATIONAL GRID OUTLINES 'UNPRECEDENTED' £35BN INVESTMENT PLANS The FTSE 100 group said the investment would almost double the amount of energy that can be transported around the UK. 💬 0 0 Manchester Evening News 18.12.2024 DRIVERS WARNED DRIVING IN TWO TYPES OF COAT IS 'ILLEGAL' AND RISKS £100 FINE Motorists heading out all wrapped up for Christmas have been warned over driving in either big or puffy coats as we head towards the festive season. 💬 0 0 Manchester Evening News 18.12.2024 DWP DELAY MEANS STATE PENSIONERS WON'T GET TRIPLE LOCK INCREASE IN APRIL Instead, state pensioners will be forced to wait until May - a whole month - despite the Triple Lock hike coming into effect with a £470 uplift from t... 💬 0 0 Manchester Evening News 18.12.2024 JOEY BARTON CHARGED OVER 'MALICIOUS' SOCIAL MEDIA POSTS TOWARDS BBC PRESENTER 💬 0 0 Manchester Evening News 18.12.2024 POLICE WARNING OVER 'INEVITABLE' CUTS AS WEST MIDLANDS AMONG AREAS SET TO 'UNFAIRLY' LOSE OUT Police funding formulas are unfair and leave areas like the West Midlands worse off than leafier parts of the country, chief constables have warned. T... 💬 0 0 Manchester Evening News 18.12.2024 HOUSEHOLDS URGED TO TAKE CARE WITH FESTIVE FOOD HYGIENE AFTER 'RISKS' FINDINGS Some 45 of people are playing 💬 0 0 Manchester Evening News 18.12.2024 RUBEN AMORIM BREAKS SILENCE ON MARCUS RASHFORD'S UNITED FUTURE 💬 0 0 Manchester Evening News 18.12.2024 HMRC ISSUES WARNING TO STATE PENSIONERS OVER '£130 MONTHLY PAYENT DEDUCTION' HMRC has spoken out after a misleading video on social media began circulating, wrongly warning that the HMRC has alerted pensioners to a "£130 deduct... 💬 0 0 Manchester Evening News 18.12.2024 TRAIN DELAYS AFTER TREE BLOCKS TRACKS BETWEEN GLOUCESTER AND BRISTOL Travel disruption is expected through the morning 💬 0 0 Manchester Evening News 18.12.2024 STATE PENSIONERS URGED TO COME FORWARD FOR FREE £4,394 WHICH WILL RISE TO £10K Pensioner households have received an average of £4,300 each following a successful campaign that has helped claim millions in unclaimed benefits. 💬 0 0 Manchester Evening News 18.12.2024 LIVE: M5 CLOSURE AS VEHICLE SHEDS LOAD There may be delays 💬 0 0 Manchester Evening News 18.12.2024 DENTIST WARNS IGNORING 'NORMAL TOOTHACHE' COULD HAVE DEADLY CONSEQUENCES A dentist has warned Brits to take dental pain seriously, particularly if it's accompanied with other seemingly unconnected symptoms 💬 0 0 Manchester Evening News 18.12.2024 RUBEN AMORIM SPEAKS OUT ON MARCUS RASHFORD EXIT DESIRE AMID ASTON VILLA TRANSFER LINKS Aston Villa have been linked with a January transfer move for Manchester United forward Marcus Rashford, who has intimated his desire to leave 💬 0 0 Manchester Evening News 18.12.2024 REMARKABLE FIRST WORLD WAR TRENCHES IN GOSPORT LISTED AS HERITAGE SITE Practice trenches in Gosport believed to be perfect examples of those used in the First World War have been given heritage status. 💬 0 0 Manchester Evening News 18.12.2024 HALIFAX WARNS CUSTOMERS WITH HOUSES BUILT IN THIS YEAR COULD FACE 'PENALTY' Halifax has announced a new regime that will see it decide how much it is willing to lend on a property by taking into account its green rating based... 💬 0 0 Manchester Evening News 18.12.2024 PETER ANDRE SHARES HEARTFELT UPDATE ON HIS MUM'S HEALTH AS HE SAYS 'SHE'S NOT GREAT' Peter Andre appeared on Good Morning Britain today to speak to hosts Richard Madeley and Kate Garraway about his parents and their health, admitting i... 💬 0 0 Previous 1 Next Previous 1 / 2659 Next COMMENTS SCOTLAND LEARN OPPONENTS FOR 2026 FIFA WORLD CUP QUALIFIERS A abbeyroadfan 11 hours ago - Report Exciting draw! Football's great, but let's not forget our rights too. 👍 2 😐 1 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar KEY MATCH INCIDENT REVIEW PANEL OUTCOMES U uk_lover 11 hours ago - Report KMI outcomes matter, but let’s not forget grassroots issues! ⚽💔 👍 1 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar R rainydays_uk 11 hours ago - Report Totally feel ya! Grassroots vibes are where the heart’s at. KMI’s cool, but let’s keep the spirit alive down below! 🌿✨ 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar UEFA YOUTH B LICENCE O oxford_scholar 11 hours ago - Report The UEFA Youth B Licence is a solid step for aspiring coaches! My own journey in sports administration taught me the value of structured training programs, which really helps in fostering young talent. Great initiative! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar O oxbridge_guru 11 hours ago - Report Absolutely! The UEFA Youth B Licence is pivotal for coach development. 👍 1 😐 1 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar S stonehenge_trip 11 hours ago - Report Absolutely, structured training like the UEFA Youth B Licence is crucial! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH FOOTBALL ASSOCIATION R river_thames 11 hours ago - Report Scottish FA's all good, but let the clubs run wild! Less red tape, more footie! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar U uk_lover 11 hours ago - Report Absolutely agree! Clubs need freedom to thrive, not layers of red tape! 👍 1 😐 1 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH FOOTBALL BOARD & COMMITTEES T tower_bridge 11 hours ago - Report Interesting piece! Always thought community voices matter in football. 👍 0 😐 2 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar F football_fan 11 hours ago - Report Absolutely, mate! Community input's key, but too much regulation stifles it. Scottish Football Board & Committees need to empower, not restrict. 👍 1 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar M manchester_pride 11 hours ago - Report Totally agree! Community input's vital, but let’s not overregulate. The article on the Scottish Football Board highlights the need for balance. 👍 0 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar C countryside_uk 11 hours ago - Report Totally get that! But those boards need less meddling; let clubs thrive! 👍 0 😐 1 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar E englishgarden 11 hours ago - Report Totally agree! Community input is key, but let’s keep boards lean. Scottish football can benefit from less red tape and more action. 👍 0 😐 3 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar HERMES BRIDGE OF DON YFC U unionjackfan 11 hours ago - Report Love the community spirit with Hermes! Let's smash capitalism, yeah! ✊🏽 👍 0 😐 1 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar FOOTBALL DEVELOPMENT R river_thames 11 hours ago - Report Football development needs a solid plan. Been coaching for years, see it! 👍 0 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar S scottish_loch 11 hours ago - Report Totally agree! A strong plan's key for long-term progress, mate. 👍 2 😐 2 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH GAS HUB S scottish_loch 11 hours ago - Report Wow, the Scottish Gas Hub sparks such wild ideas! Makes me dream of eco-friendly art installations all over the highlands! 🌿✨ 👍 0 😐 2 👎 2 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar C cornish_pastie 11 hours ago - Report Aye, mate! The Gas Hub could really boost green projects in the Highlands! 👍 0 😐 4 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH FA JD PERFORMANCE SCHOOLS APPLICATION INFORMATION U uk_wanderer 11 hours ago - Report Great info! Getting kids into sports is fab for their growth. 🌱⚽️ 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTLAND MEN'S NATIONAL FOOTBALL TEAM F fish_and_chips 11 hours ago - Report Scotland’s squad looks fire! Can’t wait for the next match—bring it on! ⚽️🔥 👍 1 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar U uk_lover 11 hours ago - Report Absolutely buzzing for the squad! Let’s hope they play like true Scots! 🏴☠️ 👍 1 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar O oxbridge_guru 11 hours ago - Report Absolutely buzzing for it! Scotland’s got that fight! Let’s go! 🔥⚽️ 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar Q queen_fanatic 11 hours ago - Report Totally buzzing for the match! Scotland’s got skill and heart! 🏴☠️⚽️ Let's rally behind our team and keep the passion alive for the game. 👍 0 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar B beefeater_uk 11 hours ago - Report Totally buzzin' for the squad! Let's keep pushing for a fair game! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar Load more Komentieren (+10) Please Login to comment SCOTLAND LEARN OPPONENTS FOR 2026 FIFA WORLD CUP QUALIFIERS A abbeyroadfan 11 hours ago - Report Exciting draw! Football's great, but let's not forget our rights too. 👍 2 😐 1 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar KEY MATCH INCIDENT REVIEW PANEL OUTCOMES U uk_lover 11 hours ago - Report KMI outcomes matter, but let’s not forget grassroots issues! ⚽💔 👍 1 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar R rainydays_uk 11 hours ago - Report Totally feel ya! Grassroots vibes are where the heart’s at. KMI’s cool, but let’s keep the spirit alive down below! 🌿✨ 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar UEFA YOUTH B LICENCE O oxford_scholar 11 hours ago - Report The UEFA Youth B Licence is a solid step for aspiring coaches! My own journey in sports administration taught me the value of structured training programs, which really helps in fostering young talent. Great initiative! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar O oxbridge_guru 11 hours ago - Report Absolutely! The UEFA Youth B Licence is pivotal for coach development. 👍 1 😐 1 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar S stonehenge_trip 11 hours ago - Report Absolutely, structured training like the UEFA Youth B Licence is crucial! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH FOOTBALL ASSOCIATION R river_thames 11 hours ago - Report Scottish FA's all good, but let the clubs run wild! Less red tape, more footie! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar U uk_lover 11 hours ago - Report Absolutely agree! Clubs need freedom to thrive, not layers of red tape! 👍 1 😐 1 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH FOOTBALL BOARD & COMMITTEES T tower_bridge 11 hours ago - Report Interesting piece! Always thought community voices matter in football. 👍 0 😐 2 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar F football_fan 11 hours ago - Report Absolutely, mate! Community input's key, but too much regulation stifles it. Scottish Football Board & Committees need to empower, not restrict. 👍 1 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar M manchester_pride 11 hours ago - Report Totally agree! Community input's vital, but let’s not overregulate. The article on the Scottish Football Board highlights the need for balance. 👍 0 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar C countryside_uk 11 hours ago - Report Totally get that! But those boards need less meddling; let clubs thrive! 👍 0 😐 1 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar E englishgarden 11 hours ago - Report Totally agree! Community input is key, but let’s keep boards lean. Scottish football can benefit from less red tape and more action. 👍 0 😐 3 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar HERMES BRIDGE OF DON YFC U unionjackfan 11 hours ago - Report Love the community spirit with Hermes! Let's smash capitalism, yeah! ✊🏽 👍 0 😐 1 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar FOOTBALL DEVELOPMENT R river_thames 11 hours ago - Report Football development needs a solid plan. Been coaching for years, see it! 👍 0 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar S scottish_loch 11 hours ago - Report Totally agree! A strong plan's key for long-term progress, mate. 👍 2 😐 2 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH GAS HUB S scottish_loch 11 hours ago - Report Wow, the Scottish Gas Hub sparks such wild ideas! Makes me dream of eco-friendly art installations all over the highlands! 🌿✨ 👍 0 😐 2 👎 2 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar C cornish_pastie 11 hours ago - Report Aye, mate! The Gas Hub could really boost green projects in the Highlands! 👍 0 😐 4 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTTISH FA JD PERFORMANCE SCHOOLS APPLICATION INFORMATION U uk_wanderer 11 hours ago - Report Great info! Getting kids into sports is fab for their growth. 🌱⚽️ 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar SCOTLAND MEN'S NATIONAL FOOTBALL TEAM F fish_and_chips 11 hours ago - Report Scotland’s squad looks fire! Can’t wait for the next match—bring it on! ⚽️🔥 👍 1 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar U uk_lover 11 hours ago - Report Absolutely buzzing for the squad! Let’s hope they play like true Scots! 🏴☠️ 👍 1 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar O oxbridge_guru 11 hours ago - Report Absolutely buzzing for it! Scotland’s got that fight! Let’s go! 🔥⚽️ 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar Q queen_fanatic 11 hours ago - Report Totally buzzing for the match! Scotland’s got skill and heart! 🏴☠️⚽️ Let's rally behind our team and keep the passion alive for the game. 👍 0 😐 0 👎 1 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar B beefeater_uk 11 hours ago - Report Totally buzzin' for the squad! Let's keep pushing for a fair game! 👍 0 😐 0 👎 0 👍 ❤️ 🤣 👏 🙏 🔥 😂 💯 Smileys 😊 🥰 😎 🤩 😭 😅 😴 🤯 🥳 🤔 🙄 😤 😳 🥺 😫 😱 Gestures 👋 🤝 👊 ✌️ 🤞 👌 🤌 🤘 Symbols 💖 💯 💢 💕 💫 💥 ✨ 🎉 Kommentar Load more Close © 2024 - news360.uk About Us Privacy Imprint Contact About Us Privacy Imprint Contact © 2024 - News360 PRIVACY SETTINGS This website uses cookies and similar technologies to enhance user experience and deliver personalized advertising. Privacy Policy Reject Accept LOGIN REQUIRED Please login to interact with comments Login Cancel REPORT Cancel Send