<turbo-stream action="replace" target="modal"><template><turbo-frame data-turbo="true" id="modal"><div class='modal' data-action='keyup@document-&gt;modal#escClose' data-controller='modal'>
<button class='modal-backdrop' data-action='modal#close' tabindex='-1' type='button'></button>
<div class='modal-window bg-white p-10 fixed right-0 top-0 bottom-0 overflow-y-auto w-full tablet:w-2/3 dektop:w-1/2'>
<div class='max-w-3xl mx-auto'>
<i class='float-right fal fa-times text-xl cursor-pointer outinline-none' data-action='click-&gt;modal#close' href='#' tabindex='-1'></i>
<h3 class='font-semibold'>Winkelwagen</h3>
</div>
<div class='overflow-y-scroll' id='cart'>
<turbo-frame data-turbo="true" id="cart"><div class='max-w-3xl mx-auto' data-controller='cart'>
<div class='py-5 my-10'>
<p class='float-right text-sm font-inter'>
Subtotaal
<span class='pl-4 text-lg'>€0</span>
</p>
</div>
</div>
</turbo-frame>
</div>
<div class='max-w-3xl mx-auto text-right clear-both'>
<a class="btn-black block tablet:inline-block" data-turbo="false" data-barba-prevent="self" href="/orders/new">Afrekenen</a>
<a class="btn-white block tablet:inline-block text-center" data-action="click-&gt;modal#close" href="/test-2">Verder winkelen</a>
</div>
</div>
</div>
</turbo-frame></template></turbo-stream>