<.modal id="upgrade-modal" allow_close={false}>
  <section>
    <h3 class="text-2xl text-white">Pro Mode</h3>
    <p class="text-sm">Don't worry - Pinchflat is completely free :&rpar;</p>
    <p class="mt-4">
      If you find the project valuable and want to say thanks, a
      <.inline_link href="https://supporters.eff.org/donate">
        donation to the Electronic Frontier Foundation
      </.inline_link>
      would be greatly appreciated! You can optionally post proof of donation on
      <.inline_link href="https://github.com/kieraneglin/pinchflat/issues/234">this issue</.inline_link>
      to hopefully inspire others to donate as well.
    </p>
    <p class="mt-4">
      The Electronic Frontier Foundation is a nonprofit organization who defend your online liberties and backed
      <.inline_code>youtube-dl</.inline_code>
      when Google took them down<.inline_link href="https://github.com/github/dmca/blob/9a85e0f021f7967af80e186b890776a50443f06c/2020/11/2020-11-16-RIAA-reversal-effletter.pdf">
        <.icon name="hero-arrow-top-right-on-square" class="h-3 w-3" />
      </.inline_link>. <strong>You do not need to donate to unlock Pro</strong>. It's just a way to show support!
    </p>

    <p class="mt-4">
      To unlock Pro, simply type
      <.inline_code>got it</.inline_code>
      into the text box and press the button.
    </p>

    {live_render(@conn, Pinchflat.UpgradeButtonLive)}
  </section>
</.modal>
