<turbo-stream action="append" target="post_215_comments"><template>
  <div id="comment_1713" data-controller="comment comment-reply" data-comment-id="1713" data-view="comment">
  <div class="flex gap-3 items-start">
    
      
        <a class="avatar flex-shrink-0 hover:opacity-80 transition-opacity" data-controller="hover-card" data-hover-card-url-value="/users/102/hover_card" href="/users/102">
          <div class="w-10 h-10 rounded-full">
            <img alt="Krogen&#39;s avatar" class="w-10 h-10 object-cover" src="/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjkzMywicHVyIjoiYmxvYl9pZCJ9fQ==--a4511bc95b8ca1ca8fbf1113c1ed32894e3732fb/krogen-line-art%20square.png?v=1" />
          </div>
</a>    <div class="flex-1 min-w-0">
      <div data-comment-target="bubble">
      
        <div class="bg-base-200 rounded-lg p-3">
          <div class="flex items-center justify-between mb-1">
            <a class="font-semibold text-sm hover:text-orange-600 transition-colors" href="/users/102">Krogen</a>
            <span class="text-xs text-base-content/60">
              about 1 month ago
            </span>
          </div>
          <div class="prose prose-sm max-w-none">
              <p>What's cooking?  Tonight it's Jalapeno Poppers with Voodoo and Smoked Paprika.  World Spice's very own recipe.  Add a salad and a brew, and all is good! </p>

          </div>
        </div>
      </div>


      <div class="flex flex-wrap gap-2 mt-2 ml-3 items-center">
          <div class="btn btn-ghost btn-sm gap-2" title="Log in to react">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
            </svg>
            <span>2</span>
          </div>

      </div>

    </div>
  </div>


  <div id="comment_1713_replies" class="ml-8 mt-4 space-y-3 empty:hidden">
      <div id="comment_1744" data-controller="comment comment-reply" data-comment-id="1744" data-view="comment">
  <div class="flex gap-3 items-start">
    
      
        <a class="avatar flex-shrink-0 hover:opacity-80 transition-opacity" data-controller="hover-card" data-hover-card-url-value="/users/105/hover_card" href="/users/105">
          <div class="w-10 h-10 rounded-full">
            <img alt="Carli&#39;s avatar" class="w-10 h-10 object-cover" src="/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjk3NywicHVyIjoiYmxvYl9pZCJ9fQ==--6f3d0d710528f543bcffb71b6602a2bc51cf2e9c/conjuring%20fireflies.jpeg?v=1" />
          </div>
</a>    <div class="flex-1 min-w-0">
      <div data-comment-target="bubble">
      
        <div class="bg-base-200 rounded-lg p-3">
          <div class="flex items-center justify-between mb-1">
            <a class="font-semibold text-sm hover:text-orange-600 transition-colors" href="/users/105">Carli</a>
            <span class="text-xs text-base-content/60">
              about 1 month ago
            </span>
          </div>
          <div class="prose prose-sm max-w-none">
              <p>Yum!</p>

          </div>
        </div>
      </div>


      <div class="flex flex-wrap gap-2 mt-2 ml-3 items-center">
          <div class="btn btn-ghost btn-sm gap-2" title="Log in to react">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
            </svg>
            <span>0</span>
          </div>

      </div>

    </div>
  </div>


  <div id="comment_1744_replies" class="ml-4 mt-4 space-y-3 empty:hidden">
  </div>

</div>

      <div id="comment_1752" data-controller="comment comment-reply" data-comment-id="1752" data-view="comment">
  <div class="flex gap-3 items-start">
    
      <span class="relative shrink-0 inline-flex">
        <a class="avatar flex-shrink-0 hover:opacity-80 transition-opacity" data-controller="hover-card" data-hover-card-url-value="/users/3/hover_card" href="/users/3">
          <div class="w-10 h-10 rounded-full">
            <img alt="Porter&#39;s avatar" class="w-10 h-10 object-cover" src="/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjg1OCwicHVyIjoiYmxvYl9pZCJ9fQ==--aef5b47632e10c06f0754385afbea75b9157ae2a/porter.jpg?v=1" />
          </div>
</a><span class="absolute -bottom-0.5 -right-0.5 z-10 flex items-center justify-center rounded-full bg-secondary text-secondary-content ring-base-100 w-4 h-4 ring-2" title="Staff" aria-label="Staff"><svg class="h-2.5 w-2.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path></svg></span></span>    <div class="flex-1 min-w-0">
      <div data-comment-target="bubble">
      
        <div class="bg-base-200 rounded-lg p-3">
          <div class="flex items-center justify-between mb-1">
            <a class="font-semibold text-sm hover:text-orange-600 transition-colors" href="/users/3">Porter</a>
            <span class="text-xs text-base-content/60">
              about 1 month ago
            </span>
          </div>
          <div class="prose prose-sm max-w-none">
              <p>The Jalapeno Poppers are one of my favorite recipes ever. </p>

          </div>
        </div>
      </div>


      <div class="flex flex-wrap gap-2 mt-2 ml-3 items-center">
          <div class="btn btn-ghost btn-sm gap-2" title="Log in to react">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
            </svg>
            <span>0</span>
          </div>

      </div>

    </div>
  </div>


  <div id="comment_1752_replies" class="ml-4 mt-4 space-y-3 empty:hidden">
  </div>

</div>

  </div>

</div>

</template></turbo-stream>
  <turbo-stream action="remove" target="post_215_comments_load_more"></turbo-stream>
