src/tpl/modal.tpl.php

<?php
/**
 * Copyright (c) 2022 Eclipse Foundation.
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * Contributors:
 *   Christopher Guindon (Eclipse Foundation) - Initial implementation
 *
 * SPDX-License-Identifier: EPL-2.0
 */
?>

<!-- Modal -->
<div class="modal fade text-center" id="donationModal" tabindex="-1" role="dialog" aria-labelledby="donation_modal">
  <div class="donate-modal modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <form id="donation_default_eclipse_form" class="choose-amount" action="<?php print $this->Paypal->get_gateway_process_url(); ?>" method="POST">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="myModalLabel">
            Thank you for supporting <span class="text-nowrap">our community</span>!
          </h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-sm-12 col-sm-offset-6">
              <div class="form-inline margin-bottom-15">
                <div class="input-group">
                  <input class="form-control form-amount text-center" type="number" name="amount" value="35" min="1">
                  <div class="input-group-addon">USD</div>
                </div>
              </div>
            </div>
          </div>
          <div class="row margin-bottom-5">
            <div class="col-sm-24 text-center">
              <label class="radio-inline"><input type="radio" name="type" value="paypal" checked="checked"> Paypal</label> <label class="radio-inline"><input type="radio" name="type" value="credit"> Credit card</label>
            </div>
          </div>
          <div class="row margin-bottom-5">
            <div class="col-sm-24">
              <label class="radio-inline"><input type="radio" name="subscription" id="subscription_default" value="0" checked="checked"> One-time</label> <label class="radio-inline"><input type="radio" name="subscription" value="M"> Monthly</label> <label class="radio-inline"><input type="radio" name="subscription" value="Y"> Yearly</label>
            </div>
          </div>
          <div class="checkbox">
            <label> <input class="recognition-checkbox" type="checkbox" value="recognition" name="is_anonymous">
              <span class="recognition-text">I want to be listed on the recognition page</span>
            </label>
          </div>
          <div class="recognition-fields form-inline">
            <div class="form-group">
              <input class="form-control margin-bottom-10" type="text" name="first_name" placeholder="First Name">
            </div>
            <div class="form-group">
              <input class="form-control margin-bottom-10" type="text" name="last_name" placeholder="Last Name">
            </div>
          </div>
        </div>
        <div class="modal-footer donate-modal-footer text-center">
          <input type="hidden" name="default_process_url" value="<?php print $this->Paypal->get_gateway_process_url(); ?>">
          <input type="hidden" name="credit_process_url" value="<?php print $this->Paypal->get_gateway_credit_process_url(); ?>">
          <input type="submit" value="Donate" class="btn btn-warning">
          <?php print $this->getLandingPageInput(); ?>
          <?php print $this->getFileIdInput(); ?>
          <?php print $this->getScopeInput(); ?>
          <?php print $this->getCampaignInput(); ?>
        </div>
      </form>
    </div>
  </div>
</div>