<turbo-stream action="replace" target="notification_detail_modal"><template><div
  id="notification_detail_modal"
  class="tailwind-only fixed inset-0 z-50 flex items-center justify-center"
  data-notifications-target="modal"
>
  <div class="fixed inset-0 bg-black/50 pointer-events-auto" data-action="click->notifications#hide"></div>
  <div class="relative bg-white rounded-lg shadow-lg w-full max-w-md mx-4 z-10">
    <div class="pl-4 pr-5 py-3">
      <div class="text-black text-lg font-semibold">
        【定期注文をご希望の方へ】定期注文フォームができました
      </div>
      <button
        type="button"
        class="absolute top-4 right-4 w-6 h-6 flex items-center justify-center hover:bg-gray-100 rounded-full transition-colors"
        data-action="click->notifications#hide"
      >
        <img class="w-4 h-4 text-gray-600" src="/assets/icons/x-f2d3c01f0887434da8f69a406b1d5952686e22f81db7b98e2e7865f26e6f0387.svg" />
      </button>
    </div>
    <div class="px-4 py-2 max-h-[60vh] overflow-y-auto">
      <div class="text-black text-md mb-2 break-all">
        <p>いつもやさいノートをご利用いただきありがとうございます。</p>

<p>坂ノ途中では、やさいノートで都度ご注文いただく方法以外に、
<br />「定期でのご注文」も承っております。
<br />もし毎週ご注文いただいている商品などがございましたら、
<br />・注文忘れ防止
<br />・注文のお手間軽減
<br />のために、ぜひ定期注文をご利用くださいませ🥕
<br />ーーーーーーーーーーーーーーー
<br />【定期注文の解約をご希望の場合】
<br />営業担当または、以下までご連絡くださいませ。
<br />MAIL：order@on-the-slope.com
<br />TEL：070-5650-0831
<br />ーーーーーーーーーーーーーーー</p>

<p>👇定期注文ご希望フォームはこちらへどうぞ👇</p>
      </div>
        <div class="text-accent-foreground text-md mb-2 break-all">
          <a href="https://forms.gle/ktr69AJptxfXkfH3A">リンク先はこちら</a>
        </div>
    </div>

    <!-- ボタン部分 -->
    <div class="px-4 py-3 flex gap-2 border-t-2 border-border">
      <button
        type="button"
        class="flex-1 min-h-11 px-4 py-2.5 rounded-md border border-gray-200 text-gray-900 hover:bg-gray-200 transition-colors"
        data-action="click->notifications#hide"
      >
        閉じる
      </button>
    </div>
  </div>
</div>
</template></turbo-stream>