<turbo-stream action="replace" target="back_in_stock_modal"><template>
  <dialog
  class="g-action_modal-modal "
  data-controller="action_modal"
  data-action_modal-open-on-render-value="true"
  data-action="click->action_modal#handleClickOutsideContent"
  id="back_in_stock_modal">

  <div class="g-action_modal-content g-action_modal-bottom" data-action_modal-target="content">


    
    <div class="flex items-center justify-between mb-6">
      <h2 class="text-black-80 text-lg">
        Benachrichtigung bei Wiederverfügbarkeit
      </h2>
      <form method="dialog">
        <button aria-label="Fermer Modal">
          <div
  class="[&amp;_svg]:max-h-full [&amp;_svg]:max-w-full [&amp;_svg_path]:fill-black-60 h-[14px] w-[14px]"
  >
  <svg viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.314669 19.6469C-0.115787 19.1871 -0.103015 18.4541 0.343195 18.0097L18.0978 0.325399C18.544 -0.119044 19.2547 -0.106628 19.6851 0.353133C20.1156 0.812893 20.1028 1.54589 19.6566 1.99034L1.90201 19.6746C1.4558 20.1191 0.745125 20.1066 0.314669 19.6469Z" fill="#262D31"></path>
<path d="M0.314885 0.35311C0.745341 -0.10665 1.45602 -0.119067 1.90223 0.325377L19.6568 18.0097C20.103 18.4541 20.1158 19.1871 19.6853 19.6469C19.2549 20.1066 18.5442 20.119 18.098 19.6746L0.343411 1.99032C-0.102799 1.54587 -0.115571 0.812871 0.314885 0.35311Z" fill="#262D31"></path>
</svg>

</div>

        </button>
</form>    </div>
    <div class="gap-3 flex">
      <div class="bg-gray-100 min-h-[108px] min-w-[80px] rounded w-20">
        <picture><source srcset="https://grinta-imgproxy-production.herokuapp.com/HOBg6qOuC7P3M_kFiWBnMz219cjxFjYPoXxy2eZho4E/w:400/plain/s3://grinta-assets-production/jgjpwy33r0kr005msn2f5farxx8m 400w" media="(max-width: 767px)" /><source srcset="https://grinta-imgproxy-production.herokuapp.com/zhhZWOSs3DNR3j3QiAkT_HxN7cwfOr-02mWVfFlJ_BY/w:600/plain/s3://grinta-assets-production/jgjpwy33r0kr005msn2f5farxx8m 600w" media="(min-width: 768px) and (max-width: 1023px)" /><source srcset="https://grinta-imgproxy-production.herokuapp.com/iDDVLOwodtJw1U3TyFJRP0TSdD8prf8bcr7OrBc1Xts/w:800/plain/s3://grinta-assets-production/jgjpwy33r0kr005msn2f5farxx8m 800w" media="(min-width: 1024px)" /><img alt="321M89W-005-S" loading="lazy" class="brightness-[1.02] image mix-blend-darken " data-image-id="16964" src="https://grinta-imgproxy-production.herokuapp.com/zhhZWOSs3DNR3j3QiAkT_HxN7cwfOr-02mWVfFlJ_BY/w:600/plain/s3://grinta-assets-production/jgjpwy33r0kr005msn2f5farxx8m" /></picture>
      </div>

      <div class="flex flex-col justify-between">
        <div class="flex flex-col">
          <span class>
            SAC A DOS  GELIA UNISEX
          </span>
          <span class="text-black-60 text-sm">
            Kappa
          </span>
        </div>

        <div class="flex flex-col mt-2 text-black-60 text-sm">
          <span>
            Größe: <span class='text-black-100'>M</span>
          </span>
          <span class="mt-1">
            Farbe: <span class='text-black-100'>black</span>
          </span>
        </div>
      </div>
    </div>

    <p class="mt-8 text-black-70">
      Wir werden dich per E-Mail benachrichtigen, sobald die <span class='text-black-100'>Größe M</span> wieder auf Lager ist.
    </p>

    <turbo-frame id="form" target="_top">
      <form class="flex flex-col mt-6" action="/rugby-club-chartreuse-neron-1/back_in_stock_notification_requests" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vE-tc5Tj4nTdYS_mr2ezQ50LjE9TLO_pqYQ3mGz7en_DiZlsOcoihNFrM3pNGWOtUOiW6Zym2-uEElcDQMqnBg" />
        <input value="43610" type="hidden" name="shop[variant_id]" id="back_in_stock_notification_request_shop_variant_id" />
        <label class="text-black-60 text-sm" for="back_in_stock_notification_request_shop_email">E-Mail</label>
        <input placeholder="Deine E-Mail-Adresse" autocomplete="email" class="border border-gray-300 border-solid mt-1 px-4 py-3 rounded-lg active:border-black-100 focus:border-black-100" required="required" type="email" name="shop[email]" id="back_in_stock_notification_request_shop_email" />
          <button
    aria-label=""
    class="g-button-secondary g-button-large mt-6 g-button-button"
    >
    <div class="g-button-button-wrapper">
      <div class="g-button-button-content">
        
        Per E-Mail benachrichtigt werden

      </div>
    </div>
  </button>
</form></turbo-frame>

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