<turbo-stream action="replace" target="posts_forums_topic_63d94ba9-a38f-41fa-81c9-8867a0598b3c"><template><turbo-frame id="posts_forums_topic_63d94ba9-a38f-41fa-81c9-8867a0598b3c">
  <div class="px-3 sm:px-5 py-3 sm:py-6 mt-5 border rounded-lg bg-white">
      <div class="flex items-center justify-between mb-4">
        <div class="relative" data-controller="dropdown-popover" data-dropdown-popover-placement-value="bottom-start top-start">
  <button
    type="button"
    class="flex items-center gap-1.5 px-2.5 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-200 rounded-md hover:bg-gray-50 focus:outline-none focus-visible:ring-0 transition-colors"
    data-dropdown-popover-target="button"
    data-action="dropdown-popover#toggle"
    aria-haspopup="listbox"
    aria-label="Trier par"
  >
    <span class="inline">Plus anciens</span>
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><title>sorting</title><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="currentColor"><line x1="9.25" y1="9.25" x2="15.25" y2="9.25"></line><line x1="9.25" y1="6.25" x2="13.25" y2="6.25"></line><line x1="9.25" y1="3.25" x2="11.25" y2="3.25"></line><polyline points="8.5 12.5 5.75 15.25 3 12.5"></polyline><line x1="5.75" y1="15.25" x2="5.75" y2="2.75"></line></g></svg>
  </button>

  <dialog
    class="absolute z-[80] my-1 w-72 origin-top-left duration-50 rounded-xl bg-white text-gray-900 opacity-0 outline outline-offset-0 outline-1 outline-black/10 shadow-lg"
    data-dropdown-popover-target="menu"
    data-controller="menu"
    data-action="click@document->dropdown-popover#closeOnClickOutside close->menu#reset keydown.up->menu#prev:prevent keydown.down->menu#next:prevent"
    data-menu-index-value="-1"
  >
    <div class="p-1" role="listbox" aria-label="Trier par">
        <a class="group block w-full text-left px-3 py-2 rounded-lg focus:outline-none focus:ring-0 focus:bg-gray-100/75 bg-primary-50 text-primary-700 hover:text-primary-700 focus:bg-primary-50" data-turbo-stream="true" data-menu-target="item" data-action="click-&gt;dropdown-popover#close" role="option" aria_selected="true" tabindex="-1" href="/community/63d94ba9-a38f-41fa-81c9-8867a0598b3c/sort_posts?modal_mode=false&amp;posts_sort=oldest">
          <div class="flex items-center justify-between">
            <span class="font-medium text-sm group-hover:text-primary-700">Plus anciens</span>
              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-primary-600" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
              </svg>
          </div>
          <p class="text-xs text-gray-500 mt-0.5">Affiche les commentaires &amp; réponses par ordre chronologique</p>
</a>        <a class="group block w-full text-left px-3 py-2 rounded-lg focus:outline-none focus:ring-0 focus:bg-gray-100/75 text-gray-700 hover:bg-gray-50 hover:text-primary-700" data-turbo-stream="true" data-menu-target="item" data-action="click-&gt;dropdown-popover#close" role="option" aria_selected="false" tabindex="-1" href="/community/63d94ba9-a38f-41fa-81c9-8867a0598b3c/sort_posts?modal_mode=false&amp;posts_sort=most_popular">
          <div class="flex items-center justify-between">
            <span class="font-medium text-sm group-hover:text-primary-700">Plus populaires</span>
          </div>
          <p class="text-xs text-gray-500 mt-0.5">Affiche d&#39;abord les discussions les plus actives</p>
</a>        <a class="group block w-full text-left px-3 py-2 rounded-lg focus:outline-none focus:ring-0 focus:bg-gray-100/75 text-gray-700 hover:bg-gray-50 hover:text-primary-700" data-turbo-stream="true" data-menu-target="item" data-action="click-&gt;dropdown-popover#close" role="option" aria_selected="false" tabindex="-1" href="/community/63d94ba9-a38f-41fa-81c9-8867a0598b3c/sort_posts?modal_mode=false&amp;posts_sort=latest_activity">
          <div class="flex items-center justify-between">
            <span class="font-medium text-sm group-hover:text-primary-700">Dernière activité</span>
          </div>
          <p class="text-xs text-gray-500 mt-0.5">Affiche d&#39;abord les interactions les plus récentes</p>
</a>    </div>
  </dialog>
</div>

      </div>

    <div id="posts_topic_63d94ba9-a38f-41fa-81c9-8867a0598b3c"
         data-infinite-scroll-posts-target="posts"
         data-posts-sort="oldest"
>


        <turbo-frame loading="lazy" data-turbo-cache="false" data-post-id="a7d94943-6faf-4ed9-861f-918552b3f6f3" data-page="1" id="post_frame_forums_post_a7d94943-6faf-4ed9-861f-918552b3f6f3" src="/community/posts/a7d94943-6faf-4ed9-861f-918552b3f6f3/post_frame?index=0&amp;modal_mode=false&amp;page=1&amp;posts_sort=oldest&amp;topic_id=63d94ba9-a38f-41fa-81c9-8867a0598b3c">
          <div class="space-y-4">
            <div class="mb-6">
  <div class="flex justify-start relative">
    <div class="shrink-0 grow-0 relative">
      <span class="bg-gray-200 animate-pulse inline-block size-6 sm:size-9 rounded-full"></span>
    </div>

    <div class="ml-1 sm:ml-2.5 min-h-0 min-w-0 grow rounded-md">
      <div class="flex flex-1 justify-between items-center">
        <div class="flex items-center flex-wrap">
          <h4 class="font-medium text-sm">
            <span class="bg-gray-200 animate-pulse rounded-full px-8 inline-block select-none">&nbsp;</span>
          </h4>
          <h6 class="pt-0.5 w-full font-normal text-[10px] leading-3 mt-1">
            <span class="bg-gray-100 animate-pulse rounded-full px-12 py-0.5 inline-block select-none">&nbsp;</span>
          </h6>
        </div>
        <div class="ml-1 flex items-center justify-center rounded-md border border-gray-100 bg-gray-50 p-1.5 animate-pulse">
          <span class="size-4"></span>
        </div>
      </div>

      <div class="mt-2 text-sm leading-5 font-normal mb-2.5 space-y-2">
        <span class="bg-gray-100 animate-pulse rounded h-4 block w-11/12 select-none"></span>
        <span class="bg-gray-100 animate-pulse rounded h-4 block w-3/4 select-none"></span>
      </div>

      <div class="flex flex-wrap sm:items-center gap-x-2 gap-y-2 mr-auto">
        <div class="h-[28px] text-xs font-semibold flex items-center border border-gray-100 rounded-md divide-x shrink-0 w-fit mt-1 md:mt-0">
          <div class="inline-flex items-center justify-center px-1.5 py-1">
            <span class="bg-gray-100 animate-pulse rounded size-4 inline-block"></span>
          </div>
        </div>
        <div class="h-[28px] text-xs font-semibold flex items-center border border-gray-100 rounded-md divide-x shrink-0 w-fit mt-1 md:mt-0">
          <div class="inline-flex items-center justify-center px-1.5 py-1">
            <span class="bg-gray-100 animate-pulse rounded size-4 inline-block"></span>
          </div>
          <span class="border-l border-gray-100 flex items-center px-1.5 h-4 shrink-0">
            <span class="bg-gray-100 animate-pulse rounded-full px-4 inline-block select-none">&nbsp;</span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

          </div>
</turbo-frame>        <turbo-frame loading="lazy" data-turbo-cache="false" data-post-id="abc8875c-150c-47f3-a267-5d1c9002b6d2" data-page="1" id="post_frame_forums_post_abc8875c-150c-47f3-a267-5d1c9002b6d2" src="/community/posts/abc8875c-150c-47f3-a267-5d1c9002b6d2/post_frame?index=1&amp;modal_mode=false&amp;page=1&amp;posts_sort=oldest&amp;topic_id=63d94ba9-a38f-41fa-81c9-8867a0598b3c">
          <div class="space-y-4">
            <div class="mb-6">
  <div class="flex justify-start relative">
    <div class="shrink-0 grow-0 relative">
      <span class="bg-gray-200 animate-pulse inline-block size-6 sm:size-9 rounded-full"></span>
    </div>

    <div class="ml-1 sm:ml-2.5 min-h-0 min-w-0 grow rounded-md">
      <div class="flex flex-1 justify-between items-center">
        <div class="flex items-center flex-wrap">
          <h4 class="font-medium text-sm">
            <span class="bg-gray-200 animate-pulse rounded-full px-8 inline-block select-none">&nbsp;</span>
          </h4>
          <h6 class="pt-0.5 w-full font-normal text-[10px] leading-3 mt-1">
            <span class="bg-gray-100 animate-pulse rounded-full px-12 py-0.5 inline-block select-none">&nbsp;</span>
          </h6>
        </div>
        <div class="ml-1 flex items-center justify-center rounded-md border border-gray-100 bg-gray-50 p-1.5 animate-pulse">
          <span class="size-4"></span>
        </div>
      </div>

      <div class="mt-2 text-sm leading-5 font-normal mb-2.5 space-y-2">
        <span class="bg-gray-100 animate-pulse rounded h-4 block w-11/12 select-none"></span>
        <span class="bg-gray-100 animate-pulse rounded h-4 block w-3/4 select-none"></span>
      </div>

      <div class="flex flex-wrap sm:items-center gap-x-2 gap-y-2 mr-auto">
        <div class="h-[28px] text-xs font-semibold flex items-center border border-gray-100 rounded-md divide-x shrink-0 w-fit mt-1 md:mt-0">
          <div class="inline-flex items-center justify-center px-1.5 py-1">
            <span class="bg-gray-100 animate-pulse rounded size-4 inline-block"></span>
          </div>
        </div>
        <div class="h-[28px] text-xs font-semibold flex items-center border border-gray-100 rounded-md divide-x shrink-0 w-fit mt-1 md:mt-0">
          <div class="inline-flex items-center justify-center px-1.5 py-1">
            <span class="bg-gray-100 animate-pulse rounded size-4 inline-block"></span>
          </div>
          <span class="border-l border-gray-100 flex items-center px-1.5 h-4 shrink-0">
            <span class="bg-gray-100 animate-pulse rounded-full px-4 inline-block select-none">&nbsp;</span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

          </div>
</turbo-frame>        <turbo-frame loading="lazy" data-turbo-cache="false" data-post-id="776c58e7-be75-4c90-b1b8-480bb396e7aa" data-page="1" id="post_frame_forums_post_776c58e7-be75-4c90-b1b8-480bb396e7aa" src="/community/posts/776c58e7-be75-4c90-b1b8-480bb396e7aa/post_frame?index=2&amp;modal_mode=false&amp;page=1&amp;posts_sort=oldest&amp;topic_id=63d94ba9-a38f-41fa-81c9-8867a0598b3c">
          <div class="space-y-4">
            <div class="mb-6">
  <div class="flex justify-start relative">
    <div class="shrink-0 grow-0 relative">
      <span class="bg-gray-200 animate-pulse inline-block size-6 sm:size-9 rounded-full"></span>
    </div>

    <div class="ml-1 sm:ml-2.5 min-h-0 min-w-0 grow rounded-md">
      <div class="flex flex-1 justify-between items-center">
        <div class="flex items-center flex-wrap">
          <h4 class="font-medium text-sm">
            <span class="bg-gray-200 animate-pulse rounded-full px-8 inline-block select-none">&nbsp;</span>
          </h4>
          <h6 class="pt-0.5 w-full font-normal text-[10px] leading-3 mt-1">
            <span class="bg-gray-100 animate-pulse rounded-full px-12 py-0.5 inline-block select-none">&nbsp;</span>
          </h6>
        </div>
        <div class="ml-1 flex items-center justify-center rounded-md border border-gray-100 bg-gray-50 p-1.5 animate-pulse">
          <span class="size-4"></span>
        </div>
      </div>

      <div class="mt-2 text-sm leading-5 font-normal mb-2.5 space-y-2">
        <span class="bg-gray-100 animate-pulse rounded h-4 block w-11/12 select-none"></span>
        <span class="bg-gray-100 animate-pulse rounded h-4 block w-3/4 select-none"></span>
      </div>

      <div class="flex flex-wrap sm:items-center gap-x-2 gap-y-2 mr-auto">
        <div class="h-[28px] text-xs font-semibold flex items-center border border-gray-100 rounded-md divide-x shrink-0 w-fit mt-1 md:mt-0">
          <div class="inline-flex items-center justify-center px-1.5 py-1">
            <span class="bg-gray-100 animate-pulse rounded size-4 inline-block"></span>
          </div>
        </div>
        <div class="h-[28px] text-xs font-semibold flex items-center border border-gray-100 rounded-md divide-x shrink-0 w-fit mt-1 md:mt-0">
          <div class="inline-flex items-center justify-center px-1.5 py-1">
            <span class="bg-gray-100 animate-pulse rounded size-4 inline-block"></span>
          </div>
          <span class="border-l border-gray-100 flex items-center px-1.5 h-4 shrink-0">
            <span class="bg-gray-100 animate-pulse rounded-full px-4 inline-block select-none">&nbsp;</span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

          </div>
</turbo-frame>
    </div>

    <div class="   xl:bottom-0 xl:sticky xl:bg-white/85 xl:backdrop-blur xl:pb-4 -mx-3 px-3 sm:-mx-5 sm:px-5 xl:rounded-bl-2xl xl:pt-4 xl:border-t xl:border-gray-200 xl:z-20">
      <div class="flex justify-start">
        <div class="shrink-0 grow-0">
          <button type="button"
                  data-infinite-scroll-posts-target="jumpButton"
                  data-action="click->infinite-scroll-posts#jumpToLatest"
                  class="hidden absolute inset-x-0 mx-auto w-fit -top-12 z-50 items-center justify-center flex-1 mt-2 button-secondary p-2 sm:px-2.5 sm:py-1.5 rounded-lg bg-white border border-gray-200 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none hover:text-gray-900"
                  title="Aller en bas de page">
            <span class="hidden sm:block">Aller en bas de page</span>
            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="currentColor"><line x1="6" y1="1" x2="6" y2="10.75"></line><polyline points="2.75 7.75 6 11 9.25 7.75"></polyline></g></svg>
            <span class="sr-only">Aller en bas de page</span>
          </button>


        </div>
        <div class="sm:ml-2.5 w-full grow border p-3 rounded-lg text-sm min-w-0 bg-white" id="post_form_container_topic_63d94ba9-a38f-41fa-81c9-8867a0598b3c">
            <div class="flex items-center justify-between gap-3">
              <p class="text-sm text-gray-500">Créez un compte pour commenter</p>
              <button type="button" class="shrink-0 button-primary text-sm px-3 py-1.5 rounded-md" data-public-account-required="true">
                Créer un compte
              </button>
            </div>
        </div>
      </div>

    </div>
  </div>
</turbo-frame></template></turbo-stream>