<!DOCTYPE html>
<html lang="en" data-theme="light">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="theme-color" content="#000000">
    <meta name="csrf-token" content="3H5T4J7CrCr0GSYWIYgRj20isnBV3Y8X8XTkh5J4">
    <meta property="fb:app_id" content="219552058120195" />
    <meta name="fo-verify" content="aa5d604d-b0ae-4c1d-8e68-7be5b46e41be" />
    <meta name="facebook-domain-verification" content="iqvrxix2aevg8dl81bqtynxyztx7xf" />
                        <meta name="robots" content="max-snippet:-1,max-image-preview:large,max-video-preview:-1">
<link rel="canonical" href="https://tallahasseean.com">
<link rel="sitemap" title="Sitemap" href="/sitemap.xml" type="application/xml">
<meta name="description" content="Tallahasseean.com is the leading source for news, weather, events, tourist info, and community discussions in Tallahassee, Florida. Your hometown on the web.">
<title>Tallahasseean.com - Tallahassee News, Weather, Events, Tourist Info, &amp; Community</title>
<meta name="image" content="https://static.tallahasseean.com/social-share.jpg">
<meta property="og:title" content="Tallahasseean.com - Tallahassee News, Weather, Events, Tourist Info, &amp; Community">
<meta property="og:description" content="Tallahasseean.com is the leading source for news, weather, events, tourist info, and community discussions in Tallahassee, Florida. Your hometown on the web.">
<meta property="og:locale" content="en">
<meta property="og:image" content="https://static.tallahasseean.com/social-share.jpg">
<meta property="og:url" content="https://tallahasseean.com">
<meta property="og:site_name" content="Tallahasseean.com">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://static.tallahasseean.com/social-share.jpg">
<meta name="twitter:title" content="Tallahasseean.com - Tallahassee News, Weather, Events, Tourist Info, &amp; Community">
<meta name="twitter:description" content="Tallahasseean.com is the leading source for news, weather, events, tourist info, and community discussions in Tallahassee, Florida. Your hometown on the web.">
<meta name="twitter:site" content="@Tallahasseean">

        
    
    <link rel="alternate" hreflang="en-US" href="https://tallahasseean.com">
    <link rel="alternate" hreflang="x-default" href="https://tallahasseean.com">

    <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://tallahasseean.com"
        }
    ]
}</script>

    
    <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "Organization",
    "@id": "https://tallahasseean.com/#organization",
    "name": "Tallahasseean",
    "url": "https://tallahasseean.com/",
    "logo": {
        "@type": "ImageObject",
        "url": "https://tallahasseean.com/images/logo.png"
    },
    "areaServed": [
        {
            "@type": "City",
            "name": "Tallahassee"
        },
        {
            "@type": "AdministrativeArea",
            "name": "Leon County, Florida"
        }
    ],
    "description": "A locally-curated guide to Tallahassee. Places, events, news, and community for Florida's capital.",
    "sameAs": [
        "https://www.facebook.com/Tallahasseean",
        "https://twitter.com/Tallahasseean",
        "https://www.instagram.com/Tallahasseean/",
        "https://www.youtube.com/@Tallahasseean",
        "https://www.tiktok.com/@tallahasseean"
    ]
}</script>

    
    
    <script src="https://unpkg.com/img-comparison-slider@8/dist/index.js" defer></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:wght@400;700&display=swap"
        rel="stylesheet">
            
                    <link rel="preload" as="image" href="https://tallahasseean.com/img/capitol-night.webp">
            
    
        <link rel="preload" as="style" href="https://tallahasseean.com/build/assets/app-161fe981.css" /><link rel="stylesheet" href="https://tallahasseean.com/build/assets/app-161fe981.css" data-navigate-track="reload" />    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>

                <!-- Google tag (gtag.js) - Deferred for performance -->
        <script defer src="https://www.googletagmanager.com/gtag/js?id=G-4VXNCFWNCS"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'G-4VXNCFWNCS');
        </script>
        <!-- Meta Pixel Code - Deferred for performance -->
<script>
    window.addEventListener('load', function() {
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '705974725844566');
        fbq('track', 'PageView');
    });
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=705974725844566&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code -->
    <meta name='impact-site-verification' value='5a108857-3259-4731-98ee-940d7ed8460b'>
</head>

<body class="antialiased">
    <style>[x-cloak] { display: none !important; }</style>
<div x-data="{
        show: false,
        source: null,
        message: '',
        compareUrl: '',
        bgColor: '',
        textColor: '',

        init() {
            const referrer = document.referrer.toLowerCase();

            if (referrer.includes('facebook.com') || referrer.includes('fb.com') || referrer.includes('fbcdn.net')) {
                if (!this.getCookie('tlhsn_fb_banner_dismissed')) {
                    this.source = 'facebook';
                    this.message = 'Welcome! Looking for a better way to connect with Tallahassee?';
                    this.compareUrl = 'https://tallahasseean.com/compare/facebook';
                    this.bgColor = '#1877F2';
                    this.textColor = '#ffffff';
                    this.show = true;
                }
            }
            else if (referrer.includes('nextdoor.com') || referrer.includes('nextdoor.co')) {
                if (!this.getCookie('tlhsn_nd_banner_dismissed')) {
                    this.source = 'nextdoor';
                    this.message = 'Welcome! Discover a friendlier way to stay connected locally.';
                    this.compareUrl = 'https://tallahasseean.com/compare/nextdoor';
                    this.bgColor = '#8ED500';
                    this.textColor = '#1f2937';
                    this.show = true;
                }
            }
        },

        dismiss() {
            const cookieName = this.source === 'facebook' ? 'tlhsn_fb_banner_dismissed' : 'tlhsn_nd_banner_dismissed';
            const expires = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toUTCString();
            document.cookie = cookieName + '=1; expires=' + expires + '; path=/; SameSite=Lax';
            this.show = false;
        },

        getCookie(name) {
            const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
            return match ? match[2] : null;
        }
    }"
    x-show="show"
    x-cloak
    x-transition:enter="transition ease-out duration-300"
    x-transition:enter-start="opacity-0 -translate-y-full"
    x-transition:enter-end="opacity-100 translate-y-0"
    x-transition:leave="transition ease-in duration-200"
    x-transition:leave-start="opacity-100 translate-y-0"
    x-transition:leave-end="opacity-0 -translate-y-full"
    :style="{ backgroundColor: bgColor, color: textColor }"
    class="sticky top-0 z-50 w-full py-3 px-4 text-center shadow-md">
    <div class="max-w-4xl mx-auto flex items-center justify-center gap-3 flex-wrap pr-8">
        <span class="text-sm sm:text-base" x-text="message"></span>
        <a :href="compareUrl" class="font-semibold underline hover:no-underline text-sm sm:text-base">
            See how we're different
        </a>
    </div>
    <button @click="dismiss()"
        class="absolute right-3 top-1/2 -translate-y-1/2 p-1.5 rounded-full hover:bg-black/10 transition-colors"
        aria-label="Dismiss banner">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
        </svg>
    </button>
</div>
    <div class="nav-main">
    <div class="nav-main-bar">
                <!-- Mobile bottom row wrapper -->
        <div class="nav-mobile-bottom md:contents">
            <!-- Left side dropdown menu - navbar-start -->
            <div class="nav-section-start">
                <details class="nav-menu-dropdown">
                    <summary class="nav-menu-toggle flex items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" class="nav-menu-toggle-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
                        </svg>
                        <span class="hidden uppercase font-bold md:inline">Menu</span>
                    </summary>
                    <ul class="nav-menu-content">
                            <li class="nav-menu-item"><a href="https://tallahasseean.com">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
                                  </svg>
                                  Home</a></li>
                            <li class="nav-menu-item"><a href="https://tallahasseean.com/news">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z" />
                                </svg>

                                  News & Articles</a></li>
                            <li class="nav-menu-item"><a href="https://tallahasseean.com/events">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
                                  </svg>
                                  Events</a></li>
                            <li class="nav-menu-item"><a href="https://tallahasseean.com/places">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" />
                                  </svg>
                                  Things to do</a></li>
                            <li class="nav-menu-item"><a href="https://tallahasseean.com/community">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
                                </svg>
                                  Community</a></li>
                        <li class="nav-menu-item"><a href="https://tallahasseean.com/neighborhoods">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" />
                                </svg>
                                Neighborhoods</a></li>
                            <li class="nav-menu-item"><a href="https://tallahasseean.com/visitors">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46" />
                                  </svg>
                                  Visitors</a></li>
                    </ul>
                </details>
            </div>

            <!-- Right side icons - navbar-end -->
            <div class="nav-section-end">
                <div class="nav-controls">

                                            <div wire:snapshot="{&quot;data&quot;:{&quot;articleSearchType&quot;:&quot;all&quot;,&quot;eventSearchType&quot;:&quot;all&quot;,&quot;commentSearchType&quot;:&quot;all&quot;,&quot;placeSearchType&quot;:&quot;all&quot;,&quot;postSearchType&quot;:&quot;all&quot;,&quot;openSearchModal&quot;:false,&quot;query&quot;:&quot;&quot;,&quot;searchType&quot;:&quot;article&quot;,&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;t1InpnVDWwYBEUxYKQeg&quot;,&quot;name&quot;:&quot;site-search&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a2a0e2356fb640279b194d4ca614374fdfc8f3e9ae91d45ef13ece4ebc2968a6&quot;}" wire:effects="[]" wire:id="t1InpnVDWwYBEUxYKQeg" class="text-black">
    <button class="nav-search-btn" wire:click="showSearchModal">
        <svg xmlns="http://www.w3.org/2000/svg" class="nav-search-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <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" />
        </svg>
    </button>

    <div
    x-data="{ show: $wire.entangle('openSearchModal') }"
    x-modelable="show"
    x-on:close.stop="show = false"
    x-on:keydown.escape.window="show = false"
    x-show="show"
     
    id="855d6be3de754ec4488f8b93910f1a52"
    class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
    style="display: none;"
>
    <div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300"
         x-transition:enter-start="opacity-0"
         x-transition:enter-end="opacity-100"
         x-transition:leave="ease-in duration-200"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0">
        <div class="fixed inset-0 z-50 overflow-y-auto rounded-3xl backdrop-blur-sm bg-black bg-opacity-50"></div>
    </div>

    <div x-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:max-w-7xl sm:mx-auto"
         x-trap.inert.noscroll="show"
         x-transition:enter="ease-out duration-300"
         x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
         x-transition:leave="ease-in duration-200"
         x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
         x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
        <div class="px-6 py-4">
        <!--[if BLOCK]><![endif]-->            <div class="text-lg">
                Search <span class="font-bold hidden md:inline">Tallahasseean.com</span>
            <button wire:click.prevent="hideSearchModal()" wire:loading.attr="disabled" class="btn btn-error btn-sm btn-outline float-right">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
                </svg>
                Close
            </button>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        <div class="mt-4">
            <div class="text-center">
                <input type="text" id="q" wire:model.live.debounce.250ms="query" autocomplete="off" aria-label="Search input" placeholder="What are you searching for?" class="input input-bordered w-full lg:w-1/2 rounded-lg focus:border-primary"/>
            </div>

            <div class="search-tabs-wrapper desktop-tabs-active mt-4">
                <!-- Mobile Search Type Selector -->
                <div class="md:hidden mb-4">
                    <label for="mobileSearchType" class="sr-only">Select Search Type</label>
                    <select id="mobileSearchType" wire:model.live="searchType" class="select select-bordered w-full">
                        <option value="article">Articles <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></option>
                        <option value="place">Things To Do <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></option>
                        <option value="event">Events <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></option>
                        <option value="post">Community Posts <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></option>
                        <option value="comment">Member Comments <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></option>
                    </select>
                </div>

                <!-- Desktop Tabs -->
                <div role="tablist" class="tabs tabs-lift tabs-xl w-full justify-center">
                    <a class="hidden md:tab  tab-active " wire:click.prevent="setSearchType('article')">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-4 h-4 mr-2 text-accent" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z" />
                        </svg>
                        Articles <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </a>
                    <!--[if BLOCK]><![endif]-->                        <div class="block px-4 tab-content border-secondary md:p-6">
                                <div>
                                    Search in:
                                    <select wire:model.live="articleSearchType" wire:change="$refresh" class="select select-bordered text-base my-4">
                                        <option value="all">All Articles</option>
                                        <option value="news">News</option>
                                        <option value="weather">Weather</option>
                                        <option value="history">History</option>
                                    </select>
                                </div>

                                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->  
                        </div>
                    <!--[if ENDBLOCK]><![endif]-->

                    <a class="hidden md:tab " wire:click.prevent="setSearchType('place')">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-4 h-4 mr-2 text-accent" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" />
                        </svg>
                        Things To Do <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    
                    <a class="hidden md:tab " wire:click.prevent="setSearchType('event')">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-4 h-4 mr-2 text-accent" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
                        </svg>
                        Events <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <a class="hidden md:tab " wire:click.prevent="setSearchType('post')">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-4 h-4 mr-2 text-accent" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
                        </svg>
                        Community Posts <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <a class="hidden md:tab " wire:click.prevent="setSearchType('comment')">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-4 h-4 mr-2 text-accent" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
                        </svg>
                        Member Comments <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        </div>
    </div>

    <!--[if BLOCK]><![endif]-->        <div class="px-6 py-4 text-right">
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        </div>
    <!--[if ENDBLOCK]><![endif]-->
    </div>
</div>
    
    <script>
        document.addEventListener('livewire:initialized', () => {
            const component = window.Livewire.find('t1InpnVDWwYBEUxYKQeg');
            let searchInput = null;
            
            component.on('openSearchModalUpdated', (isOpen) => {
                if (isOpen) {
                    setTimeout(() => {
                        searchInput = document.getElementById('q');
                        if (searchInput) {
                            searchInput.focus();
                        }
                    }, 150);
                }
            });
            
            // Watch for changes to the openSearchModal property
            Livewire.hook('component.initialized', ({ component }) => {
                if (component.id === window.Livewire.find('t1InpnVDWwYBEUxYKQeg').id) {
                    Livewire.$wire.watch('openSearchModal', (value) => {
                        if (value) {
                            setTimeout(() => {
                                searchInput = document.getElementById('q');
                                if (searchInput) {
                                    searchInput.focus();
                                }
                            }, 150);
                        }
                    });
                }
            });
            
            // Maintain focus during Livewire updates
            let shouldMaintainFocus = false;
            
            // Before Livewire update, check if search input has focus
            Livewire.hook('morph.updating', ({ el, component }) => {
                if (component.id === window.Livewire.find('t1InpnVDWwYBEUxYKQeg').id) {
                    searchInput = document.getElementById('q');
                    shouldMaintainFocus = searchInput && document.activeElement === searchInput;
                }
            });
            
            // After Livewire update, restore focus if it was previously focused
            Livewire.hook('morph.updated', ({ el, component }) => {
                if (component.id === window.Livewire.find('t1InpnVDWwYBEUxYKQeg').id && shouldMaintainFocus) {
                    setTimeout(() => {
                        searchInput = document.getElementById('q');
                        if (searchInput) {
                            searchInput.focus();
                            // Restore cursor position to end
                            const length = searchInput.value.length;
                            searchInput.setSelectionRange(length, length);
                        }
                        shouldMaintainFocus = false;
                    }, 0);
                }
            });
        });
    </script>
</div>
                    
                    <!-- User Account Dropdown -->
                    <details class="nav-user-dropdown">
                        <summary class="nav-user-btn">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
                            </svg>
                        </summary>

                        <!-- Megamenu Content -->
                        <div class="nav-user-megamenu">
                                                            <!-- Guest User Menu -->
                                <div class="nav-megamenu-content nav-megamenu-content--guest">
                                    <div class="nav-megamenu-section">
                                        <h3 class="nav-megamenu-title">Get Started</h3>
                                        <div class="nav-megamenu-links">
                                            <a href="https://tallahasseean.com/login" class="nav-megamenu-link">
                                                <svg class="nav-megamenu-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
                                                </svg>
                                                Log&nbsp;In
                                            </a>
                                            <a href="https://tallahasseean.com/register" class="nav-megamenu-link">
                                                <svg class="nav-megamenu-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" />
                                                </svg>
                                                Register
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </details>

                                        <ul class="auth-menu px-1">
                        <li>
                            <a href="https://tallahasseean.com/login">
                                Log In
                            </a>
                        </li>
                        <li>
                            <a href="https://tallahasseean.com/register">
                                Register
                            </a>
                        </li>
                    </ul>
                    
                                    </div>
            </div>
        </div> <!-- Close nav-mobile-bottom wrapper -->
    </div>
</div>

<script>
    // Navigation JavaScript - Enhanced dropdown behavior with semantic classes
    document.addEventListener('DOMContentLoaded', function() {
        const navMenuDropdown = document.querySelector('.nav-menu-dropdown');
        const navUserDropdown = document.querySelector('.nav-user-dropdown');

        // Close dropdowns when clicking outside
        document.addEventListener('click', (event) => {
            // Close main menu dropdown
            if (!event.target.closest('.nav-menu-dropdown')) {
                if (navMenuDropdown) {
                    navMenuDropdown.removeAttribute('open');
                }
            }

            // Close user megamenu dropdown
            if (!event.target.closest('.nav-user-dropdown')) {
                if (navUserDropdown) {
                    navUserDropdown.removeAttribute('open');
                }
            }
        });

        // Handle escape key to close dropdowns
        document.addEventListener('keydown', (event) => {
            if (event.key === 'Escape') {
                if (navMenuDropdown) {
                    navMenuDropdown.removeAttribute('open');
                }
                if (navUserDropdown) {
                    navUserDropdown.removeAttribute('open');
                }
            }
        });
    });
</script>
    <div x-data="{&quot;show&quot;:true,&quot;style&quot;:&quot;success&quot;,&quot;message&quot;:null}"
            :class="{ 'bg-indigo-500': style == 'success', 'bg-red-700': style == 'danger' }"
            style="display: none;"
            x-show="show && message"
            x-init="
                document.addEventListener('banner-message', event => {
                    style = event.detail.style;
                    message = event.detail.message;
                    show = true;
                });
            ">
    <div class="max-w-screen-xl mx-auto py-2 px-3">
        <div class="flex items-center justify-between flex-wrap">
            <div class="w-0 flex-1 flex items-center min-w-0">
                <p class="ml-3 font-medium text-sm text-white truncate" x-text="message"></p>
            </div>

            <div class="flex-shrink-0 sm:ml-3">
                <button
                    type="button"
                    class="-mr-1 flex p-2 rounded-md focus:outline-none sm:-mr-2 transition ease-in-out duration-150"
                    :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger' }"
                    aria-label="Dismiss"
                    x-on:click="show = false">
                    <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
        </div>
    </div>
</div>

            <div id="hero" class="night">
            <div id="brand">Tallahasseean</div>

            <!-- Floating animated clouds -->
            <div id="floating-cloud-1">
                <img src="https://tallahasseean.com/img/cloud-1.webp" alt="Cloud" />
            </div>
            <div id="floating-cloud-2">
                <img src="https://tallahasseean.com/img/cloud-2.webp" alt="Cloud" />
            </div>
            <div id="floating-cloud-3">
                <img src="https://tallahasseean.com/img/cloud-3.webp" alt="Cloud" />
            </div>

            <div class="relative flex justify-center">
                <div id="cloud-left">
                    <img src="https://tallahasseean.com/img/cloud-front-left.webp" alt="Cloud" />
                </div>
                <div id="cloud-right">
                    <img src="https://tallahasseean.com/img/cloud-front-right.webp" alt="Cloud" />
                </div>
                <div class="capitol night">
                                            <img src="https://tallahasseean.com/img/capitol-night.webp" alt="Capitol Building" class="" fetchpriority="high" />
                                    </div>

                            </div>

            <!-- Bottom border cloud using same technique as left/right clouds -->
            <div id="cloud-bottom">
                <div class="cloud" id="cloud-bottom-back"></div>
                <div class="cloud" id="cloud-bottom-mid"></div>
                <div class="cloud" id="cloud-bottom-front"></div>
            </div>

            <!-- Transparent overlay to prevent accidental user interaction -->
            <div id="hero-overlay" class="absolute inset-0 pointer-events-auto select-none"
                style="z-index: 15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">
            </div>
        </div>
    
    <main>
        <div class="wrapper">
            <div wire:snapshot="{&quot;data&quot;:{&quot;alertShow&quot;:false,&quot;alertText&quot;:&quot;&quot;,&quot;alertType&quot;:&quot;info&quot;,&quot;alertClass&quot;:&quot;primary&quot;,&quot;showAlertUserPref&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;QsSaq0GpHdW1P1czyK12&quot;,&quot;name&quot;:&quot;show-alert&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;8233c7e9221c5ea62db3c8b285f6bc1b02fcb5c70d154f12fd8bfcaeacf3befc&quot;}" wire:effects="[]" wire:id="QsSaq0GpHdW1P1czyK12">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            
            
            
            
            
            <div class="content">

        
        <div class="flex justify-center mb-6">
            <div wire:snapshot="{&quot;data&quot;:{&quot;modalOnly&quot;:false,&quot;showModal&quot;:false,&quot;type&quot;:&quot;discussion&quot;,&quot;title&quot;:&quot;&quot;,&quot;body&quot;:&quot;&quot;,&quot;selectedTags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;neighborhoodId&quot;:null,&quot;price&quot;:null,&quot;isFree&quot;:false,&quot;marketplaceCategory&quot;:&quot;&quot;,&quot;pickupLocation&quot;:&quot;&quot;,&quot;pickupLatitude&quot;:null,&quot;pickupLongitude&quot;:null,&quot;showExactLocation&quot;:false,&quot;safetyCategory&quot;:&quot;&quot;,&quot;incidentDate&quot;:null,&quot;incidentTime&quot;:null,&quot;incidentLocation&quot;:&quot;&quot;,&quot;incidentLatitude&quot;:null,&quot;incidentLongitude&quot;:null,&quot;showIncidentLocation&quot;:false,&quot;isUrgent&quot;:false,&quot;policeNotified&quot;:false,&quot;lostFoundStatus&quot;:&quot;lost&quot;,&quot;lostFoundCategory&quot;:&quot;&quot;,&quot;petName&quot;:&quot;&quot;,&quot;petBreed&quot;:&quot;&quot;,&quot;petColor&quot;:&quot;&quot;,&quot;petSize&quot;:&quot;&quot;,&quot;petSex&quot;:&quot;&quot;,&quot;petCollar&quot;:&quot;&quot;,&quot;petMicrochipped&quot;:&quot;&quot;,&quot;lostFoundLocation&quot;:&quot;&quot;,&quot;lostFoundLatitude&quot;:null,&quot;lostFoundLongitude&quot;:null,&quot;lostFoundDate&quot;:null,&quot;lostFoundTime&quot;:null,&quot;rewardOffered&quot;:false,&quot;contactPhone&quot;:&quot;&quot;,&quot;recommendationCategory&quot;:&quot;&quot;,&quot;businessName&quot;:&quot;&quot;,&quot;businessAddress&quot;:&quot;&quot;,&quot;businessPhone&quot;:&quot;&quot;,&quot;businessWebsite&quot;:&quot;&quot;,&quot;recommendationRating&quot;:5,&quot;wouldRecommend&quot;:true,&quot;selectedPlaceId&quot;:null,&quot;freeStuffCategory&quot;:&quot;&quot;,&quot;freeStuffCondition&quot;:&quot;&quot;,&quot;pickupType&quot;:&quot;arrange&quot;,&quot;freeStuffLocation&quot;:&quot;&quot;,&quot;freeStuffLatitude&quot;:null,&quot;freeStuffLongitude&quot;:null,&quot;showFreeStuffLocation&quot;:false,&quot;editingPost&quot;:null,&quot;isEditMode&quot;:false,&quot;photos&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;existingPhotos&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;photosToDelete&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Wwh7foS5uAcem6rZe6Hf&quot;,&quot;name&quot;:&quot;create-post&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;4141260471-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;ee9cf9988fd8fe5898a2c159f51d1731249f6120fd8ea44dde515cef4f1afbe0&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;4141260471-0&quot;:&quot;&lt;script&gt;\n    (function() {\n        \/\/ Helper to dynamically load Leaflet (attached to window for access across scopes)\n        if (!window.loadLeaflet) {\n            window.loadLeaflet = function() {\n                return new Promise((resolve) =&gt; {\n                    if (typeof L !== &#039;undefined&#039;) {\n                        resolve();\n                        return;\n                    }\n\n                    \/\/ Check if already loading\n                    if (window._leafletLoading) {\n                        window._leafletLoading.then(resolve);\n                        return;\n                    }\n\n                    window._leafletLoading = new Promise((resolveLoad) =&gt; {\n                        \/\/ Load CSS\n                        const css = document.createElement(&#039;link&#039;);\n                        css.rel = &#039;stylesheet&#039;;\n                        css.href = &#039;https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css&#039;;\n                        css.integrity = &#039;sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=&#039;;\n                        css.crossOrigin = &#039;&#039;;\n                        document.head.appendChild(css);\n\n                        \/\/ Add custom style\n                        const style = document.createElement(&#039;style&#039;);\n                        style.textContent = &#039;.leaflet-container { font-family: inherit; }&#039;;\n                        document.head.appendChild(style);\n\n                        \/\/ Load JS\n                        const js = document.createElement(&#039;script&#039;);\n                        js.src = &#039;https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js&#039;;\n                        js.integrity = &#039;sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=&#039;;\n                        js.crossOrigin = &#039;&#039;;\n                        js.onload = () =&gt; {\n                            resolveLoad();\n                            resolve();\n                        };\n                        document.head.appendChild(js);\n                    });\n                });\n            };\n        }\n\n        \/\/ Location picker Alpine component for selecting pickup location on map\n        Alpine.data(&#039;locationPicker&#039;, (wireId, initialData = {}) =&gt; ({\n        wireId: wireId,\n        showPicker: false,\n        activeTab: &#039;map&#039;,\n        map: null,\n        miniMap: null,\n        miniMapInitializing: false,\n        selectedLat: null,\n        selectedLng: null,\n        locationName: &#039;&#039;,\n        locationText: &#039;&#039;,\n        geocodeTimeout: null,\n        \/\/ Saved location state (managed by Alpine, synced with Livewire)\n        savedLocation: initialData.location || &#039;&#039;,\n        savedLat: initialData.lat || null,\n        savedLng: initialData.lng || null,\n\n        init() {\n            \/\/ If we have initial location data, show the mini map\n            if (this.savedLocation &amp;&amp; this.savedLat &amp;&amp; this.savedLng) {\n                this.$nextTick(() =&gt; this.initMiniMap());\n            }\n            \/\/ Watch for tab changes to init map when switching to map tab\n            this.$watch(&#039;activeTab&#039;, (value) =&gt; {\n                if (value === &#039;map&#039; &amp;&amp; this.showPicker &amp;&amp; !this.map) {\n                    this.$nextTick(() =&gt; this.initMap());\n                }\n            });\n        },\n\n        destroy() {\n            \/\/ Called by Alpine when component is destroyed\n            this.destroyMap();\n        },\n\n        destroyMap() {\n            \/\/ Clear any pending geocode timeout\n            if (this.geocodeTimeout) {\n                clearTimeout(this.geocodeTimeout);\n                this.geocodeTimeout = null;\n            }\n\n            if (this.map) {\n                try {\n                    this.map.off(); \/\/ Remove all event listeners\n                    this.map.remove(); \/\/ Remove map from DOM\n                } catch (e) {\n                    \/\/ Ignore errors during cleanup\n                }\n                this.map = null;\n            }\n        },\n\n        togglePicker() {\n            this.showPicker = !this.showPicker;\n            if (this.showPicker &amp;&amp; this.activeTab === &#039;map&#039;) {\n                this.$nextTick(() =&gt; this.initMap());\n            } else if (!this.showPicker) {\n                this.destroyMap();\n            }\n        },\n\n        async initMap() {\n            if (this.map) return;\n\n            const container = this.$refs.mapContainer;\n            if (!container) return;\n\n            \/\/ Check if container already has a map (Leaflet adds this class)\n            if (container.classList.contains(&#039;leaflet-container&#039;)) return;\n\n            \/\/ Load Leaflet dynamically\n            await window.loadLeaflet();\n\n            \/\/ Double-check map wasn&#039;t initialized while loading\n            if (this.map || container.classList.contains(&#039;leaflet-container&#039;)) return;\n\n            \/\/ Check if container is visible (has dimensions)\n            if (container.offsetWidth === 0 || container.offsetHeight === 0) {\n                setTimeout(() =&gt; this.initMap(), 100);\n                return;\n            }\n\n            \/\/ Default to Tallahassee center\n            const defaultLat = 30.4383;\n            const defaultLng = -84.2807;\n\n            this.map = L.map(container).setView([defaultLat, defaultLng], 12);\n\n            L.tileLayer(&#039;https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png&#039;, {\n                attribution: &#039;&amp;copy; &lt;a href=\&quot;https:\/\/www.openstreetmap.org\/copyright\&quot;&gt;OpenStreetMap&lt;\/a&gt;&#039;,\n                maxZoom: 19\n            }).addTo(this.map);\n\n            \/\/ Add center crosshair overlay\n            const crosshair = L.DomUtil.create(&#039;div&#039;, &#039;map-crosshair&#039;);\n            crosshair.innerHTML = `\n                &lt;svg width=\&quot;40\&quot; height=\&quot;40\&quot; viewBox=\&quot;0 0 40 40\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;\n                    &lt;circle cx=\&quot;20\&quot; cy=\&quot;20\&quot; r=\&quot;8\&quot; stroke=\&quot;#6366f1\&quot; stroke-width=\&quot;3\&quot; fill=\&quot;white\&quot; fill-opacity=\&quot;0.8\&quot;\/&gt;\n                    &lt;line x1=\&quot;20\&quot; y1=\&quot;4\&quot; x2=\&quot;20\&quot; y2=\&quot;12\&quot; stroke=\&quot;#6366f1\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot;\/&gt;\n                    &lt;line x1=\&quot;20\&quot; y1=\&quot;28\&quot; x2=\&quot;20\&quot; y2=\&quot;36\&quot; stroke=\&quot;#6366f1\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot;\/&gt;\n                    &lt;line x1=\&quot;4\&quot; y1=\&quot;20\&quot; x2=\&quot;12\&quot; y2=\&quot;20\&quot; stroke=\&quot;#6366f1\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot;\/&gt;\n                    &lt;line x1=\&quot;28\&quot; y1=\&quot;20\&quot; x2=\&quot;36\&quot; y2=\&quot;20\&quot; stroke=\&quot;#6366f1\&quot; stroke-width=\&quot;2\&quot; stroke-linecap=\&quot;round\&quot;\/&gt;\n                &lt;\/svg&gt;\n            `;\n            crosshair.style.cssText = &#039;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; pointer-events: none;&#039;;\n            container.appendChild(crosshair);\n\n            \/\/ Update location display when map moves (but don&#039;t save yet)\n            this.map.on(&#039;moveend&#039;, () =&gt; {\n                \/\/ Safety check - ensure map still exists\n                if (!this.map) return;\n                try {\n                    const center = this.map.getCenter();\n                    this.selectedLat = center.lat;\n                    this.selectedLng = center.lng;\n                    this.reverseGeocodeOnly(center.lat, center.lng);\n                } catch (e) {\n                    \/\/ Map may have been destroyed\n                }\n            });\n\n            \/\/ Force map to recalculate size (fixes gray tiles issue in modal)\n            setTimeout(() =&gt; {\n                if (this.map) this.map.invalidateSize();\n            }, 200);\n        },\n\n        reverseGeocodeOnly(lat, lng) {\n            \/\/ Debounce to avoid too many API calls while dragging\n            if (this.geocodeTimeout) {\n                clearTimeout(this.geocodeTimeout);\n            }\n\n            this.geocodeTimeout = setTimeout(async () =&gt; {\n                try {\n                    const response = await fetch(\n                        `https:\/\/nominatim.openstreetmap.org\/reverse?format=json&amp;lat=${lat}&amp;lon=${lng}&amp;zoom=16`\n                    );\n                    const data = await response.json();\n\n                    if (data.address) {\n                        \/\/ Build a readable location name\n                        const parts = [];\n                        if (data.address.neighbourhood) parts.push(data.address.neighbourhood);\n                        else if (data.address.suburb) parts.push(data.address.suburb);\n                        else if (data.address.hamlet) parts.push(data.address.hamlet);\n\n                        if (data.address.city) parts.push(data.address.city);\n                        else if (data.address.town) parts.push(data.address.town);\n                        else if (data.address.village) parts.push(data.address.village);\n\n                        this.locationName = parts.length &gt; 0 ? parts.join(&#039;, &#039;) : &#039;Selected location&#039;;\n                    } else {\n                        this.locationName = &#039;Selected location&#039;;\n                    }\n                } catch (error) {\n                    console.error(&#039;Reverse geocode error:&#039;, error);\n                    this.locationName = &#039;Selected location&#039;;\n                }\n            }, 300); \/\/ 300ms debounce\n        },\n\n        async confirmMapLocation() {\n            if (this.selectedLat &amp;&amp; this.selectedLng &amp;&amp; this.locationName) {\n                const component = Livewire.find(this.wireId);\n                if (component) {\n                    try {\n                        await component.call(&#039;setLocation&#039;, this.locationName, this.selectedLat, this.selectedLng);\n                        \/\/ Destroy the picker map before switching views\n                        this.destroyMap();\n                        \/\/ Update Alpine state to show saved location\n                        this.savedLocation = this.locationName;\n                        this.savedLat = this.selectedLat;\n                        this.savedLng = this.selectedLng;\n                        this.showPicker = false;\n                        \/\/ Initialize mini map after state update\n                        this.$nextTick(() =&gt; this.initMiniMap());\n                    } catch (e) {\n                        console.error(&#039;setLocation call failed:&#039;, e);\n                    }\n                }\n            }\n        },\n\n        async confirmTextLocation() {\n            if (this.locationText) {\n                const component = Livewire.find(this.wireId);\n                if (component) {\n                    try {\n                        await component.call(&#039;setLocation&#039;, this.locationText, null, null);\n                        \/\/ Update Alpine state to show saved location (no coordinates)\n                        this.savedLocation = this.locationText;\n                        this.savedLat = null;\n                        this.savedLng = null;\n                        this.showPicker = false;\n                    } catch (e) {\n                        console.error(&#039;setLocation call failed:&#039;, e);\n                    }\n                }\n            }\n        },\n\n        async clearSavedLocation() {\n            const component = Livewire.find(this.wireId);\n            if (component) {\n                try {\n                    await component.call(&#039;clearLocation&#039;);\n                    \/\/ Clear Alpine state\n                    this.savedLocation = &#039;&#039;;\n                    this.savedLat = null;\n                    this.savedLng = null;\n                    this.destroyMiniMap();\n                } catch (e) {\n                    console.error(&#039;clearLocation call failed:&#039;, e);\n                }\n            }\n        },\n\n        async initMiniMap() {\n            if (!this.savedLat || !this.savedLng) return;\n            if (this.miniMap || this.miniMapInitializing) return; \/\/ Already initialized or in progress\n\n            this.miniMapInitializing = true;\n\n            const container = this.$refs.miniMapContainer;\n            if (!container) {\n                this.miniMapInitializing = false;\n                return;\n            }\n            if (container.classList.contains(&#039;leaflet-container&#039;)) {\n                this.miniMapInitializing = false;\n                return;\n            }\n\n            await window.loadLeaflet();\n\n            \/\/ Small delay to ensure container is visible and has dimensions\n            await new Promise(resolve =&gt; setTimeout(resolve, 100));\n\n            this.miniMap = L.map(container, {\n                zoomControl: false,\n                dragging: false,\n                touchZoom: false,\n                scrollWheelZoom: false,\n                doubleClickZoom: false,\n                boxZoom: false,\n                keyboard: false\n            }).setView([this.savedLat, this.savedLng], 14);\n\n            L.tileLayer(&#039;https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png&#039;, {\n                attribution: &#039;&amp;copy; OSM&#039;,\n                maxZoom: 18\n            }).addTo(this.miniMap);\n\n            \/\/ Add marker\n            const markerIcon = L.divIcon({\n                html: &#039;&lt;svg class=\&quot;w-8 h-8 text-primary\&quot; fill=\&quot;currentColor\&quot; viewBox=\&quot;0 0 24 24\&quot;&gt;&lt;path d=\&quot;M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\&quot;\/&gt;&lt;\/svg&gt;&#039;,\n                className: &#039;bg-transparent&#039;,\n                iconSize: [32, 32],\n                iconAnchor: [16, 32]\n            });\n            L.marker([this.savedLat, this.savedLng], { icon: markerIcon }).addTo(this.miniMap);\n\n            \/\/ Force a resize to ensure tiles load\n            this.miniMap.invalidateSize();\n            this.miniMapInitializing = false;\n        },\n\n        destroyMiniMap() {\n            if (this.miniMap) {\n                try {\n                    this.miniMap.off();\n                    this.miniMap.remove();\n                } catch (e) {\n                    \/\/ Ignore errors during cleanup\n                }\n                this.miniMap = null;\n            }\n        },\n\n        resetPicker() {\n            this.showPicker = false;\n            this.selectedLat = null;\n            this.selectedLng = null;\n            this.locationName = &#039;&#039;;\n            this.locationText = &#039;&#039;;\n            this.destroyMap();\n        }\n    }));\n\n    \/\/ Mini map display for showing selected location (read-only)\n    Alpine.data(&#039;miniMapDisplay&#039;, (lat, lng) =&gt; ({\n        map: null,\n\n        async initMap() {\n            if (this.map) return;\n\n            \/\/ Load Leaflet dynamically\n            await window.loadLeaflet();\n\n            this.map = L.map(this.$el, {\n                zoomControl: false,\n                dragging: false,\n                touchZoom: false,\n                scrollWheelZoom: false,\n                doubleClickZoom: false,\n                boxZoom: false,\n                keyboard: false\n            }).setView([lat, lng], 14);\n\n            L.tileLayer(&#039;https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png&#039;, {\n                attribution: &#039;&amp;copy; OSM&#039;,\n                maxZoom: 19\n            }).addTo(this.map);\n\n            L.marker([lat, lng]).addTo(this.map);\n\n            setTimeout(() =&gt; this.map.invalidateSize(), 100);\n        }\n    }));\n    })();\n&lt;\/script&gt;\n    &quot;},&quot;listeners&quot;:[&quot;openCreatePostModal&quot;,&quot;locationSelected&quot;,&quot;placeSelected&quot;,&quot;openEditPostModal&quot;,&quot;incidentLocationSelected&quot;,&quot;lostFoundLocationSelected&quot;,&quot;freeStuffLocationSelected&quot;]}" wire:id="Wwh7foS5uAcem6rZe6Hf">
    
    <!--[if BLOCK]><![endif]-->        <style>
            .create-post-btn {
                --gradient-angle: 0deg;
                position: relative;
                padding: 14px 28px;
                margin-top: -12px;
                margin-bottom: 12px;
                font-size: 1rem;
                font-weight: 600;
                color: #333;
                background: #fff;
                border: none;
                border-radius: 50px;
                cursor: pointer;
                overflow: hidden;
                transition: all 0.3s ease;
                z-index: 1;
            }

            .create-post-btn::before {
                content: '';
                position: absolute;
                inset: -3px;
                border-radius: 52px;
                background: conic-gradient(
                    from var(--gradient-angle),
                    var(--brand-secondary),
                    var(--brand-accent),
                    var(--brand-primary-light),
                    var(--brand-secondary),
                    var(--brand-accent),
                    var(--brand-primary-light),
                    var(--brand-secondary)
                );
                z-index: -2;
                animation: rotate-gradient 3s linear infinite;
            }

            .create-post-btn::after {
                content: '';
                position: absolute;
                inset: 1px;
                border-radius: 48px;
                background: #fff;
                z-index: -1;
                transition: opacity 0.3s ease;
            }

            .create-post-btn:hover {
                transform: translateY(-2px);
                box-shadow:
                    0 10px 40px -10px rgba(242, 53, 134, 0.5),
                    0 0 20px rgba(53, 212, 242, 0.4);
            }

            .create-post-btn:hover::after {
                opacity: 0.9;
            }

            .create-post-btn:active {
                transform: translateY(0);
            }

            .create-post-btn-content {
                position: relative;
                display: flex;
                align-items: center;
                gap: 10px;
                z-index: 1;
            }

            .create-post-btn .sparkle {
                position: absolute;
                width: 3px;
                height: 3px;
                background: rgba(242, 53, 134, 0.5);
                border-radius: 50%;
                opacity: 0;
                animation: sparkle 2s ease-in-out infinite;
            }

            .create-post-btn .sparkle:nth-child(1) { top: 7%; left: 21%; animation-delay: 0s; }
            .create-post-btn .sparkle:nth-child(2) { top: 60%; left: 75%; animation-delay: 0.5s; }
            .create-post-btn .sparkle:nth-child(3) { top: 93%; left: 33%; animation-delay: 1s; }
            .create-post-btn .sparkle:nth-child(4) { top: 45%; left: 93%; animation-delay: 1.5s; }

            @keyframes rotate-gradient {
                0% { --gradient-angle: 0deg; }
                100% { --gradient-angle: 360deg; }
            }

            @keyframes sparkle {
                0%, 100% { opacity: 0; transform: scale(0); }
                50% { opacity: 1; transform: scale(1); }
            }

            @property --gradient-angle {
                syntax: '<angle>';
                initial-value: 0deg;
                inherits: false;
            }
        </style>

        <!--[if BLOCK]><![endif]-->            <a
                href="https://tallahasseean.com/login"
                class="create-post-btn"
                style="display: inline-block;"
            >
                <span class="create-post-btn-content">
                    <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 20h9"></path>
                        <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
                        <circle cx="19" cy="5" r="1" fill="currentColor" stroke="none" class="animate-pulse"></circle>
                    </svg>
                    <span>Sign in to Post</span>
                </span>
            </a>
        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>

            </div>

        
        <div wire:snapshot="{&quot;data&quot;:{&quot;mode&quot;:&quot;smart&quot;,&quot;contentType&quot;:null,&quot;postType&quot;:null,&quot;locationTag&quot;:null,&quot;neighborhood&quot;:null,&quot;perPage&quot;:15,&quot;page&quot;:1,&quot;hasMorePages&quot;:true,&quot;feedError&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;NULc229lvowhMGqmjUbz&quot;,&quot;name&quot;:&quot;feed&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;9abc3b9a6f6c1436f49685e02a36fce2b884272d2da303a8723c88d7e09690ac&quot;}" wire:effects="{&quot;url&quot;:{&quot;mode&quot;:{&quot;as&quot;:&quot;mode&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;smart&quot;},&quot;contentType&quot;:{&quot;as&quot;:&quot;contentType&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;postType&quot;:{&quot;as&quot;:&quot;postType&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;locationTag&quot;:{&quot;as&quot;:&quot;locationTag&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;neighborhood&quot;:{&quot;as&quot;:&quot;neighborhood&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}},&quot;listeners&quot;:[&quot;refreshFeed&quot;]}" wire:id="NULc229lvowhMGqmjUbz" class="feed-container">
    
    <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between mb-6 gap-4">
        <div class="flex rounded-lg overflow-hidden bg-gray-100 p-1">
            <button
                wire:click="setMode('smart')"
                class="px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 bg-white text-primary shadow-sm"
            >
                <svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
                </svg>
                For You
            </button>
            <button
                wire:click="setMode('new')"
                class="px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 text-gray-600 hover:text-gray-900"
            >
                <svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
                </svg>
                New
            </button>
            <button
                wire:click="setMode('top')"
                class="px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 text-gray-600 hover:text-gray-900"
            >
                <svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
                </svg>
                Top
            </button>
        </div>

        
        <div class="feed-filters flex flex-wrap gap-1.5 sm:gap-2 items-center w-full sm:w-auto">
            
            
            
            
            
            
            <!--[if BLOCK]><![endif]-->                
                <div
    x-data="{
        open: false,
        search: '',
        disabled: false,
        selectedValue: $wire.entangle('contentType', { live: true }),
        selectedLabel: '',
        options: JSON.parse('[{\u0022value\u0022:\u0022article\u0022,\u0022label\u0022:\u0022Articles\u0022},{\u0022value\u0022:\u0022event\u0022,\u0022label\u0022:\u0022Events\u0022},{\u0022value\u0022:\u0022place\u0022,\u0022label\u0022:\u0022Things to Do\u0022},{\u0022value\u0022:\u0022post\u0022,\u0022label\u0022:\u0022Community Posts\u0022}]'),
        placeholder: 'Content',
        get filteredOptions() {
            if (!this.search) return this.options;
            return this.options.filter(opt =>
                opt.label.toLowerCase().includes(this.search.toLowerCase())
            );
        },
        init() {
            this.updateSelectedLabel();
            this.$watch('selectedValue', () => this.updateSelectedLabel());
        },
        updateSelectedLabel() {
            if (!this.selectedValue) {
                this.selectedLabel = '';
                return;
            }
            const found = this.options.find(opt => String(opt.value) === String(this.selectedValue));
            this.selectedLabel = found ? found.label : '';
        },
        selectOption(value, label) {
            if (this.disabled) return;
            this.selectedValue = value;
            this.selectedLabel = label;
            this.search = '';
            this.open = false;
            
        },
        clear() {
            if (this.disabled) return;
            this.selectedValue = '';
            this.selectedLabel = '';
            this.search = '';
                    },
        toggle() {
            if (this.disabled) return;
            this.open = !this.open;
            if (this.open) {
                this.$nextTick(() => this.$refs.searchInput.focus());
            }
        }
    }"
    @click.away="open = false; search = ''"
    class="relative inline-block feed-filter-select"
>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <button
        type="button"
        @click="toggle()"
        class="w-full text-sm border-gray-200 rounded-lg focus:ring-primary focus:border-primary bg-white border px-3 py-2 text-left flex items-center justify-between gap-2"
        :class="disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : ''"
    >
        <span x-text="selectedLabel || placeholder" :class="selectedLabel && !disabled ? 'text-gray-900' : 'text-gray-500'" class="truncate"></span>
        <div class="flex items-center gap-1">
            <template x-if="selectedValue && !disabled">
                <button
                    type="button"
                    @click.stop="clear()"
                    class="text-gray-400 hover:text-gray-600"
                >
                    <svg class="w-4 h-4" 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" />
                    </svg>
                </button>
            </template>
            <svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </div>
    </button>

    
    <div
        x-show="open"
        x-transition:enter="transition ease-out duration-100"
        x-transition:enter-start="opacity-0 scale-95"
        x-transition:enter-end="opacity-100 scale-100"
        x-transition:leave="transition ease-in duration-75"
        x-transition:leave-start="opacity-100 scale-100"
        x-transition:leave-end="opacity-0 scale-95"
        class="absolute z-[9999] w-full bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden top-full mt-1"
        style="min-width: 200px;"
    >
        
        <div class="p-2 border-b border-gray-100">
            <input
                type="text"
                x-ref="searchInput"
                x-model="search"
                @keydown.escape="open = false; search = ''"
                placeholder="Search..."
                class="w-full text-sm border-gray-200 rounded-md focus:ring-primary focus:border-primary px-3 py-1.5"
            >
        </div>

        
        <ul class="max-h-60 overflow-y-auto">
            <li>
                <button
                    type="button"
                    @click="selectOption('', '')"
                    class="w-full text-left px-3 py-2 text-sm hover:bg-gray-100 text-gray-500"
                    :class="{ 'bg-gray-50': !selectedValue }"
                >
                    Content
                </button>
            </li>
            <template x-for="option in filteredOptions" :key="option.value">
                <li>
                    <button
                        type="button"
                        @click="selectOption(option.value, option.label)"
                        class="w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center justify-between"
                        :class="{ 'bg-primary/10 text-primary': typeof selectedValue !== 'undefined' && String(selectedValue) === String(option.value) }"
                    >
                        <span x-text="option.label"></span>
                        <svg x-show="typeof selectedValue !== 'undefined' && String(selectedValue) === String(option.value)" class="w-4 h-4 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                        </svg>
                    </button>
                </li>
            </template>
            <li x-show="filteredOptions.length === 0" class="px-3 py-2 text-sm text-gray-500">
                No results found
            </li>
        </ul>
    </div>
</div>
            <!--[if ENDBLOCK]><![endif]-->            

            
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            
            <!--[if BLOCK]><![endif]-->                <div class="relative" wire:key="area-filter-enabled">
                    <div
    x-data="{
        open: false,
        search: '',
        disabled: false,
        selectedValue: $wire.entangle('locationTag', { live: true }),
        selectedLabel: '',
        options: JSON.parse('[{\u0022value\u0022:\u0022college-town\u0022,\u0022label\u0022:\u0022College Town\u0022},{\u0022value\u0022:\u0022downtown\u0022,\u0022label\u0022:\u0022Downtown\u0022},{\u0022value\u0022:\u0022east-side\u0022,\u0022label\u0022:\u0022East Side\u0022},{\u0022value\u0022:\u0022midtown\u0022,\u0022label\u0022:\u0022Midtown\u0022},{\u0022value\u0022:\u0022nearby\u0022,\u0022label\u0022:\u0022Nearby\u0022},{\u0022value\u0022:\u0022north-side\u0022,\u0022label\u0022:\u0022North Side\u0022},{\u0022value\u0022:\u0022northwest-side\u0022,\u0022label\u0022:\u0022Northwest Side\u0022},{\u0022value\u0022:\u0022south-side\u0022,\u0022label\u0022:\u0022South Side\u0022},{\u0022value\u0022:\u0022west-side\u0022,\u0022label\u0022:\u0022West Side\u0022}]'),
        placeholder: 'Area',
        get filteredOptions() {
            if (!this.search) return this.options;
            return this.options.filter(opt =>
                opt.label.toLowerCase().includes(this.search.toLowerCase())
            );
        },
        init() {
            this.updateSelectedLabel();
            this.$watch('selectedValue', () => this.updateSelectedLabel());
        },
        updateSelectedLabel() {
            if (!this.selectedValue) {
                this.selectedLabel = '';
                return;
            }
            const found = this.options.find(opt => String(opt.value) === String(this.selectedValue));
            this.selectedLabel = found ? found.label : '';
        },
        selectOption(value, label) {
            if (this.disabled) return;
            this.selectedValue = value;
            this.selectedLabel = label;
            this.search = '';
            this.open = false;
            
        },
        clear() {
            if (this.disabled) return;
            this.selectedValue = '';
            this.selectedLabel = '';
            this.search = '';
                    },
        toggle() {
            if (this.disabled) return;
            this.open = !this.open;
            if (this.open) {
                this.$nextTick(() => this.$refs.searchInput.focus());
            }
        }
    }"
    @click.away="open = false; search = ''"
    class="relative inline-block feed-filter-select"
>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <button
        type="button"
        @click="toggle()"
        class="w-full text-sm border-gray-200 rounded-lg focus:ring-primary focus:border-primary bg-white border px-3 py-2 text-left flex items-center justify-between gap-2"
        :class="disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : ''"
    >
        <span x-text="selectedLabel || placeholder" :class="selectedLabel && !disabled ? 'text-gray-900' : 'text-gray-500'" class="truncate"></span>
        <div class="flex items-center gap-1">
            <template x-if="selectedValue && !disabled">
                <button
                    type="button"
                    @click.stop="clear()"
                    class="text-gray-400 hover:text-gray-600"
                >
                    <svg class="w-4 h-4" 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" />
                    </svg>
                </button>
            </template>
            <svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </div>
    </button>

    
    <div
        x-show="open"
        x-transition:enter="transition ease-out duration-100"
        x-transition:enter-start="opacity-0 scale-95"
        x-transition:enter-end="opacity-100 scale-100"
        x-transition:leave="transition ease-in duration-75"
        x-transition:leave-start="opacity-100 scale-100"
        x-transition:leave-end="opacity-0 scale-95"
        class="absolute z-[9999] w-full bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden top-full mt-1"
        style="min-width: 200px;"
    >
        
        <div class="p-2 border-b border-gray-100">
            <input
                type="text"
                x-ref="searchInput"
                x-model="search"
                @keydown.escape="open = false; search = ''"
                placeholder="Search..."
                class="w-full text-sm border-gray-200 rounded-md focus:ring-primary focus:border-primary px-3 py-1.5"
            >
        </div>

        
        <ul class="max-h-60 overflow-y-auto">
            <li>
                <button
                    type="button"
                    @click="selectOption('', '')"
                    class="w-full text-left px-3 py-2 text-sm hover:bg-gray-100 text-gray-500"
                    :class="{ 'bg-gray-50': !selectedValue }"
                >
                    Area
                </button>
            </li>
            <template x-for="option in filteredOptions" :key="option.value">
                <li>
                    <button
                        type="button"
                        @click="selectOption(option.value, option.label)"
                        class="w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center justify-between"
                        :class="{ 'bg-primary/10 text-primary': typeof selectedValue !== 'undefined' && String(selectedValue) === String(option.value) }"
                    >
                        <span x-text="option.label"></span>
                        <svg x-show="typeof selectedValue !== 'undefined' && String(selectedValue) === String(option.value)" class="w-4 h-4 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                        </svg>
                    </button>
                </li>
            </template>
            <li x-show="filteredOptions.length === 0" class="px-3 py-2 text-sm text-gray-500">
                No results found
            </li>
        </ul>
    </div>
</div>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            <!--[if ENDBLOCK]><![endif]-->
            
            
            
            
            
            
            <!--[if BLOCK]><![endif]-->                                <div class="relative" wire:key="neighborhood-filter-enabled">
                    <div
    x-data="{
        open: false,
        search: '',
        disabled: false,
        selectedValue: $wire.entangle('neighborhood', { live: true }),
        selectedLabel: '',
        options: JSON.parse('[{\u0022value\u0022:\u00226651-8915-buck-lake-s\u0022,\u0022label\u0022:\u00226651-8915 Buck Lake S\u0022},{\u0022value\u0022:\u0022770-at-appleyard\u0022,\u0022label\u0022:\u0022770 at Appleyard\u0022},{\u0022value\u0022:\u0022acorn-grove\u0022,\u0022label\u0022:\u0022Acorn Grove\u0022},{\u0022value\u0022:\u0022adiron-woods\u0022,\u0022label\u0022:\u0022Adiron Woods\u0022},{\u0022value\u0022:\u0022aenon-sunbeam\u0022,\u0022label\u0022:\u0022Aenon Sunbeam\u0022},{\u0022value\u0022:\u0022amber-valleymillwood\u0022,\u0022label\u0022:\u0022Amber Valley\\\/Millwood\u0022},{\u0022value\u0022:\u0022antlers\u0022,\u0022label\u0022:\u0022Antlers\u0022},{\u0022value\u0022:\u0022arbor-hill\u0022,\u0022label\u0022:\u0022Arbor Hill\u0022},{\u0022value\u0022:\u0022arbor-view\u0022,\u0022label\u0022:\u0022Arbor View\u0022},{\u0022value\u0022:\u0022arvah-branch\u0022,\u0022label\u0022:\u0022Arvah Branch\u0022},{\u0022value\u0022:\u0022ashford-glen\u0022,\u0022label\u0022:\u0022Ashford Glen\u0022},{\u0022value\u0022:\u0022ashton-woods\u0022,\u0022label\u0022:\u0022Ashton Woods\u0022},{\u0022value\u0022:\u0022astoria-park\u0022,\u0022label\u0022:\u0022Astoria Park\u0022},{\u0022value\u0022:\u0022augustine\u0022,\u0022label\u0022:\u0022Augustine\u0022},{\u0022value\u0022:\u0022avondale\u0022,\u0022label\u0022:\u0022Avondale\u0022},{\u0022value\u0022:\u0022bainbridge-place\u0022,\u0022label\u0022:\u0022Bainbridge Place\u0022},{\u0022value\u0022:\u0022ballard\u0022,\u0022label\u0022:\u0022Ballard\u0022},{\u0022value\u0022:\u0022bayhead\u0022,\u0022label\u0022:\u0022Bayhead\u0022},{\u0022value\u0022:\u0022bear-tale\u0022,\u0022label\u0022:\u0022Bear Tale\u0022},{\u0022value\u0022:\u0022bellwoodparkhill\u0022,\u0022label\u0022:\u0022Bellwood\\\/Parkhill\u0022},{\u0022value\u0022:\u0022benjamins-run\u0022,\u0022label\u0022:\u0022Benjamin\\u0027s Run\u0022},{\u0022value\u0022:\u0022bent-tree-estates\u0022,\u0022label\u0022:\u0022Bent Tree Estates\u0022},{\u0022value\u0022:\u0022betton-hills\u0022,\u0022label\u0022:\u0022Betton Hills\u0022},{\u0022value\u0022:\u0022betton-woods\u0022,\u0022label\u0022:\u0022Betton Woods\u0022},{\u0022value\u0022:\u0022blairstone-forest\u0022,\u0022label\u0022:\u0022Blairstone Forest\u0022},{\u0022value\u0022:\u0022blountstown-hwy\u0022,\u0022label\u0022:\u0022Blountstown Hwy\u0022},{\u0022value\u0022:\u0022bloxham-terrace\u0022,\u0022label\u0022:\u0022Bloxham Terrace\u0022},{\u0022value\u0022:\u0022bobbin-brook\u0022,\u0022label\u0022:\u0022Bobbin Brook\u0022},{\u0022value\u0022:\u0022bobbin-trace\u0022,\u0022label\u0022:\u0022Bobbin Trace\u0022},{\u0022value\u0022:\u0022boxwood-estates\u0022,\u0022label\u0022:\u0022Boxwood Estates\u0022},{\u0022value\u0022:\u0022bradfordville\u0022,\u0022label\u0022:\u0022Bradfordville\u0022},{\u0022value\u0022:\u0022bradfordville-rd\u0022,\u0022label\u0022:\u0022Bradfordville Rd\u0022},{\u0022value\u0022:\u0022brandt-hills\u0022,\u0022label\u0022:\u0022Brandt Hills\u0022},{\u0022value\u0022:\u0022breckenridge-on-park\u0022,\u0022label\u0022:\u0022Breckenridge on Park\u0022},{\u0022value\u0022:\u0022brewster-rd\u0022,\u0022label\u0022:\u0022Brewster Rd\u0022},{\u0022value\u0022:\u0022brittany-estates\u0022,\u0022label\u0022:\u0022Brittany Estates\u0022},{\u0022value\u0022:\u0022brookside\u0022,\u0022label\u0022:\u0022Brookside\u0022},{\u0022value\u0022:\u0022brown-st\u0022,\u0022label\u0022:\u0022Brown St\u0022},{\u0022value\u0022:\u0022buck-lake\u0022,\u0022label\u0022:\u0022Buck Lake\u0022},{\u0022value\u0022:\u0022buck-lake-north\u0022,\u0022label\u0022:\u0022Buck Lake North\u0022},{\u0022value\u0022:\u0022buckhead\u0022,\u0022label\u0022:\u0022Buckhead\u0022},{\u0022value\u0022:\u0022buckwood\u0022,\u0022label\u0022:\u0022Buckwood\u0022},{\u0022value\u0022:\u0022bull-run\u0022,\u0022label\u0022:\u0022Bull Run\u0022},{\u0022value\u0022:\u0022bullocks-run\u0022,\u0022label\u0022:\u0022Bullocks Run\u0022},{\u0022value\u0022:\u0022button-willow\u0022,\u0022label\u0022:\u0022Button Willow\u0022},{\u0022value\u0022:\u0022callen\u0022,\u0022label\u0022:\u0022Callen\u0022},{\u0022value\u0022:\u0022callen-woods\u0022,\u0022label\u0022:\u0022Callen Woods\u0022},{\u0022value\u0022:\u0022camden-corners\u0022,\u0022label\u0022:\u0022Camden Corners\u0022},{\u0022value\u0022:\u0022camelot-park-towne-east\u0022,\u0022label\u0022:\u0022Camelot Park \\u0026 Towne East\u0022},{\u0022value\u0022:\u0022cameron-chase\u0022,\u0022label\u0022:\u0022Cameron Chase\u0022},{\u0022value\u0022:\u0022canopy-oaks-park\u0022,\u0022label\u0022:\u0022Canopy Oaks Park\u0022},{\u0022value\u0022:\u0022capital\u0022,\u0022label\u0022:\u0022Capital\u0022},{\u0022value\u0022:\u0022capital-cascade\u0022,\u0022label\u0022:\u0022Capital Cascade\u0022},{\u0022value\u0022:\u0022capital-cir-nw\u0022,\u0022label\u0022:\u0022Capital Cir NW\u0022},{\u0022value\u0022:\u0022capital-estates\u0022,\u0022label\u0022:\u0022Capital Estates\u0022},{\u0022value\u0022:\u0022capital-park-dr\u0022,\u0022label\u0022:\u0022Capital Park Dr\u0022},{\u0022value\u0022:\u0022capital-walk\u0022,\u0022label\u0022:\u0022Capital Walk\u0022},{\u0022value\u0022:\u0022capitola\u0022,\u0022label\u0022:\u0022Capitola\u0022},{\u0022value\u0022:\u0022carr-meridian\u0022,\u0022label\u0022:\u0022Carr - Meridian\u0022},{\u0022value\u0022:\u0022carrollwood\u0022,\u0022label\u0022:\u0022Carrollwood\u0022},{\u0022value\u0022:\u0022center-pointe\u0022,\u0022label\u0022:\u0022Center Pointe\u0022},{\u0022value\u0022:\u0022centerville-conservation\u0022,\u0022label\u0022:\u0022Centerville Conservation\u0022},{\u0022value\u0022:\u0022centerville-trace\u0022,\u0022label\u0022:\u0022Centerville Trace\u0022},{\u0022value\u0022:\u0022chaires\u0022,\u0022label\u0022:\u0022Chaires\u0022},{\u0022value\u0022:\u0022chaires-crossroad\u0022,\u0022label\u0022:\u0022Chaires Crossroad\u0022},{\u0022value\u0022:\u0022chapel-ridge\u0022,\u0022label\u0022:\u0022Chapel Ridge\u0022},{\u0022value\u0022:\u0022charleston-square\u0022,\u0022label\u0022:\u0022Charleston Square\u0022},{\u0022value\u0022:\u0022chemonie-crossing\u0022,\u0022label\u0022:\u0022Chemonie Crossing\u0022},{\u0022value\u0022:\u0022chemonie-trace\u0022,\u0022label\u0022:\u0022Chemonie Trace\u0022},{\u0022value\u0022:\u0022cobb-middle-school-area\u0022,\u0022label\u0022:\u0022Cobb Middle School area\u0022},{\u0022value\u0022:\u0022collins-landing\u0022,\u0022label\u0022:\u0022Collins Landing\u0022},{\u0022value\u0022:\u0022copper-creek\u0022,\u0022label\u0022:\u0022Copper Creek\u0022},{\u0022value\u0022:\u0022cortona-hills\u0022,\u0022label\u0022:\u0022Cortona Hills\u0022},{\u0022value\u0022:\u0022costnothing\u0022,\u0022label\u0022:\u0022Costnothing\u0022},{\u0022value\u0022:\u0022country\u0022,\u0022label\u0022:\u0022Country\u0022},{\u0022value\u0022:\u0022country-estates\u0022,\u0022label\u0022:\u0022Country Estates\u0022},{\u0022value\u0022:\u0022countryside-of-tallahassee\u0022,\u0022label\u0022:\u0022Countryside of Tallahassee\u0022},{\u0022value\u0022:\u0022crescent-hills\u0022,\u0022label\u0022:\u0022Crescent Hills\u0022},{\u0022value\u0022:\u0022crooked-rd\u0022,\u0022label\u0022:\u0022Crooked Rd\u0022},{\u0022value\u0022:\u0022crossway\u0022,\u0022label\u0022:\u0022Crossway\u0022},{\u0022value\u0022:\u0022dawn-lauren\u0022,\u0022label\u0022:\u0022Dawn Lauren\u0022},{\u0022value\u0022:\u0022deertree-hills\u0022,\u0022label\u0022:\u0022Deertree Hills\u0022},{\u0022value\u0022:\u0022downtown-tallahassee\u0022,\u0022label\u0022:\u0022Downtown Tallahassee\u0022},{\u0022value\u0022:\u0022dry-creek-run\u0022,\u0022label\u0022:\u0022Dry Creek Run\u0022},{\u0022value\u0022:\u0022dupont-dr\u0022,\u0022label\u0022:\u0022Dupont Dr\u0022},{\u0022value\u0022:\u0022durward\u0022,\u0022label\u0022:\u0022Durward\u0022},{\u0022value\u0022:\u0022dyrehavengreenmont\u0022,\u0022label\u0022:\u0022Dyrehaven\\\/Greenmont\u0022},{\u0022value\u0022:\u0022eastgate\u0022,\u0022label\u0022:\u0022Eastgate\u0022},{\u0022value\u0022:\u0022easton-glen\u0022,\u0022label\u0022:\u0022Easton Glen\u0022},{\u0022value\u0022:\u0022easton-of-tallahassee\u0022,\u0022label\u0022:\u0022Easton of Tallahassee\u0022},{\u0022value\u0022:\u0022edinburgh-estates\u0022,\u0022label\u0022:\u0022Edinburgh Estates\u0022},{\u0022value\u0022:\u0022eire-margo-susan\u0022,\u0022label\u0022:\u0022Eire - Margo - Susan\u0022},{\u0022value\u0022:\u0022ellen-estates\u0022,\u0022label\u0022:\u0022Ellen Estates\u0022},{\u0022value\u0022:\u0022emerald-acres\u0022,\u0022label\u0022:\u0022Emerald Acres\u0022},{\u0022value\u0022:\u0022enclave\u0022,\u0022label\u0022:\u0022Enclave\u0022},{\u0022value\u0022:\u0022escambia-court\u0022,\u0022label\u0022:\u0022Escambia Court\u0022},{\u0022value\u0022:\u0022evening-rose\u0022,\u0022label\u0022:\u0022Evening Rose\u0022},{\u0022value\u0022:\u0022evergreens-at-mahan\u0022,\u0022label\u0022:\u0022Evergreens at Mahan\u0022},{\u0022value\u0022:\u0022famu\u0022,\u0022label\u0022:\u0022F.A.M.U.\u0022},{\u0022value\u0022:\u0022fairfax-estates\u0022,\u0022label\u0022:\u0022Fairfax Estates\u0022},{\u0022value\u0022:\u0022fairmount-terrace\u0022,\u0022label\u0022:\u0022Fairmount Terrace\u0022},{\u0022value\u0022:\u0022fallschase\u0022,\u0022label\u0022:\u0022Fallschase\u0022},{\u0022value\u0022:\u0022faringdon-dr\u0022,\u0022label\u0022:\u0022Faringdon Dr\u0022},{\u0022value\u0022:\u0022farmview-estates\u0022,\u0022label\u0022:\u0022Farmview Estates\u0022},{\u0022value\u0022:\u0022ferns-glen\u0022,\u0022label\u0022:\u0022Ferns Glen\u0022},{\u0022value\u0022:\u0022florida-state-university\u0022,\u0022label\u0022:\u0022Florida State University\u0022},{\u0022value\u0022:\u0022forest-commons\u0022,\u0022label\u0022:\u0022Forest Commons\u0022},{\u0022value\u0022:\u0022forest-edge\u0022,\u0022label\u0022:\u0022Forest Edge\u0022},{\u0022value\u0022:\u0022forest-heightsholly-hills\u0022,\u0022label\u0022:\u0022Forest Heights\\\/Holly Hills\u0022},{\u0022value\u0022:\u0022fort-braden\u0022,\u0022label\u0022:\u0022Fort Braden\u0022},{\u0022value\u0022:\u0022foxcroft\u0022,\u0022label\u0022:\u0022Foxcroft\u0022},{\u0022value\u0022:\u0022foxwood-glen\u0022,\u0022label\u0022:\u0022Foxwood Glen\u0022},{\u0022value\u0022:\u0022franklin-park\u0022,\u0022label\u0022:\u0022Franklin Park\u0022},{\u0022value\u0022:\u0022frenchtown\u0022,\u0022label\u0022:\u0022Frenchtown\u0022},{\u0022value\u0022:\u0022freshwater-farms-anhinga\u0022,\u0022label\u0022:\u0022Freshwater Farms\\\/ Anhinga\u0022},{\u0022value\u0022:\u0022friendly\u0022,\u0022label\u0022:\u0022Friendly\u0022},{\u0022value\u0022:\u0022frontier-estates\u0022,\u0022label\u0022:\u0022Frontier Estates\u0022},{\u0022value\u0022:\u0022gardenia-drive\u0022,\u0022label\u0022:\u0022Gardenia Drive\u0022},{\u0022value\u0022:\u0022gardenview-estates\u0022,\u0022label\u0022:\u0022Gardenview Estates\u0022},{\u0022value\u0022:\u0022gautiermanor-dr-area\u0022,\u0022label\u0022:\u0022Gautier\\\/Manor Dr Area\u0022},{\u0022value\u0022:\u0022geddie-and-20\u0022,\u0022label\u0022:\u0022Geddie and 20\u0022},{\u0022value\u0022:\u0022glendale\u0022,\u0022label\u0022:\u0022Glendale\u0022},{\u0022value\u0022:\u0022glenpointe\u0022,\u0022label\u0022:\u0022Glenpointe\u0022},{\u0022value\u0022:\u0022glenview-pinegrove\u0022,\u0022label\u0022:\u0022Glenview-Pinegrove\u0022},{\u0022value\u0022:\u0022glover-rd-wide-rd\u0022,\u0022label\u0022:\u0022Glover Rd \\\/ Wide Rd\u0022},{\u0022value\u0022:\u0022golden-eagle\u0022,\u0022label\u0022:\u0022Golden Eagle\u0022},{\u0022value\u0022:\u0022golden-pheasant\u0022,\u0022label\u0022:\u0022Golden Pheasant\u0022},{\u0022value\u0022:\u0022goose-creek\u0022,\u0022label\u0022:\u0022Goose Creek\u0022},{\u0022value\u0022:\u0022governors-park\u0022,\u0022label\u0022:\u0022Governor\\u0027s Park\u0022},{\u0022value\u0022:\u0022governors-walk\u0022,\u0022label\u0022:\u0022Governor\\u0027s Walk\u0022},{\u0022value\u0022:\u0022governors-square\u0022,\u0022label\u0022:\u0022Governors Square\u0022},{\u0022value\u0022:\u0022greater-bond\u0022,\u0022label\u0022:\u0022Greater Bond\u0022},{\u0022value\u0022:\u0022greater-brandt-hills\u0022,\u0022label\u0022:\u0022Greater Brandt Hills\u0022},{\u0022value\u0022:\u0022green-timbers-trailsan-luis\u0022,\u0022label\u0022:\u0022Green Timbers Trail\\\/San Luis\u0022},{\u0022value\u0022:\u0022greys-run\u0022,\u0022label\u0022:\u0022Grey\\u0027s Run\u0022},{\u0022value\u0022:\u0022gum-swamp\u0022,\u0022label\u0022:\u0022Gum Swamp\u0022},{\u0022value\u0022:\u0022hals-cir-tallahassee\u0022,\u0022label\u0022:\u0022Hals Cir Tallahassee\u0022},{\u0022value\u0022:\u0022hampton-creek\u0022,\u0022label\u0022:\u0022Hampton Creek\u0022},{\u0022value\u0022:\u0022hartsfield\u0022,\u0022label\u0022:\u0022Hartsfield\u0022},{\u0022value\u0022:\u0022hartsfield-plantation\u0022,\u0022label\u0022:\u0022Hartsfield Plantation\u0022},{\u0022value\u0022:\u0022hartsfield-village\u0022,\u0022label\u0022:\u0022Hartsfield Village\u0022},{\u0022value\u0022:\u0022hartsfield-woods\u0022,\u0022label\u0022:\u0022Hartsfield Woods\u0022},{\u0022value\u0022:\u0022hastings\u0022,\u0022label\u0022:\u0022Hastings\u0022},{\u0022value\u0022:\u0022hawks-nest\u0022,\u0022label\u0022:\u0022Hawks Nest\u0022},{\u0022value\u0022:\u0022heartwood-hills\u0022,\u0022label\u0022:\u0022Heartwood Hills\u0022},{\u0022value\u0022:\u0022herring-place\u0022,\u0022label\u0022:\u0022Herring Place\u0022},{\u0022value\u0022:\u0022hickory-hammock\u0022,\u0022label\u0022:\u0022Hickory Hammock\u0022},{\u0022value\u0022:\u0022hickory-ridge\u0022,\u0022label\u0022:\u0022Hickory Ridge\u0022},{\u0022value\u0022:\u0022hidden-green\u0022,\u0022label\u0022:\u0022Hidden Green\u0022},{\u0022value\u0022:\u0022hidden-lakes\u0022,\u0022label\u0022:\u0022Hidden Lakes\u0022},{\u0022value\u0022:\u0022hidden-valley\u0022,\u0022label\u0022:\u0022Hidden Valley\u0022},{\u0022value\u0022:\u0022high-colony\u0022,\u0022label\u0022:\u0022High Colony\u0022},{\u0022value\u0022:\u0022hightharpe\u0022,\u0022label\u0022:\u0022High\\\/Tharpe\u0022},{\u0022value\u0022:\u0022highgrove-tallahassee\u0022,\u0022label\u0022:\u0022Highgrove Tallahassee\u0022},{\u0022value\u0022:\u0022highlands\u0022,\u0022label\u0022:\u0022Highlands\u0022},{\u0022value\u0022:\u0022highway-20-and-more\u0022,\u0022label\u0022:\u0022Highway 20 and More\u0022},{\u0022value\u0022:\u0022hillwood\u0022,\u0022label\u0022:\u0022Hillwood\u0022},{\u0022value\u0022:\u0022historical-macon\u0022,\u0022label\u0022:\u0022Historical Macon\u0022},{\u0022value\u0022:\u0022holly-hills\u0022,\u0022label\u0022:\u0022Holly Hills\u0022},{\u0022value\u0022:\u0022horseshoe-trail\u0022,\u0022label\u0022:\u0022Horseshoe Trail\u0022},{\u0022value\u0022:\u0022hotchkiss\u0022,\u0022label\u0022:\u0022Hotchkiss\u0022},{\u0022value\u0022:\u0022hugh-rd\u0022,\u0022label\u0022:\u0022Hugh Rd\u0022},{\u0022value\u0022:\u0022hunters-crossing\u0022,\u0022label\u0022:\u0022Hunters Crossing\u0022},{\u0022value\u0022:\u0022huntington-woods\u0022,\u0022label\u0022:\u0022Huntington Woods\u0022},{\u0022value\u0022:\u0022hwy-20\u0022,\u0022label\u0022:\u0022Hwy 20\u0022},{\u0022value\u0022:\u0022indianhead\u0022,\u0022label\u0022:\u0022Indianhead\u0022},{\u0022value\u0022:\u0022inglewood\u0022,\u0022label\u0022:\u0022Inglewood\u0022},{\u0022value\u0022:\u0022jackson-bluff\u0022,\u0022label\u0022:\u0022Jackson Bluff\u0022},{\u0022value\u0022:\u0022jackson-bluff-ii\u0022,\u0022label\u0022:\u0022Jackson Bluff II\u0022},{\u0022value\u0022:\u0022jackson-square\u0022,\u0022label\u0022:\u0022Jackson Square\u0022},{\u0022value\u0022:\u0022jake-gaither\u0022,\u0022label\u0022:\u0022Jake Gaither\u0022},{\u0022value\u0022:\u0022jamestown-woods\u0022,\u0022label\u0022:\u0022Jamestown Woods\u0022},{\u0022value\u0022:\u0022jasmine\u0022,\u0022label\u0022:\u0022Jasmine\u0022},{\u0022value\u0022:\u0022john-knox-rd\u0022,\u0022label\u0022:\u0022John Knox Rd\u0022},{\u0022value\u0022:\u0022killearn\u0022,\u0022label\u0022:\u0022Killearn\u0022},{\u0022value\u0022:\u0022killearn-acres\u0022,\u0022label\u0022:\u0022Killearn Acres\u0022},{\u0022value\u0022:\u0022killearn-estates\u0022,\u0022label\u0022:\u0022Killearn Estates\u0022},{\u0022value\u0022:\u0022killearn-estates-unit-12\u0022,\u0022label\u0022:\u0022Killearn Estates Unit 12\u0022},{\u0022value\u0022:\u0022killearn-estatesshannon-lake\u0022,\u0022label\u0022:\u0022Killearn Estates\\\/Shannon Lake\u0022},{\u0022value\u0022:\u0022killearn-lakes\u0022,\u0022label\u0022:\u0022Killearn Lakes\u0022},{\u0022value\u0022:\u0022kimberly-circleargyle-ln\u0022,\u0022label\u0022:\u0022Kimberly Circle\\\/Argyle Ln\u0022},{\u0022value\u0022:\u0022kinsley-ln\u0022,\u0022label\u0022:\u0022Kinsley Ln\u0022},{\u0022value\u0022:\u0022krump\u0022,\u0022label\u0022:\u0022Krump\u0022},{\u0022value\u0022:\u0022kuhlacre-teal\u0022,\u0022label\u0022:\u0022Kuhlacre-Teal\u0022},{\u0022value\u0022:\u0022ls-estates-john-hancock\u0022,\u0022label\u0022:\u0022LS Estates- John Hancock\u0022},{\u0022value\u0022:\u0022lafayette-estates\u0022,\u0022label\u0022:\u0022Lafayette Estates\u0022},{\u0022value\u0022:\u0022lafayette-oaks\u0022,\u0022label\u0022:\u0022Lafayette Oaks\u0022},{\u0022value\u0022:\u0022lafayette-park\u0022,\u0022label\u0022:\u0022Lafayette Park\u0022},{\u0022value\u0022:\u0022lake-bradford-estates\u0022,\u0022label\u0022:\u0022Lake Bradford Estates\u0022},{\u0022value\u0022:\u0022lake-bradfordcascade-lake\u0022,\u0022label\u0022:\u0022Lake Bradford\\\/Cascade Lake\u0022},{\u0022value\u0022:\u0022lake-breeze\u0022,\u0022label\u0022:\u0022Lake Breeze\u0022},{\u0022value\u0022:\u0022lake-ella-drive\u0022,\u0022label\u0022:\u0022Lake Ella Drive\u0022},{\u0022value\u0022:\u0022lake-hallstonebriar\u0022,\u0022label\u0022:\u0022Lake Hall\\\/Stonebriar\u0022},{\u0022value\u0022:\u0022lake-jackson\u0022,\u0022label\u0022:\u0022Lake Jackson\u0022},{\u0022value\u0022:\u0022lake-jackson-heights\u0022,\u0022label\u0022:\u0022Lake Jackson Heights\u0022},{\u0022value\u0022:\u0022lake-jackson-indian-mound\u0022,\u0022label\u0022:\u0022Lake Jackson Indian Mound\u0022},{\u0022value\u0022:\u0022lake-mcbride-north\u0022,\u0022label\u0022:\u0022Lake McBride North\u0022},{\u0022value\u0022:\u0022lake-talquin\u0022,\u0022label\u0022:\u0022Lake Talquin\u0022},{\u0022value\u0022:\u0022lakes-at-san-marcos\u0022,\u0022label\u0022:\u0022Lakes at San Marcos\u0022},{\u0022value\u0022:\u0022lakeshore\u0022,\u0022label\u0022:\u0022Lakeshore\u0022},{\u0022value\u0022:\u0022lakeshore-dr\u0022,\u0022label\u0022:\u0022Lakeshore Dr\u0022},{\u0022value\u0022:\u0022lakeshore-estates\u0022,\u0022label\u0022:\u0022Lakeshore Estates\u0022},{\u0022value\u0022:\u0022lakeshore-estates-unit-1\u0022,\u0022label\u0022:\u0022Lakeshore Estates Unit 1\u0022},{\u0022value\u0022:\u0022lakeshore-gardens\u0022,\u0022label\u0022:\u0022Lakeshore Gardens\u0022},{\u0022value\u0022:\u0022lakeshorelake-talquin\u0022,\u0022label\u0022:\u0022Lakeshore\\\/Lake Talquin\u0022},{\u0022value\u0022:\u0022lakeview-point-rd\u0022,\u0022label\u0022:\u0022Lakeview Point Rd\u0022},{\u0022value\u0022:\u0022lakewood\u0022,\u0022label\u0022:\u0022Lakewood\u0022},{\u0022value\u0022:\u0022lakewood-estates\u0022,\u0022label\u0022:\u0022Lakewood Estates\u0022},{\u0022value\u0022:\u0022lakewood-stoneler\u0022,\u0022label\u0022:\u0022Lakewood Stoneler\u0022},{\u0022value\u0022:\u0022lakewood-village\u0022,\u0022label\u0022:\u0022Lakewood Village\u0022},{\u0022value\u0022:\u0022leewood-hills\u0022,\u0022label\u0022:\u0022Leewood Hills\u0022},{\u0022value\u0022:\u0022levy-park\u0022,\u0022label\u0022:\u0022Levy Park\u0022},{\u0022value\u0022:\u0022levy-park-south\u0022,\u0022label\u0022:\u0022Levy Park South\u0022},{\u0022value\u0022:\u0022liberty-park\u0022,\u0022label\u0022:\u0022Liberty Park\u0022},{\u0022value\u0022:\u0022limpkin-rd\u0022,\u0022label\u0022:\u0022Limpkin rd\u0022},{\u0022value\u0022:\u0022linene-woods\u0022,\u0022label\u0022:\u0022Linene Woods\u0022},{\u0022value\u0022:\u0022los-robleslake-ella\u0022,\u0022label\u0022:\u0022Los Robles\\\/Lake Ella\u0022},{\u0022value\u0022:\u0022louvinia-dr\u0022,\u0022label\u0022:\u0022Louvinia Dr\u0022},{\u0022value\u0022:\u0022lovelace-dr\u0022,\u0022label\u0022:\u0022Lovelace Dr\u0022},{\u0022value\u0022:\u0022luna-manor\u0022,\u0022label\u0022:\u0022Luna Manor\u0022},{\u0022value\u0022:\u0022luna-pines\u0022,\u0022label\u0022:\u0022Luna Pines\u0022},{\u0022value\u0022:\u0022luna-plantation\u0022,\u0022label\u0022:\u0022Luna Plantation\u0022},{\u0022value\u0022:\u0022luther-hall-road\u0022,\u0022label\u0022:\u0022Luther Hall Road\u0022},{\u0022value\u0022:\u0022mabry-manor\u0022,\u0022label\u0022:\u0022Mabry Manor\u0022},{\u0022value\u0022:\u0022macon\u0022,\u0022label\u0022:\u0022Macon\u0022},{\u0022value\u0022:\u0022magnolia-heights-park-ave\u0022,\u0022label\u0022:\u0022Magnolia Heights-Park Ave\u0022},{\u0022value\u0022:\u0022marcus\u0022,\u0022label\u0022:\u0022Marcus\u0022},{\u0022value\u0022:\u0022mariana-oaks\u0022,\u0022label\u0022:\u0022Mariana Oaks\u0022},{\u0022value\u0022:\u0022matt-wing\u0022,\u0022label\u0022:\u0022Matt Wing\u0022},{\u0022value\u0022:\u0022meadow-hills\u0022,\u0022label\u0022:\u0022Meadow Hills\u0022},{\u0022value\u0022:\u0022meadowbrook\u0022,\u0022label\u0022:\u0022Meadowbrook\u0022},{\u0022value\u0022:\u0022meadows-at-woodrun\u0022,\u0022label\u0022:\u0022Meadows at Woodrun\u0022},{\u0022value\u0022:\u0022melody-hills\u0022,\u0022label\u0022:\u0022Melody Hills\u0022},{\u0022value\u0022:\u0022merchants-row-blvd\u0022,\u0022label\u0022:\u0022Merchants Row Blvd\u0022},{\u0022value\u0022:\u0022meridian-hills\u0022,\u0022label\u0022:\u0022Meridian Hills\u0022},{\u0022value\u0022:\u0022merry-oaks\u0022,\u0022label\u0022:\u0022Merry Oaks\u0022},{\u0022value\u0022:\u0022miccosukee\u0022,\u0022label\u0022:\u0022Miccosukee\u0022},{\u0022value\u0022:\u0022miccosukee-rdcrump-rd\u0022,\u0022label\u0022:\u0022Miccosukee Rd\\\/Crump Rd\u0022},{\u0022value\u0022:\u0022miccosukee-woods\u0022,\u0022label\u0022:\u0022Miccosukee Woods\u0022},{\u0022value\u0022:\u0022middlebrooks\u0022,\u0022label\u0022:\u0022Middlebrooks\u0022},{\u0022value\u0022:\u0022midtown\u0022,\u0022label\u0022:\u0022Midtown\u0022},{\u0022value\u0022:\u0022midtown-station\u0022,\u0022label\u0022:\u0022Midtown Station\u0022},{\u0022value\u0022:\u0022midtown-west\u0022,\u0022label\u0022:\u0022Midtown West\u0022},{\u0022value\u0022:\u0022midyette-plantation\u0022,\u0022label\u0022:\u0022Midyette Plantation\u0022},{\u0022value\u0022:\u0022millers-landing\u0022,\u0022label\u0022:\u0022Millers Landing\u0022},{\u0022value\u0022:\u0022mint-hill\u0022,\u0022label\u0022:\u0022Mint Hill\u0022},{\u0022value\u0022:\u0022mission\u0022,\u0022label\u0022:\u0022Mission\u0022},{\u0022value\u0022:\u0022mission-road\u0022,\u0022label\u0022:\u0022Mission Road\u0022},{\u0022value\u0022:\u0022mission-san-miguel\u0022,\u0022label\u0022:\u0022Mission San Miguel\u0022},{\u0022value\u0022:\u0022mission-street\u0022,\u0022label\u0022:\u0022Mission Street\u0022},{\u0022value\u0022:\u0022misty-garden\u0022,\u0022label\u0022:\u0022Misty Garden\u0022},{\u0022value\u0022:\u0022moccasin-gap\u0022,\u0022label\u0022:\u0022Moccasin Gap\u0022},{\u0022value\u0022:\u0022myers-park\u0022,\u0022label\u0022:\u0022Myers Park\u0022},{\u0022value\u0022:\u0022nw-woodville\u0022,\u0022label\u0022:\u0022NW Woodville\u0022},{\u0022value\u0022:\u0022natural-bridge-acres\u0022,\u0022label\u0022:\u0022Natural Bridge Acres\u0022},{\u0022value\u0022:\u0022north-monroe-precision\u0022,\u0022label\u0022:\u0022North Monroe Precision\u0022},{\u0022value\u0022:\u0022north-monroelake-jackson\u0022,\u0022label\u0022:\u0022North Monroe\\\/Lake Jackson\u0022},{\u0022value\u0022:\u0022north-point-tallahassee\u0022,\u0022label\u0022:\u0022North Point Tallahassee\u0022},{\u0022value\u0022:\u0022north-side\u0022,\u0022label\u0022:\u0022North Side\u0022},{\u0022value\u0022:\u0022north-tallahassee\u0022,\u0022label\u0022:\u0022North Tallahassee\u0022},{\u0022value\u0022:\u0022north-tally\u0022,\u0022label\u0022:\u0022North Tally\u0022},{\u0022value\u0022:\u0022northlake-meadows\u0022,\u0022label\u0022:\u0022Northlake Meadows\u0022},{\u0022value\u0022:\u0022northshire\u0022,\u0022label\u0022:\u0022Northshire\u0022},{\u0022value\u0022:\u0022norwood-estates\u0022,\u0022label\u0022:\u0022Norwood Estates\u0022},{\u0022value\u0022:\u0022oak-hill-farms\u0022,\u0022label\u0022:\u0022Oak Hill Farms\u0022},{\u0022value\u0022:\u0022oak-park\u0022,\u0022label\u0022:\u0022Oak Park\u0022},{\u0022value\u0022:\u0022oak-park-court\u0022,\u0022label\u0022:\u0022Oak Park Court\u0022},{\u0022value\u0022:\u0022oak-ridge\u0022,\u0022label\u0022:\u0022Oak Ridge\u0022},{\u0022value\u0022:\u0022oak-valley\u0022,\u0022label\u0022:\u0022Oak Valley\u0022},{\u0022value\u0022:\u0022oakfair-farms\u0022,\u0022label\u0022:\u0022Oakfair Farms\u0022},{\u0022value\u0022:\u0022oakridge\u0022,\u0022label\u0022:\u0022Oakridge\u0022},{\u0022value\u0022:\u0022observation-pointe\u0022,\u0022label\u0022:\u0022Observation Pointe\u0022},{\u0022value\u0022:\u0022ocala-road\u0022,\u0022label\u0022:\u0022Ocala Road\u0022},{\u0022value\u0022:\u0022old-bainbridge-road\u0022,\u0022label\u0022:\u0022Old Bainbridge Road\u0022},{\u0022value\u0022:\u0022old-dirt-road\u0022,\u0022label\u0022:\u0022Old Dirt Road\u0022},{\u0022value\u0022:\u0022old-magnolia-road\u0022,\u0022label\u0022:\u0022Old Magnolia Road\u0022},{\u0022value\u0022:\u0022old-settlement\u0022,\u0022label\u0022:\u0022Old Settlement\u0022},{\u0022value\u0022:\u0022old-town\u0022,\u0022label\u0022:\u0022Old Town\u0022},{\u0022value\u0022:\u0022olson-crest\u0022,\u0022label\u0022:\u0022Olson Crest\u0022},{\u0022value\u0022:\u0022olson-landingviking-way\u0022,\u0022label\u0022:\u0022Olson Landing\\\/Viking Way\u0022},{\u0022value\u0022:\u0022orange-avenue-southwood\u0022,\u0022label\u0022:\u0022Orange Avenue Southwood\u0022},{\u0022value\u0022:\u0022orange-blossom-heights\u0022,\u0022label\u0022:\u0022Orange Blossom Heights\u0022},{\u0022value\u0022:\u0022ox-bottom\u0022,\u0022label\u0022:\u0022Ox Bottom\u0022},{\u0022value\u0022:\u0022ox-bottom-gardens\u0022,\u0022label\u0022:\u0022Ox Bottom Gardens\u0022},{\u0022value\u0022:\u0022oxbottom-manor\u0022,\u0022label\u0022:\u0022Oxbottom Manor\u0022},{\u0022value\u0022:\u0022palms-west\u0022,\u0022label\u0022:\u0022Palms West\u0022},{\u0022value\u0022:\u0022paremore\u0022,\u0022label\u0022:\u0022Paremore\u0022},{\u0022value\u0022:\u0022park-ave\u0022,\u0022label\u0022:\u0022Park Ave\u0022},{\u0022value\u0022:\u0022parkside-parkterrace\u0022,\u0022label\u0022:\u0022Parkside-ParkTerrace\u0022},{\u0022value\u0022:\u0022parramore-shores\u0022,\u0022label\u0022:\u0022Parramore Shores\u0022},{\u0022value\u0022:\u0022pebble-brooke\u0022,\u0022label\u0022:\u0022Pebble Brooke\u0022},{\u0022value\u0022:\u0022peddie-dr\u0022,\u0022label\u0022:\u0022Peddie Dr\u0022},{\u0022value\u0022:\u0022pedrick-crossing\u0022,\u0022label\u0022:\u0022Pedrick Crossing\u0022},{\u0022value\u0022:\u0022pemberton-rd\u0022,\u0022label\u0022:\u0022Pemberton Rd\u0022},{\u0022value\u0022:\u0022pembridge-place\u0022,\u0022label\u0022:\u0022Pembridge Place\u0022},{\u0022value\u0022:\u0022pheasant-ridge\u0022,\u0022label\u0022:\u0022Pheasant Ridge\u0022},{\u0022value\u0022:\u0022piedmont-dr\u0022,\u0022label\u0022:\u0022Piedmont Dr\u0022},{\u0022value\u0022:\u0022piedmont-park\u0022,\u0022label\u0022:\u0022Piedmont Park\u0022},{\u0022value\u0022:\u0022pine-lakes\u0022,\u0022label\u0022:\u0022Pine Lakes\u0022},{\u0022value\u0022:\u0022pine-tip-hills\u0022,\u0022label\u0022:\u0022Pine Tip Hills\u0022},{\u0022value\u0022:\u0022pine-tip-hills-units-1-2-3\u0022,\u0022label\u0022:\u0022Pine Tip Hills Units 1, 2 \\u0026 3\u0022},{\u0022value\u0022:\u0022piney-z\u0022,\u0022label\u0022:\u0022Piney-Z\u0022},{\u0022value\u0022:\u0022plantation-acres\u0022,\u0022label\u0022:\u0022Plantation Acres\u0022},{\u0022value\u0022:\u0022plantation-circle\u0022,\u0022label\u0022:\u0022Plantation Circle\u0022},{\u0022value\u0022:\u0022plantation-estates\u0022,\u0022label\u0022:\u0022Plantation Estates\u0022},{\u0022value\u0022:\u0022plantation-woods\u0022,\u0022label\u0022:\u0022Plantation Woods\u0022},{\u0022value\u0022:\u0022plantation-on-the-loop\u0022,\u0022label\u0022:\u0022Plantation on The Loop\u0022},{\u0022value\u0022:\u0022proctor\u0022,\u0022label\u0022:\u0022Proctor\u0022},{\u0022value\u0022:\u0022proctor-rd\u0022,\u0022label\u0022:\u0022Proctor Rd\u0022},{\u0022value\u0022:\u0022providence\u0022,\u0022label\u0022:\u0022Providence\u0022},{\u0022value\u0022:\u0022quail-valley\u0022,\u0022label\u0022:\u0022Quail Valley\u0022},{\u0022value\u0022:\u0022rail-road-square\u0022,\u0022label\u0022:\u0022Rail Road Square\u0022},{\u0022value\u0022:\u0022redemption-love-farm\u0022,\u0022label\u0022:\u0022Redemption Love Farm\u0022},{\u0022value\u0022:\u0022rhodan-hill-way\u0022,\u0022label\u0022:\u0022Rhodan Hill Way\u0022},{\u0022value\u0022:\u0022richmond-hill-at-bull-run\u0022,\u0022label\u0022:\u0022Richmond Hill at Bull-Run\u0022},{\u0022value\u0022:\u0022richview\u0022,\u0022label\u0022:\u0022Richview\u0022},{\u0022value\u0022:\u0022richview-park\u0022,\u0022label\u0022:\u0022Richview Park\u0022},{\u0022value\u0022:\u0022rivers-landing\u0022,\u0022label\u0022:\u0022Rivers Landing\u0022},{\u0022value\u0022:\u0022riverwood\u0022,\u0022label\u0022:\u0022Riverwood\u0022},{\u0022value\u0022:\u0022roberts-rd-welaunee-rd\u0022,\u0022label\u0022:\u0022Roberts Rd - Welaunee Rd\u0022},{\u0022value\u0022:\u0022robinson-oak\u0022,\u0022label\u0022:\u0022Robinson Oak\u0022},{\u0022value\u0022:\u0022rockbrook-estates\u0022,\u0022label\u0022:\u0022Rockbrook Estates\u0022},{\u0022value\u0022:\u0022rocky-hill\u0022,\u0022label\u0022:\u0022Rocky Hill\u0022},{\u0022value\u0022:\u0022rose-road\u0022,\u0022label\u0022:\u0022Rose Road\u0022},{\u0022value\u0022:\u0022rosehill\u0022,\u0022label\u0022:\u0022Rosehill\u0022},{\u0022value\u0022:\u0022ross-to-crossway\u0022,\u0022label\u0022:\u0022Ross to Crossway\u0022},{\u0022value\u0022:\u0022royal-oaks\u0022,\u0022label\u0022:\u0022Royal Oaks\u0022},{\u0022value\u0022:\u0022russells-pond\u0022,\u0022label\u0022:\u0022Russell\\u0027s Pond\u0022},{\u0022value\u0022:\u0022s-martin-luther-king-jr-blvd\u0022,\u0022label\u0022:\u0022S Martin Luther King Jr Blvd\u0022},{\u0022value\u0022:\u0022sagebrook-mill\u0022,\u0022label\u0022:\u0022Sagebrook Mill\u0022},{\u0022value\u0022:\u0022saint-ives\u0022,\u0022label\u0022:\u0022Saint Ives\u0022},{\u0022value\u0022:\u0022san-luis-ridge\u0022,\u0022label\u0022:\u0022San Luis Ridge\u0022},{\u0022value\u0022:\u0022savannah-crossings\u0022,\u0022label\u0022:\u0022Savannah Crossings\u0022},{\u0022value\u0022:\u0022savannah-trace\u0022,\u0022label\u0022:\u0022Savannah Trace\u0022},{\u0022value\u0022:\u0022sawgrass-plantation\u0022,\u0022label\u0022:\u0022Sawgrass Plantation\u0022},{\u0022value\u0022:\u0022saxon-sttuskegee\u0022,\u0022label\u0022:\u0022Saxon St\\\/Tuskegee\u0022},{\u0022value\u0022:\u0022scawthorn-drive\u0022,\u0022label\u0022:\u0022Scawthorn Drive\u0022},{\u0022value\u0022:\u0022scenic-heights\u0022,\u0022label\u0022:\u0022Scenic Heights\u0022},{\u0022value\u0022:\u0022seminole-grande\u0022,\u0022label\u0022:\u0022Seminole Grande\u0022},{\u0022value\u0022:\u0022seminole-manor\u0022,\u0022label\u0022:\u0022Seminole Manor\u0022},{\u0022value\u0022:\u0022settlers-creek\u0022,\u0022label\u0022:\u0022Settler\\u0027s Creek\u0022},{\u0022value\u0022:\u0022settlers-springs\u0022,\u0022label\u0022:\u0022Settlers Springs\u0022},{\u0022value\u0022:\u0022shadow-lawn\u0022,\u0022label\u0022:\u0022Shadow Lawn\u0022},{\u0022value\u0022:\u0022shannon-forest\u0022,\u0022label\u0022:\u0022Shannon Forest\u0022},{\u0022value\u0022:\u0022shannon-lakes\u0022,\u0022label\u0022:\u0022Shannon Lakes\u0022},{\u0022value\u0022:\u0022shaw-plantation\u0022,\u0022label\u0022:\u0022Shaw Plantation\u0022},{\u0022value\u0022:\u0022shiloh-cherith\u0022,\u0022label\u0022:\u0022Shiloh \\\/ Cherith\u0022},{\u0022value\u0022:\u0022silver-ridge-estates\u0022,\u0022label\u0022:\u0022Silver Ridge Estates\u0022},{\u0022value\u0022:\u0022south-city\u0022,\u0022label\u0022:\u0022South City\u0022},{\u0022value\u0022:\u0022southwood\u0022,\u0022label\u0022:\u0022Southwood\u0022},{\u0022value\u0022:\u0022spottswood\u0022,\u0022label\u0022:\u0022Spottswood\u0022},{\u0022value\u0022:\u0022springhill-road\u0022,\u0022label\u0022:\u0022Springhill Road\u0022},{\u0022value\u0022:\u0022springwood\u0022,\u0022label\u0022:\u0022Springwood\u0022},{\u0022value\u0022:\u0022star-gate-way\u0022,\u0022label\u0022:\u0022Star Gate Way\u0022},{\u0022value\u0022:\u0022star-view\u0022,\u0022label\u0022:\u0022Star View\u0022},{\u0022value\u0022:\u0022starmount\u0022,\u0022label\u0022:\u0022Starmount\u0022},{\u0022value\u0022:\u0022stonepullen\u0022,\u0022label\u0022:\u0022Stone\\\/Pullen\u0022},{\u0022value\u0022:\u0022stonegate\u0022,\u0022label\u0022:\u0022Stonegate\u0022},{\u0022value\u0022:\u0022stoney-creek-crossing\u0022,\u0022label\u0022:\u0022Stoney Creek Crossing\u0022},{\u0022value\u0022:\u0022sugarmill-plantation\u0022,\u0022label\u0022:\u0022Sugarmill Plantation\u0022},{\u0022value\u0022:\u0022summerchase\u0022,\u0022label\u0022:\u0022SummerChase\u0022},{\u0022value\u0022:\u0022summerbrooke\u0022,\u0022label\u0022:\u0022Summerbrooke\u0022},{\u0022value\u0022:\u0022summerlake\u0022,\u0022label\u0022:\u0022Summerlake\u0022},{\u0022value\u0022:\u0022swift-creek-woods\u0022,\u0022label\u0022:\u0022Swift Creek Woods\u0022},{\u0022value\u0022:\u0022tally-square\u0022,\u0022label\u0022:\u0022Tally Square\u0022},{\u0022value\u0022:\u0022tennessee-indiana-st\u0022,\u0022label\u0022:\u0022Tennessee-Indiana St\u0022},{\u0022value\u0022:\u0022the-850\u0022,\u0022label\u0022:\u0022The 850\u0022},{\u0022value\u0022:\u0022the-grove-at-summerbrook\u0022,\u0022label\u0022:\u0022The Grove at Summerbrook\u0022},{\u0022value\u0022:\u0022the-kearney-center\u0022,\u0022label\u0022:\u0022The Kearney Center\u0022},{\u0022value\u0022:\u0022the-meadow\u0022,\u0022label\u0022:\u0022The Meadow\u0022},{\u0022value\u0022:\u0022the-oasis-at-1800\u0022,\u0022label\u0022:\u0022The Oasis at 1800\u0022},{\u0022value\u0022:\u0022the-pod\u0022,\u0022label\u0022:\u0022The Pod\u0022},{\u0022value\u0022:\u0022the-preserve\u0022,\u0022label\u0022:\u0022The Preserve\u0022},{\u0022value\u0022:\u0022the-ravines\u0022,\u0022label\u0022:\u0022The Ravines\u0022},{\u0022value\u0022:\u0022the-village\u0022,\u0022label\u0022:\u0022The Village\u0022},{\u0022value\u0022:\u0022the-westcott\u0022,\u0022label\u0022:\u0022The Westcott\u0022},{\u0022value\u0022:\u0022timber-run\u0022,\u0022label\u0022:\u0022Timber Run\u0022},{\u0022value\u0022:\u0022timberlake\u0022,\u0022label\u0022:\u0022Timberlake\u0022},{\u0022value\u0022:\u0022timberlane-market-square\u0022,\u0022label\u0022:\u0022Timberlane Market Square\u0022},{\u0022value\u0022:\u0022tina-dr\u0022,\u0022label\u0022:\u0022Tina Dr\u0022},{\u0022value\u0022:\u0022tippecanoe-hills\u0022,\u0022label\u0022:\u0022Tippecanoe Hills\u0022},{\u0022value\u0022:\u0022tom-roberts-rd\u0022,\u0022label\u0022:\u0022Tom Roberts Rd\u0022},{\u0022value\u0022:\u0022tower-oaks\u0022,\u0022label\u0022:\u0022Tower Oaks\u0022},{\u0022value\u0022:\u0022town-and-country\u0022,\u0022label\u0022:\u0022Town and Country\u0022},{\u0022value\u0022:\u0022tredington-park\u0022,\u0022label\u0022:\u0022Tredington Park\u0022},{\u0022value\u0022:\u0022tupelo-terrace\u0022,\u0022label\u0022:\u0022Tupelo Terrace\u0022},{\u0022value\u0022:\u0022turkey-creek\u0022,\u0022label\u0022:\u0022Turkey Creek\u0022},{\u0022value\u0022:\u0022turkey-roost\u0022,\u0022label\u0022:\u0022Turkey Roost\u0022},{\u0022value\u0022:\u0022turkey-roost-mini-farms\u0022,\u0022label\u0022:\u0022Turkey Roost Mini Farms\u0022},{\u0022value\u0022:\u0022twin-lakes-southwood\u0022,\u0022label\u0022:\u0022Twin Lakes \\\/ Southwood\u0022},{\u0022value\u0022:\u0022university-green\u0022,\u0022label\u0022:\u0022University Green\u0022},{\u0022value\u0022:\u0022valencia-dr\u0022,\u0022label\u0022:\u0022Valencia Dr\u0022},{\u0022value\u0022:\u0022velda-dairy\u0022,\u0022label\u0022:\u0022Velda Dairy\u0022},{\u0022value\u0022:\u0022velda-oaks\u0022,\u0022label\u0022:\u0022Velda Oaks\u0022},{\u0022value\u0022:\u0022victory-garden-dr\u0022,\u0022label\u0022:\u0022Victory Garden Dr\u0022},{\u0022value\u0022:\u0022vieux-carre\u0022,\u0022label\u0022:\u0022Vieux Carre\u0022},{\u0022value\u0022:\u0022villages-at-maclay\u0022,\u0022label\u0022:\u0022Villages At Maclay\u0022},{\u0022value\u0022:\u0022vineyards\u0022,\u0022label\u0022:\u0022Vineyards\u0022},{\u0022value\u0022:\u0022wadesboro\u0022,\u0022label\u0022:\u0022Wadesboro\u0022},{\u0022value\u0022:\u0022waverly-hills\u0022,\u0022label\u0022:\u0022Waverly Hills\u0022},{\u0022value\u0022:\u0022weems-plantation\u0022,\u0022label\u0022:\u0022Weems Plantation\u0022},{\u0022value\u0022:\u0022wellswood-suburban-hills\u0022,\u0022label\u0022:\u0022Wellswood-Suburban Hills\u0022},{\u0022value\u0022:\u0022west-tharpe-st\u0022,\u0022label\u0022:\u0022West Tharpe St.\u0022},{\u0022value\u0022:\u0022westminster-oaks\u0022,\u0022label\u0022:\u0022Westminster Oaks\u0022},{\u0022value\u0022:\u0022westover\u0022,\u0022label\u0022:\u0022Westover\u0022},{\u0022value\u0022:\u0022westway\u0022,\u0022label\u0022:\u0022Westway\u0022},{\u0022value\u0022:\u0022whispering-pines\u0022,\u0022label\u0022:\u0022Whispering Pines\u0022},{\u0022value\u0022:\u0022willa2\u0022,\u0022label\u0022:\u0022Willa2\u0022},{\u0022value\u0022:\u0022williams-landing\u0022,\u0022label\u0022:\u0022Williams Landing\u0022},{\u0022value\u0022:\u0022wilson-green\u0022,\u0022label\u0022:\u0022Wilson Green\u0022},{\u0022value\u0022:\u0022windwood-hills\u0022,\u0022label\u0022:\u0022Windwood Hills\u0022},{\u0022value\u0022:\u0022winfield-forest\u0022,\u0022label\u0022:\u0022Winfield Forest\u0022},{\u0022value\u0022:\u0022wolf-creek\u0022,\u0022label\u0022:\u0022Wolf Creek\u0022},{\u0022value\u0022:\u0022woodbriar\u0022,\u0022label\u0022:\u0022Woodbriar\u0022},{\u0022value\u0022:\u0022woodbrook\u0022,\u0022label\u0022:\u0022Woodbrook\u0022},{\u0022value\u0022:\u0022woodgate\u0022,\u0022label\u0022:\u0022Woodgate\u0022},{\u0022value\u0022:\u0022woodland\u0022,\u0022label\u0022:\u0022Woodland\u0022},{\u0022value\u0022:\u0022woodland-drives\u0022,\u0022label\u0022:\u0022Woodland Drives\u0022},{\u0022value\u0022:\u0022woods-of-wakulla\u0022,\u0022label\u0022:\u0022Woods of Wakulla\u0022},{\u0022value\u0022:\u0022woodville\u0022,\u0022label\u0022:\u0022Woodville\u0022},{\u0022value\u0022:\u0022wren-hollow\u0022,\u0022label\u0022:\u0022Wren Hollow\u0022},{\u0022value\u0022:\u0022yorkshire\u0022,\u0022label\u0022:\u0022Yorkshire\u0022}]'),
        placeholder: 'Neighborhood',
        get filteredOptions() {
            if (!this.search) return this.options;
            return this.options.filter(opt =>
                opt.label.toLowerCase().includes(this.search.toLowerCase())
            );
        },
        init() {
            this.updateSelectedLabel();
            this.$watch('selectedValue', () => this.updateSelectedLabel());
        },
        updateSelectedLabel() {
            if (!this.selectedValue) {
                this.selectedLabel = '';
                return;
            }
            const found = this.options.find(opt => String(opt.value) === String(this.selectedValue));
            this.selectedLabel = found ? found.label : '';
        },
        selectOption(value, label) {
            if (this.disabled) return;
            this.selectedValue = value;
            this.selectedLabel = label;
            this.search = '';
            this.open = false;
            
        },
        clear() {
            if (this.disabled) return;
            this.selectedValue = '';
            this.selectedLabel = '';
            this.search = '';
                    },
        toggle() {
            if (this.disabled) return;
            this.open = !this.open;
            if (this.open) {
                this.$nextTick(() => this.$refs.searchInput.focus());
            }
        }
    }"
    @click.away="open = false; search = ''"
    class="relative inline-block feed-filter-select"
>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <button
        type="button"
        @click="toggle()"
        class="w-full text-sm border-gray-200 rounded-lg focus:ring-primary focus:border-primary bg-white border px-3 py-2 text-left flex items-center justify-between gap-2"
        :class="disabled ? 'opacity-50 cursor-not-allowed bg-gray-50' : ''"
    >
        <span x-text="selectedLabel || placeholder" :class="selectedLabel && !disabled ? 'text-gray-900' : 'text-gray-500'" class="truncate"></span>
        <div class="flex items-center gap-1">
            <template x-if="selectedValue && !disabled">
                <button
                    type="button"
                    @click.stop="clear()"
                    class="text-gray-400 hover:text-gray-600"
                >
                    <svg class="w-4 h-4" 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" />
                    </svg>
                </button>
            </template>
            <svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </div>
    </button>

    
    <div
        x-show="open"
        x-transition:enter="transition ease-out duration-100"
        x-transition:enter-start="opacity-0 scale-95"
        x-transition:enter-end="opacity-100 scale-100"
        x-transition:leave="transition ease-in duration-75"
        x-transition:leave-start="opacity-100 scale-100"
        x-transition:leave-end="opacity-0 scale-95"
        class="absolute z-[9999] w-full bg-white border border-gray-200 rounded-lg shadow-lg overflow-hidden top-full mt-1"
        style="min-width: 200px;"
    >
        
        <div class="p-2 border-b border-gray-100">
            <input
                type="text"
                x-ref="searchInput"
                x-model="search"
                @keydown.escape="open = false; search = ''"
                placeholder="Search..."
                class="w-full text-sm border-gray-200 rounded-md focus:ring-primary focus:border-primary px-3 py-1.5"
            >
        </div>

        
        <ul class="max-h-60 overflow-y-auto">
            <li>
                <button
                    type="button"
                    @click="selectOption('', '')"
                    class="w-full text-left px-3 py-2 text-sm hover:bg-gray-100 text-gray-500"
                    :class="{ 'bg-gray-50': !selectedValue }"
                >
                    Neighborhood
                </button>
            </li>
            <template x-for="option in filteredOptions" :key="option.value">
                <li>
                    <button
                        type="button"
                        @click="selectOption(option.value, option.label)"
                        class="w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center justify-between"
                        :class="{ 'bg-primary/10 text-primary': typeof selectedValue !== 'undefined' && String(selectedValue) === String(option.value) }"
                    >
                        <span x-text="option.label"></span>
                        <svg x-show="typeof selectedValue !== 'undefined' && String(selectedValue) === String(option.value)" class="w-4 h-4 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                        </svg>
                    </button>
                </li>
            </template>
            <li x-show="filteredOptions.length === 0" class="px-3 py-2 text-sm text-gray-500">
                No results found
            </li>
        </ul>
    </div>
</div>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            <!--[if ENDBLOCK]><![endif]-->            

            
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
    </div>

    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <div class="feed-items-container space-y-4">
        <div id="feed-items" class="space-y-4">
            <!--[if BLOCK]><![endif]-->                
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01krexwrs3zg97ffeaxk3n9the" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/radical-board-game-night/01kreddh2jjesc37dh1b4p61zt" class="absolute inset-0 z-10" aria-label="Radical Board Game Night"
        @click="navigator.sendBeacon('/api/feed/click/01krexwrs3zg97ffeaxk3n9the')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/events/01kreddh2jjesc37dh1b4p61zt/thumbnails/b28f7c5f-277c-460b-b486-770a30d8ed4b_300x200_scaled.jpg"
                        alt="Radical Board Game Night"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Wed, Jul 8
                        <!--[if BLOCK]><![endif]-->                            @ 6:00 pm
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Radical Board Game Night
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">Leroy Collins Leon County Main Public Library</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Join us every second Wednesday of the month for a game night. You are welcome to bring your favorite games or snacks to...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/radical-board-game-night/01kreddh2jjesc37dh1b4p61zt#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01kreddh2jjesc37dh1b4p61zt&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksf6rcck2nzg54ms4xtarr56" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/monday-night-meditation-and-social-630pm-8pm/01ksf65t71cn3chvxgd8xn58fj" class="absolute inset-0 z-10" aria-label="Monday Night Meditation and Social, 6:30pm-8pm"
        @click="navigator.sendBeacon('/api/feed/click/01ksf6rcck2nzg54ms4xtarr56')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/places/01k1wtc71whj2p4shd7bzpz1xt/thumbnails/chan-center_300x200_scaled.jpg"
                        alt="Monday Night Meditation and Social, 6:30pm-8pm"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Mon, Jun 29
                        <!--[if BLOCK]><![endif]-->                            @ 6:30 pm
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Monday Night Meditation and Social, 6:30pm-8pm
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">Tallahassee Chan Center</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    On the last Monday of each month, join a community gathering for meditation followed by a social. This is a chance to co...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/monday-night-meditation-and-social-630pm-8pm/01ksf65t71cn3chvxgd8xn58fj#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01ksf65t71cn3chvxgd8xn58fj&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksf8gt904hrrccscg8ze7f22" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/kettle-black/01ksf660qm8ex2h3dz305r78nq" class="absolute inset-0 z-10" aria-label="Kettle Black"
        @click="navigator.sendBeacon('/api/feed/click/01ksf8gt904hrrccscg8ze7f22')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/events/01ksf660qm8ex2h3dz305r78nq/thumbnails/aaea2104-18bc-4748-8bc9-6443a726aead_300x200_scaled.jpg"
                        alt="Kettle Black"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Fri, Jul 10
                        <!--[if BLOCK]><![endif]-->                            @ 8:00 pm
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Kettle Black
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">Flashbacks Lounge, Motel &amp; Self Storage</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Flashbacks Lounge, Motel &amp;amp; Self Storage - 2465 N Jefferson Hwy, Monticello, FL 32344 - Live music venue with 1 upcom...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/kettle-black/01ksf660qm8ex2h3dz305r78nq#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01ksf660qm8ex2h3dz305r78nq&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksf8cm044atypakhaq3fqgge" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/place/flashbacks-lounge-motel-self-storage/01ksf8ckzmf4kj1gwganhbg5t2" class="absolute inset-0 z-10" aria-label="Flashbacks Lounge, Motel &amp; Self Storage"
        @click="navigator.sendBeacon('/api/feed/click/01ksf8cm044atypakhaq3fqgge')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    Things to Do
                </span>
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Casual
                        </span>
                                            <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Lively
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Flashbacks Lounge, Motel &amp; Self Storage
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                    </svg>
                    <span class="truncate">2465 N Jefferson St, Monticello, FL 32344, USA</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Located at 2465 N. Jefferson Street in Monticello, Florida,&amp;nbsp;Flashbacks Lounge and Motel&amp;nbsp;is your premier locally owned and operated destination for...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/place/flashbacks-lounge-motel-self-storage/01ksf8ckzmf4kj1gwganhbg5t2#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Place&quot;,
        reactableId: &quot;01ksf8ckzmf4kj1gwganhbg5t2&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksf7scpma7nhamew8q5rc3b0" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/place/game-vault-florida/01ksf7scnwq5cd8b37yj5pxks1" class="absolute inset-0 z-10" aria-label="Game Vault Florida"
        @click="navigator.sendBeacon('/api/feed/click/01ksf7scpma7nhamew8q5rc3b0')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/places/01ksf7scnwq5cd8b37yj5pxks1/thumbnails/game-vault_300x200_scaled.jpg"
                        alt="Game Vault Florida"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    Things to Do
                </span>
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            East Side
                        </span>
                                            <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Quiet
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Game Vault Florida
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                    </svg>
                    <span class="truncate">2772 Capital Cir NE, Tallahassee, FL 32309, USA</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    We buy, sell &amp;amp; trade video games, Pokémon cards, sports cards, and collectibles!
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/place/game-vault-florida/01ksf7scnwq5cd8b37yj5pxks1#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Place&quot;,
        reactableId: &quot;01ksf7scnwq5cd8b37yj5pxks1&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksf740z25k7p43wfyn1p1b41" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/place/northflora-collective/01ksf740yhkzv8g9b81khn6fzk" class="absolute inset-0 z-10" aria-label="NorthFlora Collective"
        @click="navigator.sendBeacon('/api/feed/click/01ksf740z25k7p43wfyn1p1b41')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/places/01ksf740yhkzv8g9b81khn6fzk/thumbnails/north-flora-collective_300x200_scaled.jpg"
                        alt="NorthFlora Collective"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    Things to Do
                </span>
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            South Side
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                NorthFlora Collective
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                    </svg>
                    <span class="truncate">609 Railroad Sq, Tallahassee, FL 32310, USA</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    We are Tallahassee’s go-to boutique nursery, specializing in exotic and uncommon plants alongside a beautiful selection of classic, popular houseplants....
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/place/northflora-collective/01ksf740yhkzv8g9b81khn6fzk#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Place&quot;,
        reactableId: &quot;01ksf740yhkzv8g9b81khn6fzk&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksf6vjakwwczea8344d79rd6" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/arts-crafts/01ksf65wav2e6c4wpdasvjq6ph" class="absolute inset-0 z-10" aria-label="Arts &amp; Crafts"
        @click="navigator.sendBeacon('/api/feed/click/01ksf6vjakwwczea8344d79rd6')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/events/01ksf65wav2e6c4wpdasvjq6ph/thumbnails/81f00e21-1ac5-4ce0-837f-0587aef72cb7_300x200_scaled.jpg"
                        alt="Arts &amp; Crafts"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Mon, Jun 15
                        <!--[if BLOCK]><![endif]-->                            @ 10:00 am
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Arts &amp; Crafts
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">GentleHands Tallahassee Playspace</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Join us for a fun kids&#039; makers hour where each week features a new craft at one station and a freestyle craft table at a...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/arts-crafts/01ksf65wav2e6c4wpdasvjq6ph#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01ksf65wav2e6c4wpdasvjq6ph&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01kschsp1yx19vjpefn0c8xbd3" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/black-on-black-rhyme-tallahassee-every-1st-3rd-friday/01ks8k2hfwexm1zw726kdn1p1t" class="absolute inset-0 z-10" aria-label="BLACK ON BLACK RHYME TALLAHASSEE- EVERY 1ST &amp; 3RD FRIDAY"
        @click="navigator.sendBeacon('/api/feed/click/01kschsp1yx19vjpefn0c8xbd3')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/events/01ks8k2hfwexm1zw726kdn1p1t/thumbnails/black-on-black-rhyme_300x200_scaled.jpg"
                        alt="BLACK ON BLACK RHYME TALLAHASSEE- EVERY 1ST &amp; 3RD FRIDAY"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Fri, Jun 19
                        <!--[if BLOCK]><![endif]-->                            @ 8:00 pm
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                BLACK ON BLACK RHYME TALLAHASSEE- EVERY 1ST &amp; 3RD FRIDAY
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">Signature Lounge</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Black On Black Rhyme Tallahassee offers an engaging open mic night featuring poetry, singing, music, food, drinks, and l...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/black-on-black-rhyme-tallahassee-every-1st-3rd-friday/01ks8k2hfwexm1zw726kdn1p1t#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01ks8k2hfwexm1zw726kdn1p1t&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01kschnyhe5jkc2dbfpxzpx3g6" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/maurice-mangum/01ks8k293q91khwct503h44e69" class="absolute inset-0 z-10" aria-label="Maurice Mangum"
        @click="navigator.sendBeacon('/api/feed/click/01kschnyhe5jkc2dbfpxzpx3g6')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/events/01ks8k293q91khwct503h44e69/thumbnails/395941a1-822c-4ff4-80e2-edfaf45a46a8_300x200_scaled.jpg"
                        alt="Maurice Mangum"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Sun, Jun 14
                        <!--[if BLOCK]><![endif]-->                            @ 4:00 pm
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Maurice Mangum
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">Event Import Placeholder</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Enjoy fantastic music every Sunday with Maurice Mangum, host of the 2025 Community Choice Award winning Tallahassee&#039;s Be...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/maurice-mangum/01ks8k293q91khwct503h44e69#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01ks8k293q91khwct503h44e69&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksa6cbx32eq0g85vgcm2jq35" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/do-the-red-white-brew-pub-crawl-in-tallahassee/01ks8k2j06x2e4fgyej5ryvm33" class="absolute inset-0 z-10" aria-label="Do The Red, White, &amp; Brew Pub Crawl in Tallahassee!"
        @click="navigator.sendBeacon('/api/feed/click/01ksa6cbx32eq0g85vgcm2jq35')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/events/01ks8k2j06x2e4fgyej5ryvm33/thumbnails/8ecfdf0f-5379-420a-a8ab-138bb2e7455e_300x200_scaled.jpg"
                        alt="Do The Red, White, &amp; Brew Pub Crawl in Tallahassee!"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Sat, Jul 4
                        <!--[if BLOCK]><![endif]-->                            @ 4:30 pm
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Do The Red, White, &amp; Brew Pub Crawl in Tallahassee!
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">Finnegan&#039;s Wake</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Get ready to raise a glass and celebrate the 4th of July with the Red, White, &amp;amp; Brew Pub Crawl in Downtown Tallahass...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/do-the-red-white-brew-pub-crawl-in-tallahassee/01ks8k2j06x2e4fgyej5ryvm33#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01ks8k2j06x2e4fgyej5ryvm33&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksa6468c7q7sm929py4x584b" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/place/creepy-girl-trap/01ksa6467x9jrtew4g6tf9pj98" class="absolute inset-0 z-10" aria-label="Creepy Girl Trap"
        @click="navigator.sendBeacon('/api/feed/click/01ksa6468c7q7sm929py4x584b')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/places/01ksa6467x9jrtew4g6tf9pj98/thumbnails/creepy-girl-trap_300x200_scaled.jpg"
                        alt="Creepy Girl Trap"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    Things to Do
                </span>
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            South Side
                        </span>
                                            <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Casual
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Creepy Girl Trap
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                    </svg>
                    <span class="truncate">1102 S Adams St Suite 11, Tallahassee, FL 32301, USA</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Run by Weslyn and Allie from Florida and Oregon,&amp;nbsp;Creepy Girl Trap&amp;nbsp;is an online vintage market, art studio, and creative gothic...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/place/creepy-girl-trap/01ksa6467x9jrtew4g6tf9pj98#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Place&quot;,
        reactableId: &quot;01ksa6467x9jrtew4g6tf9pj98&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksa4nkqxzk0z9czp1fqs1q03" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/place/burned-beard-brewing/01ksa4nkqa6v2swzt4tjeqfgvh" class="absolute inset-0 z-10" aria-label="Burned Beard Brewing"
        @click="navigator.sendBeacon('/api/feed/click/01ksa4nkqxzk0z9czp1fqs1q03')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/places/01ksa4nkqa6v2swzt4tjeqfgvh/thumbnails/burned-beard-brewing_300x200_scaled.jpg"
                        alt="Burned Beard Brewing"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    Things to Do
                </span>
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Quiet
                        </span>
                                            <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Adult
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Burned Beard Brewing
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                    </svg>
                    <span class="truncate">10 N Adams St, Quincy, FL 32351, USA</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    We are a husband-and-wife duo dedicated to creating a completely carefree environment where you can kick back and enjoy the...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/place/burned-beard-brewing/01ksa4nkqa6v2swzt4tjeqfgvh#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Place&quot;,
        reactableId: &quot;01ksa4nkqa6v2swzt4tjeqfgvh&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ksa1q22pw27nasttfhazd4nt" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/place/goat-house-farm/01ksa1q21zex9mx22vfs2cyt13" class="absolute inset-0 z-10" aria-label="Goat House Farm"
        @click="navigator.sendBeacon('/api/feed/click/01ksa1q22pw27nasttfhazd4nt')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/places/01ksa1q21zex9mx22vfs2cyt13/thumbnails/goat-house-farm_300x200_scaled.jpg"
                        alt="Goat House Farm"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    Things to Do
                </span>
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            South Side
                        </span>
                                            <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Casual
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Goat House Farm
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                    </svg>
                    <span class="truncate">17870 Larkin Ct W, Tallahassee, FL 32310, USA</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Located in Tallahassee, Florida,&amp;nbsp;Goat House Farm&amp;nbsp;is a nonprofit micro-dairy and working farm dedicated to connecting people, animals, and agricultural education....
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/place/goat-house-farm/01ksa1q21zex9mx22vfs2cyt13#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Place&quot;,
        reactableId: &quot;01ksa1q21zex9mx22vfs2cyt13&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01ks8krtyge7xvqfd9vcxcpjkm" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/events/tallahassee-beer-fest/01ks8k2jx14th0m3s446wqn0zh" class="absolute inset-0 z-10" aria-label="Tallahassee Beer Fest"
        @click="navigator.sendBeacon('/api/feed/click/01ks8krtyge7xvqfd9vcxcpjkm')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/events/01ks8k2jx14th0m3s446wqn0zh/thumbnails/eb04b6ff-050e-4cc4-9029-accaed67be30_300x200_scaled.jpg"
                        alt="Tallahassee Beer Fest"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-100 text-purple-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                    </svg>
                    Event
                </span>
                <!--[if BLOCK]><![endif]-->                    <span class="text-xs font-semibold text-purple-700 bg-purple-50 px-2 py-0.5 rounded">
                        Sat, Aug 8
                        <!--[if BLOCK]><![endif]-->                            @ 7:00 pm
                        <!--[if ENDBLOCK]><![endif]-->                    </span>
                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Tallahassee Beer Fest
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="truncate">Donald L. Tucker Civic Center</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    North Florida&#039;s LARGEST beer festival returns on August 8, 2026, offering an exciting craft beer tasting experience. Joi...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/events/tallahassee-beer-fest/01ks8k2jx14th0m3s446wqn0zh#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Event&quot;,
        reactableId: &quot;01ks8k2jx14th0m3s446wqn0zh&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->                            
                <!--[if BLOCK]><![endif]-->                    <div wire:key="feed-item-01krjx3bb69crrznm2esszf91n" class="feed-item">
    <!--[if BLOCK]><![endif]-->        <article class="feed-card bg-white rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200 border border-gray-100 relative ">
    
    <a href="https://tallahasseean.com/place/hummingbird-wine-bar/01krjx3bafxea03zkdzveapme8" class="absolute inset-0 z-10" aria-label="Hummingbird Wine Bar"
        @click="navigator.sendBeacon('/api/feed/click/01krjx3bb69crrznm2esszf91n')" ></a>

    <div class="flex flex-col md:flex-row md:p-4 md:gap-4 overflow-hidden">
        
        <!--[if BLOCK]><![endif]-->            <div class="w-full md:w-48 lg:w-56 shrink-0">
                <div class="relative aspect-video md:aspect-square overflow-hidden bg-gray-100 md:rounded-lg">
                    <img
                        src="https://static.tallahasseean.com/p/images/places/01krjx3bafxea03zkdzveapme8/thumbnails/hummingbird-wine-bar_300x200_scaled.jpg"
                        alt="Hummingbird Wine Bar"
                        class="w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                        loading="lazy"
                    />
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </div>
            </div>
        <!--[if ENDBLOCK]><![endif]-->
        
        <div class="flex-1 min-w-0 p-4 md:p-0 flex flex-col">
            <div class="flex flex-wrap items-center gap-2 mb-2">
                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                    <svg class="w-3 h-3 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    Things to Do
                </span>
                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Midtown
                        </span>
                                            <span class="text-xs text-gray-500 bg-gray-100 px-2 py-0.5 rounded">
                            Casual
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            </div>

            <h3 class="text-lg font-semibold text-gray-900 mb-2 line-clamp-2">
                Hummingbird Wine Bar
            </h3>

            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm mb-2 flex items-center">
                    <svg class="w-4 h-4 mr-1 text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                    </svg>
                    <span class="truncate">1216-4 N Monroe St, Tallahassee, FL 32303, USA</span>
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <p class="text-gray-600 text-sm line-clamp-2 mb-3 flex-1">
                    Our mission is to bring people together over exceptional wine, whether you are a seasoned enthusiast or simply looking for...
                </p>
            <!--[if ENDBLOCK]><![endif]-->
            <div class="flex items-center justify-between text-xs text-gray-500 mt-auto relative z-20">
                <div>
    <div>
        <a href="https://tallahasseean.com/place/hummingbird-wine-bar/01krjx3bafxea03zkdzveapme8#comments" class="" title="Go to comments">
            <svg class="h-4 inline-block -mt-1 " fill="currentColor" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                <path d="M170.476,166.19h155.097c4.285,0,7.76-3.469,7.76-7.754s-3.475-7.765-7.76-7.765H170.476c-4.285,0-7.754,3.48-7.754,7.765 S166.191,166.19,170.476,166.19z"/>
                <path d="M348.088,203.362H202.74c-4.284,0-7.759,3.469-7.759,7.754s3.475,7.765,7.759,7.765h145.348c4.284,0,7.754-3.48,7.754-7.765 S352.372,203.362,348.088,203.362z"/>
                <path d="M306.695,256.052H170.476c-4.285,0-7.754,3.469-7.754,7.754c0,4.284,3.469,7.754,7.754,7.754h136.219 c4.279,0,7.754-3.47,7.754-7.754C314.448,259.521,310.974,256.052,306.695,256.052z"/>
                <path d="M396.776,86.288H115.225c-29.992,0-54.403,22.562-54.403,50.308v154.83c0,27.735,24.411,50.297,54.403,50.297h166.034 l119.812,83.989v-84.135c27.996-2.038,50.108-23.753,50.108-50.151v-154.83C451.179,108.85,426.768,86.288,396.776,86.288z M427.906,291.426c0,14.902-13.972,27.025-31.131,27.025h-18.978v62.523l-89.193-62.523h-173.38 c-17.164,0-31.131-12.123-31.131-27.025v-154.83c0-14.913,13.967-27.035,31.131-27.035h281.551 c17.159,0,31.131,12.123,31.131,27.035V291.426z"/>
            </svg>
            <!--[if BLOCK]><![endif]-->                0 comments
            <!--[if ENDBLOCK]><![endif]-->        </a>
    </div>
</div>

                <div
    x-data="{
        open: false,
        currentReaction: null,
        reactionCounts: {},
        totalCount: 0,
        loading: false,
        reactableType: &quot;App\\Models\\Place&quot;,
        reactableId: &quot;01krjx3bafxea03zkdzveapme8&quot;,
        isGuest: true,
        toggleUrl: &quot;https:\/\/tallahasseean.com\/reactions\/toggle&quot;,

        toggle() {
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                return;
            }
            this.open = !this.open;
        },

        async react(type) {
            if (this.loading) return;
            if (this.isGuest) {
                window.dispatchEvent(new CustomEvent('show-login-modal'));
                this.open = false;
                return;
            }

            this.loading = true;

            try {
                const response = await fetch(this.toggleUrl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                        'Accept': 'application/json',
                    },
                    body: JSON.stringify({
                        reactable_type: this.reactableType,
                        reactable_id: this.reactableId,
                        type: type,
                    }),
                });

                const data = await response.json();

                if (data.success) {
                    this.currentReaction = data.currentReaction;
                    this.reactionCounts = data.reactionCounts || {};
                    this.totalCount = data.totalCount;
                }
            } catch (error) {
                console.error('Reaction error:', error);
            } finally {
                this.loading = false;
                this.open = false;
            }
        },

        getEmoji(type) {
            const emojis = { 'like': '❤️', 'helpful': '💡', 'thank': '👍' };
            return emojis[type] || '';
        },

        selectedClass(type) {
            const classes = { 'like': 'bg-red-100', 'helpful': 'bg-yellow-100', 'thank': 'bg-blue-100' };
            return classes[type] || 'bg-gray-100';
        }
    }"
    @click.outside="open = false"
    class="relative inline-flex items-center"
>
    <!--[if BLOCK]><![endif]-->        <button
            @click="react('like')"
            :class="currentReaction ? 'bg-primary/10 text-primary' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'"
            class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-sm transition-all duration-200"
            :disabled="loading"
            aria-label="Like this"
            type="button"
        >
            <span class="text-sm leading-none" aria-hidden="true">❤️</span>
            <template x-if="totalCount > 0">
                <span class="font-semibold" x-text="totalCount"></span>
            </template>
        </button>
    <!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div>
            </div>
        </div>
    </div>
</article>
    <!--[if ENDBLOCK]><![endif]--></div>
                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
    </div>

    
    <div
        x-data="{ loading: false, hasMore: true, ended: false }"
        x-on:feed-items-appended.window="
            const scrollY = window.scrollY;
            document.getElementById('feed-items').insertAdjacentHTML('beforeend', $event.detail.html);
            window.scrollTo({ top: scrollY, behavior: 'instant' });
            loading = false;
            hasMore = $event.detail.hasMore;
            if (!hasMore) ended = true;
        "
        x-init="
            let lastScrollY = window.scrollY;
            let canLoad = true;

            const load = () => {
                if (loading || !hasMore || !canLoad) return;
                loading = true;
                canLoad = false;
                $wire.loadMore();
            };

            // Only allow loading after user has scrolled
            window.addEventListener('scroll', () => {
                if (window.scrollY > lastScrollY) {
                    canLoad = true;
                }
                lastScrollY = window.scrollY;
            });

            const observer = new IntersectionObserver((entries) => {
                if (entries[0].isIntersecting && hasMore && !loading && canLoad) load();
            }, { rootMargin: '100px' });
            observer.observe($el);
        "
        class="flex justify-center py-8"
    >
        <span x-show="loading" class="text-gray-500"><svg class="animate-spin h-5 w-5 inline mr-2" 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>Loading more...</span>
        <span x-show="!loading && hasMore" class="text-gray-400 text-sm">Scroll for more</span>
        <span x-show="ended" class="text-gray-400 text-sm">You've reached the end</span>
    </div>
</div>

    </div>

        </div>
        <div id="global-loader" data-show-delay="300"
            class="fixed top-1/2 -translate-x-1/2 -translate-y-1/2 inline-block z-50 bg-white border-2 border-secondary rounded-lg px-8 py-4 shadow-xl text-center"
            style="left:50%;border-radius: 0.75rem; padding: 2rem 3rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.04);">
            <div style="display: flex; flex-direction: column; align-items: center; gap: 1rem;">
                <svg class="animate-spin text-primary" style="height: 3rem; width: 3rem;"
                    xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                    <circle style="opacity: 0.25;" cx="12" cy="12" r="10" stroke="currentColor"
                        stroke-width="4"></circle>
                    <path style="opacity: 0.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>
                <span class="text-primary" style="font-size: 1.125rem; font-weight: 600;">Loading...</span>
            </div>
        </div>
    </main>
    <div x-data="{ footerOpen: false }" class="relative">
    
    <div
        x-show="footerOpen"
        x-transition:enter="transition-opacity ease-out duration-300"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="transition-opacity ease-in duration-200"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
        @click="footerOpen = false"
        class="fixed inset-0 bg-black/30 z-30"
        style="display: none;"
    ></div>

    
    <div
        x-show="!footerOpen"
        class="fixed left-0 right-0 bottom-0 z-50 flex justify-center"
    >
        
        <button
            @click="footerOpen = true"
            class="bg-black text-white hover:text-accent px-4 py-2 rounded-t-xl shadow-lg flex items-center"
            aria-label="Open footer"
        >
            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
            </svg>
        </button>
        
        <div class="absolute bottom-0 left-0 right-0 bg-black -z-10" style="height: calc(env(safe-area-inset-bottom, 0px) + 4px);"></div>
    </div>

    
    <div
        x-show="footerOpen"
        x-transition:enter="transition-transform duration-500 ease-out"
        x-transition:enter-start="translate-y-full"
        x-transition:enter-end="translate-y-0"
        x-transition:leave="transition-transform duration-300 ease-in"
        x-transition:leave-start="translate-y-0"
        x-transition:leave-end="translate-y-full"
        class="fixed left-0 right-0 bottom-0 z-40 flex flex-col"
        style="top: 60px; padding-bottom: env(safe-area-inset-bottom, 0px);"
    >
        
        <div class="flex justify-center flex-shrink-0">
            <button
                @click="footerOpen = false"
                class="bg-black text-white hover:text-accent px-4 py-2 rounded-t-xl shadow-lg flex items-center gap-2"
                aria-label="Close footer"
            >
                <svg class="w-5 h-5" 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" />
                </svg>
            </button>
        </div>

        
        <div class="flex-1 overflow-y-auto overscroll-contain bg-black" style="-webkit-overflow-scrolling: touch;">
            <footer class="site-footer">
    <!-- Navigation Section -->
    <nav class="site-footer__section" id="footer-navigation">
        <h6 class="site-footer__title">Navigation</h6>
        <a href="https://tallahasseean.com" class="site-footer__link">Home</a>
        <a href="https://tallahasseean.com/news" class="site-footer__link">News & Articles</a>
        <a href="https://tallahasseean.com/events" class="site-footer__link">Events</a>
        <a href="https://tallahasseean.com/places" class="site-footer__link">Things To Do</a>
        <a href="https://tallahasseean.com/community" class="site-footer__link">Community</a>
        <a href="https://tallahasseean.com/neighborhoods" class="site-footer__link">Neighborhoods</a>
        <a href="https://tallahasseean.com/weather" class="site-footer__link">Weather</a>
        <a href="https://tallahasseean.com/visitors" class="site-footer__link">Visitors & Newcomers</a>
    </nav>

    <!-- Newsletter Subscription Section -->
    <nav class="site-footer__section" id="footer-newsletter">
        <h6 class="site-footer__title">Stay Connected</h6>
        <div wire:snapshot="{&quot;data&quot;:{&quot;extraFields&quot;:[{&quot;company_website&quot;:&quot;&quot;,&quot;valid_from&quot;:&quot;eyJpdiI6IlBxWUFYQlhQRVNQOVlhWHEvRklROFE9PSIsInZhbHVlIjoiT3hxTUt0NzBFeG5rZy9iczF5L2ZZdz09IiwibWFjIjoiYTk5NjdjNDcxYmZiNzFkN2FjYTg5ZmE2NTNiMGIzYzU0ODBkNmNmNzExMTFmZGQ2NWQ0MzcyZjJhMmE1MzYwZSIsInRhZyI6IiJ9&quot;},{&quot;class&quot;:&quot;Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData&quot;,&quot;s&quot;:&quot;wrbl&quot;}],&quot;email&quot;:&quot;&quot;,&quot;minimal&quot;:false,&quot;formLoadedAt&quot;:1781339842,&quot;jsToken&quot;:&quot;&quot;,&quot;interactionToken&quot;:&quot;&quot;,&quot;recaptchaToken&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;oYoZjnmILPik1h299wZI&quot;,&quot;name&quot;:&quot;subscribe-form&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b75238eba896780ba9af20c16ffa89dccfbaf9614e3ef1ed6b25029e9d25c07e&quot;}" wire:effects="[]" wire:id="oYoZjnmILPik1h299wZI" class=""
     x-data="{
         recaptchaToken: window.Livewire.find('oYoZjnmILPik1h299wZI').entangle('recaptchaToken'),
         async executeRecaptcha() {
                              try {
                     this.recaptchaToken = await window.tallahasseeanRecaptcha.execute('subscribe_form');
                 } catch (error) {
                     console.error('reCAPTCHA error:', error);
                 }
                      },
         init() {
             // Set JS verification token after a brief delay to ensure legitimate page load
             setTimeout(() => {
                 $wire.set('jsToken', 'verified');
             }, 500);
         }
     }">
    <!--[if BLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
    <form class="mb-5 relative"
          x-on:submit.prevent="await executeRecaptcha(); $wire.subscribe()">
          <!--[if BLOCK]><![endif]-->    <div id="company_website_4Oy2V18nls2h620g_wrap"  style="display: none" aria-hidden="true">
        <input id="company_website_4Oy2V18nls2h620g"
               name="company_website_4Oy2V18nls2h620g"
               type="text"
               value=""
                wire:model.defer="extraFields.company_website"                autocomplete="nope"
               tabindex="-1">
        <input name="valid_from"
               type="text"
               value="eyJpdiI6Ii9Ld01XenA0aEREM2pZMmVsNjFjcmc9PSIsInZhbHVlIjoiRlJiWlIxdzM2Y1VIOU8rZU02WVBVdz09IiwibWFjIjoiODk0YmZjZjA0Y2U1YmU3YjkyYWEwMDZhNzI0YTkyNmUyMTk3ZWQ2OGYyMGJjNzM0MWQyNGE0MTZjYTcyZmE0OCIsInRhZyI6IiJ9"
                wire:model.defer="extraFields.valid_from"                autocomplete="off"
               tabindex="-1">
    </div>
<!--[if ENDBLOCK]><![endif]-->          <input type="hidden" wire:model="recaptchaToken">

        <label for="subscribe" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>
        <div class="join w-full">
            <input x-ref="emailInputEl"
                   type="email"
                   wire:model="email"
                   id="subscribe"
                   @focus="$wire.set('interactionToken', 'interacted')"
                   @input="$wire.set('interactionToken', 'interacted')"
                   class="input join-item w-full p-4 text-sm text-white bg-gray-900 focus:bg-gray-700 border border-accent focus:border-accent focus:ring-0 rounded-lg"
                   placeholder="Enter Your Email" required>

            <button type="submit"
                    class="join-item text-white bg-accent font-medium rounded-lg text-sm px-3 py-2 transform end-2.5 bottom-2.5 transition-transform duration-900 ease-linear">
                Subscribe
            </button>
        </div>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </form>


    <!--[if BLOCK]><![endif]-->        <p>Join our newsletter for occasional updates.</p>
        <p>We will never sell or share your information or spam you.</p>
    <!--[if ENDBLOCK]><![endif]--></div>
    </nav>

    <!-- Social Media Section -->
    <nav class="site-footer__section" id="footer-social">
        <h6 class="site-footer__title">
            Share the
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="site-footer__heart-icon">
                <path d="m9.653 16.915-.005-.003-.019-.01a20.759 20.759 0 0 1-1.162-.682 22.045 22.045 0 0 1-2.582-1.9C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 0 1 8-2.828A4.5 4.5 0 0 1 18 7.5c0 2.852-2.044 5.233-3.885 6.82a22.049 22.049 0 0 1-3.744 2.582l-.019.01-.005.003h-.002a.739.739 0 0 1-.69.001l-.002-.001Z"/>
            </svg>
        </h6>
        <div class="site-footer__social-grid">
            <a target="_blank" href="https://www.facebook.com/Tallahasseean" class="site-footer__link" id="social-facebook">
                <img src="https://tallahasseean.com/img/socials/facebook.png" alt="Facebook" class="site-footer__social-icon"/>
            </a>
            <a target="_blank" href="https://twitter.com/Tallahasseean" class="site-footer__link" id="social-twitter">
                <img src="https://tallahasseean.com/img/socials/x.png" alt="X" class="site-footer__social-icon"/>
            </a>
            <a target="_blank" href="https://www.instagram.com/Tallahasseean/" class="site-footer__link" id="social-instagram">
                <img src="https://tallahasseean.com/img/socials/instagram.png" alt="Instagram" class="site-footer__social-icon"/>
            </a>
            <a target="_blank" href="https://www.youtube.com/@Tallahasseean" class="site-footer__link" id="social-youtube">
                <img src="https://tallahasseean.com/img/socials/youtube.png" alt="YouTube" class="site-footer__social-icon"/>
            </a>
            <a target="_blank" href="https://www.tiktok.com/@tallahasseean" class="site-footer__link" id="social-tiktok">
                <img src="https://tallahasseean.com/img/socials/tiktok.png" alt="TikTok" class="site-footer__social-icon"/>
            </a>
        </div>
    </nav>

    <!-- Company/About Section -->
    <nav class="site-footer__section" id="footer-company">
        <h6 class="site-footer__title">Tallahasseean</h6>
        <a href="https://tallahasseean.com/why" class="site-footer__link">Why</a>
        <a href="https://tallahasseean.com/contact" class="site-footer__link">Contact</a>
        <a href="https://tallahasseean.com/advertise" class="site-footer__link">Advertise</a>
        <a href="https://tallahasseean.com/faq" class="site-footer__link">Frequently Asked Questions</a>
        <a href="https://tallahasseean.com/dmca" class="site-footer__link">DMCA Policy</a>
    </nav>
</footer>

<!-- Copyright Section -->
<footer class="site-copyright" id="site-copyright">
    <div class="site-copyright__content">
        <p>
            &copy;2026 Flip Flop Media. All rights reserved.
        </p>
    </div>
    <nav class="site-copyright__links">
        <div class="site-copyright__links-grid">
            <a href="https://tallahasseean.com/privacy" class="site-footer__link">Privacy Policy</a>
            <a href="https://tallahasseean.com/terms" class="site-footer__link">Terms of Use</a>
        </div>
    </nav>
</footer>
        </div>
    </div>
</div>
        <link rel="preload" as="style" href="https://tallahasseean.com/build/assets/app-7977f0bb.css" /><link rel="modulepreload" as="script" href="https://tallahasseean.com/build/assets/app-3fc5f84e.js" /><link rel="stylesheet" href="https://tallahasseean.com/build/assets/app-7977f0bb.css" data-navigate-track="reload" /><script type="module" src="https://tallahasseean.com/build/assets/app-3fc5f84e.js" data-navigate-track="reload"></script>    <script src="/livewire/livewire.min.js?id=a60c5ee6"   data-csrf="3H5T4J7CrCr0GSYWIYgRj20isnBV3Y8X8XTkh5J4" data-update-uri="/livewire/update" data-navigate-once="true"></script>
                <script>
                (() => {
                    const siteKey = '6LfG7forAAAAABcjRsID-zi8vVu3GRfE11a7w7Lb';
                    let loadPromise = null;

                    const loadRecaptcha = () => {
                        if (window.grecaptcha && window.grecaptcha.ready && window.grecaptcha.execute) {
                            return Promise.resolve(window.grecaptcha);
                        }

                        if (!loadPromise) {
                            loadPromise = new Promise((resolve, reject) => {
                                const script = document.createElement('script');
                                script.src = `https://www.google.com/recaptcha/api.js?render=${encodeURIComponent(siteKey)}`;
                                script.async = true;
                                script.defer = true;
                                script.onload = () => resolve(window.grecaptcha);
                                script.onerror = () => reject(new Error('reCAPTCHA failed to load'));
                                document.head.appendChild(script);
                            });
                        }

                        return loadPromise;
                    };

                    window.tallahasseeanRecaptcha = {
                        async execute(action) {
                            if (!siteKey) {
                                throw new Error('reCAPTCHA site key is not configured');
                            }

                            const grecaptcha = await loadRecaptcha();

                            return new Promise((resolve, reject) => {
                                grecaptcha.ready(() => {
                                    grecaptcha.execute(siteKey, { action }).then(resolve).catch(reject);
                                });
                            });
                        },
                    };
                })();
            </script>
            <link rel="modulepreload" as="script" href="https://tallahasseean.com/build/assets/sweet-alert-0f76f9b4.js" /><script type="module" src="https://tallahasseean.com/build/assets/sweet-alert-0f76f9b4.js" data-navigate-track="reload"></script><script>
    const SwalModal = (icon, title, html) => {
        Swal.fire({
            icon,
            title,
            html
        })
    }

    const SwalConfirm = (icon, title, html, confirmButtonText, method, params, callback, componentId) => {
        Swal.fire({
            icon,
            title,
            html,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText,
            reverseButtons: true,
        }).then(result => {
            if (result.value) {
                if (componentId) {
                    Livewire.find(componentId).call(method, ...params)
                } else {
                    Livewire.dispatch(method, params)
                }
            }

            if (callback) {
                if (componentId) {
                    Livewire.find(componentId).call(callback)
                } else {
                    Livewire.dispatch(callback)
                }
            }
        })
    }

    const SwalAlert = (icon, title, timeout = 7000) => {
        const Toast = Swal.mixin({
            toast: false,
            position: 'center',
            showConfirmButton: false,
            timer: timeout,
            onOpen: toast => {
                toast.addEventListener('mouseenter', Swal.stopTimer)
                toast.addEventListener('mouseleave', Swal.resumeTimer)
            }
        })

        Toast.fire({
            icon,
            title
        })
    }

    document.addEventListener('DOMContentLoaded', () => {
        Livewire.on('swal:modal', data => {
            data = data[0];
            SwalModal(data.icon, data.title, data.text)
        })

        Livewire.on('swal:confirm', data => {
            data = data[0];
            SwalConfirm(data.icon, data.title, data.text, data.confirmText, data.method, data.params, data.callback, data.componentId)
        })

        Livewire.on('swal:alert', data => {
            data = data[0];
            SwalAlert(data.icon, data.title, data.timeout)
        })
    })
</script>
    <script>
        document.addEventListener('livewire:init', () => {
            const loaderElement = document.getElementById('global-loader');
            let loaderTimeout = null;
            let visible = false;

            const show = () => {
                if (loaderTimeout == null) {
                    const delay = Number(loaderElement?.dataset?.showDelay ?? 300);
                    loaderTimeout = setTimeout(() => {
                        loaderElement.classList.add('active');
                    }, delay);
                }
            };

            const hide = () => {
                if (loaderTimeout != null) {
                    clearTimeout(loaderTimeout);
                    loaderTimeout = null;
                }
                loaderElement.classList.remove('active');
            };

            // Methods that should skip the global loader (they have their own loading indicators)
            const silentMethods = ['loadMore'];

            Livewire.hook('commit', ({
                component,
                commit,
                respond,
                succeed,
                fail
            }) => {
                // Check if any of the calls are silent methods
                const isSilent = commit.calls.some(call => silentMethods.includes(call.method));

                if (!isSilent) {
                    show();
                }
                respond(() => {});
                succeed(() => queueMicrotask(() => hide()));
                fail(() => hide());
            });

            // Suppress Livewire's default error dialog on error pages
            Livewire.hook('request', ({ fail }) => {
                fail(({ status, preventDefault }) => {
                    // On error pages, suppress the modal entirely
                    if (document.body.classList.contains('error-page')) {
                        preventDefault();
                        return;
                    }
                    // For 419 (CSRF token expired), reload the page instead of showing modal
                    if (status === 419) {
                        window.location.reload();
                        preventDefault();
                    }
                });
            });
        });
    </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0afc5db0a1c3017',t:'MTc4MTMzOTg0MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>
