<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">
        Être notifié du retour en stock
      </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/tzPta0Igje4RF6ltInPbQA2zOH3ppEt4JwDElI0uBys/w:400/plain/s3://grinta-assets-production/o171xqzrq7spjn058py04bnqblue 400w" media="(max-width: 767px)" /><source srcset="https://grinta-imgproxy-production.herokuapp.com/mu3g1fE7Y3cID7eLV6GUh8edWF9xJwiyT97wX7xLrkg/w:600/plain/s3://grinta-assets-production/o171xqzrq7spjn058py04bnqblue 600w" media="(min-width: 768px) and (max-width: 1023px)" /><source srcset="https://grinta-imgproxy-production.herokuapp.com/8YfIqa9ePiwvB-4jEbwa7Le4g1Uh8A01AUvlGrCPX1k/w:800/plain/s3://grinta-assets-production/o171xqzrq7spjn058py04bnqblue 800w" media="(min-width: 1024px)" /><img alt="331M5HW-A01-6Y" loading="lazy" class="brightness-[1.02] image mix-blend-darken " data-image-id="16668" src="https://grinta-imgproxy-production.herokuapp.com/mu3g1fE7Y3cID7eLV6GUh8edWF9xJwiyT97wX7xLrkg/w:600/plain/s3://grinta-assets-production/o171xqzrq7spjn058py04bnqblue" /></picture>
      </div>

      <div class="flex flex-col justify-between">
        <div class="flex flex-col">
          <span class>
            SWEAT D&#39;ENTRAÎNEMENT 1/4 ZIP DOLVOLE 
          </span>
          <span class="text-black-60 text-sm">
            Kappa
          </span>
        </div>

        <div class="flex flex-col mt-2 text-black-60 text-sm">
          <span>
            Taille : <span class='text-black-100'>10Y</span>
          </span>
          <span class="mt-1">
            Couleur : <span class='text-black-100'>black-white</span>
          </span>
        </div>
      </div>
    </div>

    <p class="mt-8 text-black-70">
      Nous te contacterons par e-mail dès le retour de la <span class='text-black-100'>taille 10Y</span> en stock.
    </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="Pc1m0vTC4wNzlfMqIKZ2A2qzLX9RBWGyVWr-HW4V6SxI0QOXrzVwpR7YOK12_Ngs0-N6lAuguriWd1RvzTH33g" />
        <input value="42820" 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">Email</label>
        <input placeholder="Ton adresse email" 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">
        
        Être notifié par email

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

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