
<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=5679">      <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/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IlNmZWVyYWZiZWVsZGluZ2VuLXByb2R1Y3Rlbi9TZmVlcmFmYmVlbGRpbmdlbi1TaWduYXR1cmUvREMxMzAwX3NmZWVyMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyNjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19" srcset="https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IlNmZWVyYWZiZWVsZGluZ2VuLXByb2R1Y3Rlbi9TZmVlcmFmYmVlbGRpbmdlbi1TaWduYXR1cmUvREMxMzAwX3NmZWVyMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyNjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 200w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IlNmZWVyYWZiZWVsZGluZ2VuLXByb2R1Y3Rlbi9TZmVlcmFmYmVlbGRpbmdlbi1TaWduYXR1cmUvREMxMzAwX3NmZWVyMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjI3NSwiaGVpZ2h0IjozNjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 275w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IlNmZWVyYWZiZWVsZGluZ2VuLXByb2R1Y3Rlbi9TZmVlcmFmYmVlbGRpbmdlbi1TaWduYXR1cmUvREMxMzAwX3NmZWVyMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjM1MCwiaGVpZ2h0Ijo0NjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 350w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IlNmZWVyYWZiZWVsZGluZ2VuLXByb2R1Y3Rlbi9TZmVlcmFmYmVlbGRpbmdlbi1TaWduYXR1cmUvREMxMzAwX3NmZWVyMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjQyNSwiaGVpZ2h0Ijo1NjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 425w, https://d341ruhg435eft.cloudfront.net/eyJidWNrZXQiOiJhbGJvLWRldXJlbiIsImtleSI6IlNmZWVyYWZiZWVsZGluZ2VuLXByb2R1Y3Rlbi9TZmVlcmFmYmVlbGRpbmdlbi1TaWduYXR1cmUvREMxMzAwX3NmZWVyMS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjUwMCwiaGVpZ2h0Ijo2NjcsImZpdCI6ImNvdmVyIn0sIndpdGhNZXRhZGF0YSI6dHJ1ZSwidG9Gb3JtYXQiOiJqcGVnIiwianBlZyI6eyJxdWFsaXR5Ijo4MCwicHJvZ3Jlc3NpdmUiOmZhbHNlLCJvcHRpbWlzZUNvZGluZyI6dHJ1ZSwidHJlbGxpc1F1YW50aXNhdGlvbiI6dHJ1ZSwib3ZlcnNob290RGVyaW5naW5nIjp0cnVlfX19 500w" width="200" height="267" alt="DC1300" 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/dc1300" data-turbo-action="advance" data-turbo-frame="_top" class="stretched-link font-semibold text-secondary-800 hover:underline text-3xl lg:text-4xl block">
          DC1300
        </a>
                    <p>Signature collectie</p>
                </div>
    <div>
              <p class="font-semibold">Vanaf € 381,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=5679"
                class="text-tertiary-800 text-sm underline hover:text-tertiary-500"
              >
                Verwijderen
              </a>
                              <form action="https://www.albodeuren.nl/frames/visualizer-drawer" data-turbo-frame="turbo-drawer">
                  <input type="hidden" name="door" value="5679">
                  <input type="hidden" name="step" value="2">
                                
  
  
          
  
  <button type="submit" 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 bg-primary-500 text-white hover:bg-primary-600 pro:bg-secondary-800 pro:hover:bg-secondary-900 mt-4">            <svg class="size-4 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  <path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd" />
</svg>

          <span class="-translate-y-px">Visualiseer deur</span></button>
                </form>
                                    </div>
            </div>
  </div>
</article>
      </div>
    </div>
  </template>
</turbo-stream>
