<link href="https://str.rise-ai.com/line-awesome/line-awesome.min.css" rel="stylesheet">
<div id="rise_container" class="container">
  <button id="rise_gift_button" type="button">Send as a Gift</button>
</div>
<form id="rise_gift_form" class="hidden" tabindex="-1">
  <div class="gift_form_container">
    <div id="close_modal" aria-label="Close">X</div>
    <center>
      <h3 class="form_title">Let's send your gift card!</h3>
      <img id="rise_form_img" src="https://i.imgur.com/N37iSG0.png" alt="Gift Card Image in Black and White" width="100%" />
      <p class="form_description">We'll directly email the recipient a link to open your greeting card and redeem your gift.</p>
    </center>
    <div class="input_container">
      <label class="name_label" for="name">Name:</label>
      <div>
        <input type="text" id="rise_name" placeholder="Recipient's Name" required/>
        <span id="name_err" class="err hidden">Input is invalid!</span>
      </div>
    </div>

    <div class="input_container">
      <label class="email_label">Email:</label>
      <div>
        <input type="email" id="rise_email" placeholder="Recipient's Email" required />
        <span id="email_err" class="err hidden">Input is invalid!</span>
      </div>
    </div>

    <div class="input_container">
      <label class="greeting_label">Greeting:</label>
      <div style="display: flex; flex-direction: column;">
        <textarea id="rise_greeting" placeholder="Enjoy your gift!"></textarea>
        <span id="greeting_err" class="err hidden">Input is invalid!</span>
      </div>
    </div>

    <div class="date_container">
      <button type="button" id="date_now" class="date_now selected">
        <i class="icon la la-calendar-check-o size-large"></i><span class="now_button">Now</span>
      </button>
      <button type="button" id="date_picker" class="datepicker_button">
        <i class="icon la la-calendar-o size-large"></i><span id="datepicker_text" style="vertical-align: middle;">Choose Date</span>
        <input type="date" id="rise_date" name="date" onchange="validateDate(event.target.value)" class="datepicker_button_input" required />
      </button>
    </div>
    <span id="date_err" class="err hidden">Input is invalid!</span>
    <button id="rise_atc" disabled>Send Gift</button>
  </div>
</form>