<turbo-stream action="append" target="jobs_grid"><template>
    <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1616069_0523960a"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1616069" data-bookmarkable-type="job" data-bookmarkable-id="1616069" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1616069&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" 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="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1616069-technicien-reseau-systeme-telephonie-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">13 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Technicien réseau, système, téléphonie (h/f)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">MÉTROPOLE D&#39;ORLÉANS</div>

                    <div class="truncate text-base-content/60">Orléans, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Digital Technology</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Computer Equipment</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Information Systems</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>

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