
<turbo-stream action="replace" target="my-doors-button">
  <template>
    <turbo-frame id="my-doors-button">
                        
  
  
          
  
  <a type="button" class="text-sm inline-flex items-center justify-center text-center transition-colors whitespace-nowrap shrink-0 px-6 h-12 text-lg gap-x-2 font-semibold rounded-full text-secondary-800 bg-white border border-secondary-400 hover:text-brown-800" href="https://www.albodeuren.nl/index.php?p=actions/doors/my-doors/toggle&amp;id=18142">      <span class="size-4 shrink-0 relative flex items-center justify-center">          <svg class="size-3.5 shrink-0" width="16" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14" fill="none">
  <path d="M12.0043 0L8.00025 2.30967L3.99617 0L0 2.31017V9.38412L8.00025 13.9995L16.0005 9.38462V2.31017L12.0043 0Z" fill="currentColor"/>
</svg>

  
                <svg class="size-4 absolute -top-2 -right-2 text-secondary-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z" clip-rule="evenodd" />
</svg>

  
      </span>
            <span class="-translate-y-px">Mijn deuren</span></a>

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

<turbo-stream action="update" target="my-doors-header-count">
  <template>
          <span class="inline-flex items-center justify-center min-w-3.5 h-3.5 px-0.5 rounded-full bg-secondary-400 text-white text-[0.625rem] font-semibold leading-none absolute -top-2 -right-2 z-1">
  1
</span>
      </template>
</turbo-stream>

<turbo-stream action="replace" target="my-doors-page-list">
  <template>
    <div class="container" id="my-doors-page-list">
      
  <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 gap-y-8 gap-x-2.5">
          

<article class="relative max-w-2xs flex flex-col text-tertiary-800 h-full">
  <div class="aspect-3/4 bg-white">
          <img class="w-full h-full object-cover" src="https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IkludmlzaWJsZS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyNjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19" srcset="https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IkludmlzaWJsZS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyNjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 200w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IkludmlzaWJsZS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjI3NSwiaGVpZ2h0IjozNjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 275w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IkludmlzaWJsZS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjM1MCwiaGVpZ2h0Ijo0NjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 350w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IkludmlzaWJsZS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjQyNSwiaGVpZ2h0Ijo1NjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 425w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IkludmlzaWJsZS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjUwMCwiaGVpZ2h0Ijo2NjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 500w" width="200" height="267" alt="Albo Invisible" loading="lazy" style="object-position: 50% 50%;" decoding="auto">
      </div>
  <div class="bg-white p-4 lg:p-6 flex-1 flex flex-col justify-between">
    <div>
              <a href="https://www.albodeuren.nl/deuren/accessoires/albo-invisible" data-turbo-action="advance" data-turbo-frame="_top" class="stretched-link font-semibold text-secondary-800 hover:underline text-3xl lg:text-4xl block">
          Albo Invisible
        </a>
                    <p>Schuifdeursystemen collectie</p>
                </div>
    <div>
              <p class="font-semibold">Vanaf € 516,00</p>
      
                <div class="relative z-10 mt-4">
                          <a
                href="https://www.albodeuren.nl/index.php?p=actions/doors/my-doors/toggle&amp;id=18142"
                class="text-tertiary-800 text-sm underline hover:text-tertiary-500"
              >
                Verwijderen
              </a>
                                    </div>
            </div>
  </div>
</article>
      </div>
    </div>
  </template>
</turbo-stream>
