content/en_index.php

<?php
/*******************************************************************************
 * Copyright (c) 2015 Eclipse Foundation and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *    Christopher Guindon (Eclipse Foundation) - Initial implementation
 *******************************************************************************/
$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="/donate/assets/public/stylesheets/improve.min.css" media="screen" />');
$App->AddExtraJSFooter('<script type="text/javascript" src="/donate/assets/public/javascript/scripts.min.js"></script>');
$container_class = 'download-page';
$donation_form_class = 'col-md-offset-3 col-md-18';
if (!isset($download_page)) {
  $container_class = 'default-page';
  $donation_form_class = 'col-md-16';
}
?>
<?php if (!isset($download_page)):?>
<section class="jumbotron breadcrumbs-offset">
  <div class="container">
    <div class="content">
     <?php print $Paypal->get_client_message();?>
      <div class="row">
        <div class="col-md-16">
        <h1><strong>Together</strong> we can improve Eclipse</h1>
          <p>Eclipse is a great <strong>IDE and community</strong>. We want to make it even better!
          All money donated by Friends of Eclipse will go directly to funding <strong>Eclipse IDE development.</strong></p>
        </div>
        <div class="col-md-8 text-center" style="padding:60px 0 25px 0;">
          <img src="/donate/images/logo-friend-of-eclipse.png" alt="Friend of Eclipse">
        </div>
      </div>
    </div>
  </div>
</section>
<?php else:?>
<div class="jumbotron breadcrumbs-offset" style="padding:10px 0;">
  <div class="container">
    <div class="content  text-center">
      <?php print $Paypal->get_client_message();?>
      <h1><span class="thankyou-title"><?php print $title_1 . '</span> ' . $title_2;?></h1>
      <div class="participate-message">
        <p>Participate in our success and together <span class="fw-700">let's make Eclipse even better.</span></p>
      </div>
      <span class="direct-link"><?php print $download_link; ?></span>
    </div>
  </div>
</div>
<?php endif;?>

<section class="content <?php print $container_class?>">
  <div class="container">
    <div class="row">
      <div class="<?php print $donation_form_class;?>">
        <h2><strong>Your donation</strong> will fund Eclipse IDE development.</h2>
        <form onsubmit="javascript:validate_amount()" class="choose-amount" action="<?php print $Paypal->get_gateway_process_url();?>" method="POST">
          <div class="row">
            <div id="choose-amount-col" class="col-md-13 col-sm-11 padding-bottom-10">
              <div id="choose-amount-container">
                <div id="choose-amount-container-paypal">
                  <div class="row">
                    <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="5">$5</button></div>
                    <div class="col-xs-20 amount-body"><strong>Donor</strong></div>
                  </div>
                  <div class="row">
                    <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="10">$10</button></div>
                    <div class="col-xs-20 amount-body"><strong>Supporter</strong></div>
                  </div>
                  <div class="row">
                    <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square active" value="35">$35</button></div>
                    <div class="col-xs-20 highlight amount-body two-lines active"><strong>Friend of Eclipse</strong><br><span>Mirror site + Friend of Eclipse logo + O'Reilly discount</span></div>
                  </div>
                  <div class="row">
                    <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="100">$100</button></div>
                    <div class="col-xs-20 highlight amount-body two-lines"><strong>Best Friend</strong><br><span>T-shirt + EclipseCon discount + Friend benefits</span></div>
                  </div>
                  <div class="row">
                    <div class="col-xs-4"><button type="button" class="btn btn-focus btn-square" value="250">$250</button></div>
                    <div class="col-xs-20 amount-body two-lines"><strong>Webmaster Idol</strong><br><span>Best Friend benefits + a huge thank you from our webmaster</span></div>
                  </div>
                </div>
                <input id="other-amount" type="text" class="num-only margin-top-20" placeholder="Or enter amount..."  /></li>
              </div>
            </div>
            <div class="col-md-10 col-sm-12 optional-form-fields">
              <input type="text" name="first_name" value="<?php print $Paypal->Donation->Donor->get_donor_first_name();?>" placeholder="First Name (Optional)">
              <input type="text" name="last_name" value="<?php print $Paypal->Donation->Donor->get_donor_last_name();?>" placeholder="Last Name (Optional)">
              <input type="email" name="email" value="<?php print $Paypal->Donation->Donor->get_donor_email();?>" placeholder="Email Address (Optional)">
              <textarea name="message" placeholder="Comments (Optional)"></textarea>
              <div class="padding-top-10 is_anonymous">
                <input type="checkbox" name="is_anonymous" value="is_anonymous" /> I prefer to remain anonymous.
              </div>
              <hr>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-18">
              <div class="well total-amount-container clearfix">
                <div class="row">
                  <div class="col-md-13 padding-bottom-10">
                    Total amount: <strong id="total-amount-sign">$</strong><input type="text" name="amount" class="total-amount num-only" value="35"/>
                  </div>
                  <div class="col-md-11">
                    <ul class="list-inline margin-bottom-0">
                      <li class="payment-type"><input type="radio" name="type" value="paypal" checked="checked"/> <img src="/donate/images/gateway_paypal.png" alt="Pay with paypal.com" height="17" /></li>
                      <li class="payment-type"><input type="radio" name="type" value="bitpay"/> <img src="/donate/images/gateway_bitcoin.png" alt="Pay with Bitcoins with bitpay.com" height="17" /></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-sm-6 margin-top-5">
              <input type="submit" class="btn btn-warning donation-button" value="Donate"/>
            </div>
          </div>
        </form>
      </div>
      <?php if (!isset($download_page)):?>
       <?php include('en_sidebar.php');?>
      <?php endif;?>
    </div>
  </div>
</section>