src/tpl/panel.tpl.php

<?php

/**
 * @file
 * Copyright (c) 2023 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:
 *   Olivier Goulet (Eclipse Foundation) - Initial implementation
 *
 * SPDX-License-Identifier: EPL-2.0
 */

$payment_preset_options = array(250, 130, 80, 40, 25, 12);
?>

<div class="container">
  <div class="row margin-top-20 margin-bottom-40">
    <?php print $this->getLayoutTemplatePage(); ?>
    <div class="col-md-10">
      <form class="sponsor-form padding-40" action="<?php print $this->Paypal->get_gateway_process_url(); ?>" method="POST">
        <div class="row">
          <div class="col-xs-24">
            <label>How often would you like to sponsor?</label>
          </div>

          <div class="btn-group col-xs-24" data-toggle="buttons">
            <div class="row">

              <div class="col-sm-12 margin-top-10 margin-bottom-10">
                <label class="btn btn-neutral btn-wide subscription-option active" tabindex="0">
                  <input class="hidden" type="radio" value="0" name="subscription" id="subscription-one-time" checked />
                  One Time
                </label>
              </div>

              <div class="col-sm-12 margin-bottom-10 margin-top-10">
                <label class="btn btn-neutral btn-wide subscription-option" tabindex="0">
                  <input class="hidden" type="radio" value="M" name="subscription" id="subscription-monthly" data-gtm-form-interact-field-id="2" />
                  Monthly
                </label>
              </div>

            </div>
          </div>

          <div class="col-xs-24">
            <label class="margin-top-20">Select the amount you'd like to give:</label>
          </div>
          <?php foreach ($payment_preset_options as $option) : ?>
            <div class="col-md-8 col-xs-12">
              <button class="payment-preset-option btn btn-neutral btn-wide margin-bottom-10 margin-top-10" id="payment-preset-option-<?php print $option; ?>" type="button" value="<?php print $option; ?>">
                <span class="sponsor-form-currency">&euro;</span>
                <?php print $option; ?>
              </button>
            </div>
          <?php endforeach; ?>
          <div class="col-xs-24 sponsor-form-custom-amount-container">
            <div class="sponsor-form-custom-amount-input-wrapper form-control margin-top-10">
              <span class="sponsor-form-currency">&euro;</span>
              <input type="number" step="any" min="1" name="amount" placeholder="Other Amount" required />
              <select class="sponsor-form-currency-select" name="currency">
                <option value="eur">EUR</option>
                <option value="cad">CAD</option>
                <option value="usd">USD</option>
              </select>
            </div>
          </div>
          <div class="col-xs-24">
            <label class="margin-top-20">How would you like to pay?</label>
          </div>
          <div class="col-xs-24 btn-group" data-toggle="buttons">
            <div class="row">
              <!-- Credit -->
              <div class="col-sm-12 margin-top-10 margin-bottom-10">
                <label class="payment-method-option btn btn-neutral btn-wide" tabindex="0">
                  <i class="fa fa-credit-card-alt" aria-hidden="true"></i>
                  <input class="hidden" type="radio" value="credit" name="payment_method" id="payment-method-credit" />
                  Credit
                  </button>
              </div>
              <!-- Paypal -->
              <div class="col-sm-12 margin-top-10 margin-bottom-10">
                <label class="payment-method-option btn btn-neutral btn-wide active" tabindex="0">
                  <i class="fa fa-paypal" aria-hidden="true"></i>
                  <input class="hidden" type="radio" value="paypal" name="payment_method" id="payment-method-paypal" checked />
                  PayPal
                </label>
              </div>
            </div>
          </div>
          <div class="col-xs-24">
            <input class="btn btn-dark btn-wide margin-top-20" type="submit" value="Sponsor and Support" />
          </div>
        </div>
        <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(); ?>">
        <?php print $this->getLandingPageInput(); ?>
        <?php print $this->getFileIdInput(); ?>
        <?php print $this->getScopeInput(); ?>
        <?php print $this->getCampaignInput(); ?>
      </form>
      <ul class="list-inline text-center margin-top-30">
        <li>
          <a class="grey-link" href="mailto:sponsor@eclipse.org?subject=Sponsorship Problem">
            Problems sponsoring?
          </a>
        </li>
        <li>
          <a class="grey-link" href="/sponsor/faq.php">
            Sponsorship FAQ
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>