<div class="container col-sm-2">
</div>
<div class="container col-sm-8">


<script>
function setPersonal() {
    $('#company-group').hide();
    $('#count-group').hide();
    $('#price-info-group').hide();
    $('#pp_count').val(1);
    $('#pp_amount').val(70.00);
    $('#total').html("USD $70.00");
}
function setBusiness() {
    $('#company-group').show();
    $('#count-group').show();
    $('#price-info-group').show();
    valueChanged();
}
function incCount() {
    var cnt = $('#count').val();
    if (cnt == "") cnt = "0";      
    var c = parseInt(cnt, 10);
    if ( c == NaN ) c = 1;
    c = updateTotal(c + 1);
    $('#count').val(c);
}
function decCount() {
    var cnt = $('#count').val();
    if (cnt == "") cnt = "0";      
    var c = parseInt(cnt, 10);
    if ( c == NaN ) c = 1;
    c = updateTotal(c - 1);
    $('#count').val(c);
}
function valueChanged()
{
    updateTotal($('#count').val());
}
function updateTotal(cnt)
{
    if (cnt == "") cnt = "0";  
    var c = parseInt(cnt);
    var p = 70;
    if ( c == NaN ) return 0;
    if ( c < 1 ) c = 1;
    if ( c >= 10 ) p = 60;
    if ( c >= 25 ) p = 55;
    if ( c >= 50 ) p = 50;
    $('#pp_count').val(c);
    $('#pp_amount').val(p);
    $('#total').html("USD $" + p*c + ".00");
    $('#price-per-user').html("$" + p + ".00 per user");
    return c;
}
</script>


<form class="form-horizontal well well-lg" role="form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">

  <div class="form-group">
    <label class="control-label col-sm-3" for="UserType">User Type</label>
    <div class="col-sm-8">
      <div class="btn-group btn-group-justified" data-toggle="buttons">
       <label class="btn btn-default active" onclick="setPersonal();">
        <input type="radio" value="Personal" /> Personal
       </label> 
       <label class="btn btn-default" onclick="setBusiness();">
        <input type="radio" value="Business" /> Business
       </label> 
      </div>
    </div>
  </div>

  <div class="form-group">
    <label class="control-label col-sm-3" for="name">Name</label>
    <div class="col-sm-8"> 
      <input type="text" class="form-control" id="name" placeholder="Enter name">
    </div>
  </div>

  <div class="form-group">
    <label class="control-label col-sm-3" for="email">Email Address</label>
    <div class="col-sm-8">
      <input type="email" class="form-control" id="email" placeholder="Enter email">
    </div>
  </div>

  <div class="form-group collapse" id="company-group">
    <label class="control-label col-sm-3" for="company">Company Name</label>
    <div class="col-sm-8"> 
      <input type="text" class="form-control" id="company" placeholder="Enter company name">
    </div>
  </div>

  <div class="form-group collapse" id="count-group">
    <label class="control-label col-sm-3" for="users">Number of users</label>
    <div class="col-sm-3">
      <div class="input-group spinner">
        <input type="text" class="form-control" id="count" value="1" onchange="valueChanged();" onkeypress="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">
        <div class="input-group-btn-vertical">
          <button class="btn btn-default" type="button" onclick="incCount();"><i class="fa fa-caret-up"></i></button>
          <button class="btn btn-default" type="button" onclick="decCount();"><i class="fa fa-caret-down"></i></button>
        </div>
      </div>
    </div>
    <div class="col-sm-5">
      <span class="control-label input-group-addon" id="price-per-user">$70.00 per user</span>
    </div>
  </div>

  <div class="form-group collapse" id="price-info-group">
    <div class="col-sm-1 pull-right"> </div>
    <label class="control-label col-sm-9 pull-right">(Price per user reduces for more users)</label>
    <div class="col-sm-1 pull-right"> </div>
  </div>

  <div class="form-group">
    <label class="control-label col-sm-3" for="total">Total</label>
    <div class="col-sm-8"> 
      <span class="input-group-addon" id="total">USD $70.00</span>
    </div>
  </div>

    <input type="hidden" name="cmd" value="_xclick">
    <input type="hidden" name="business" value="CQ66KU96FUSNL">
    <input type="hidden" name="lc" value="GB">
    <input type="hidden" name="item_name" value="Software Registration Test">
    <input type="hidden" name="item_number" value="v1.0">
    <input type="hidden" id="pp_amount" name="amount" value="70.00">
    <input type="hidden" id="pp_count"  name="quantity" value="3">
    <input type="hidden" name="button_subtype" value="services">
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="no_note" value="0">


  <div class="form-group">
    <label class="control-label col-sm-3" for="total"></label>
    <div class="col-sm-8"> 
      <input type="submit" class="btn btn-primary btn-success pull-right" value="Purchase via PayPal"></input>
    </div>
  </div>

</form>


<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Important Information</h3>
  </div>
  <div class="panel-body">
    When you click "Purchase via PayPal" above, your browser will be redirected to PayPal to make a secure payment. You should see in your browser the padlock symbol and that the hostname in the URL is www.paypal.com. Also check the details appear correctly, such as the payment is to "billing@subflexion.com" and that the order description matches the details you have selected here.
    </div><div class="panel-body">
    After completing your purchase via PayPal you should recieve an email from them, and soon after this you will receive an email from us with your license details and how to activate it. Please check your spam folders if you do not see either of these emails.
    </div><div class="panel-body">
    If after completeing the transaction and you do not recieve a confirmation email from PayPal, please first follow this up with PayPal. If however you have recieved the email from PayPal to confirm the transaction but do not recieve your license from us with in a reasonable amount of time, please contact us at support@subflexion.com and include the details of the transaction that were confirmed with PayPal.
  </div>
</div>


<!-- 

<style>
form {margin:0; padding:0;}
button {padding:1px 10px;}
button, input.button {width:auto !important; margin-right:10px; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(/en_US/i/pui/core/btn_bg_sprite.gif) left 82.5% repeat-x; color:#000; overflow:visible;}
table {width:auto; margin:1em 0; border:none; border-collapse:collapse;}
table td {padding:.2em .4em; background-color:#fff; font-weight:normal; line-height:1.2em; text-align:left; vertical-align:top;}
</style>

<table>

<tr>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="on0" value="Product: ">
<input type="hidden" name="os0" value="MakePDF
Version: 1.0
Test: String
Name / Company: Fred
Address: longer string
OS: Linux
Date: 22/6/2015
">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
<td>Purchase a single user license</td>
<td><input type="submit" class="btn btn-success" role="button" value="Purchase via PayPal"></td>
</form>
</tr>

<tr>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="CQ66KU96FUSNL">
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="item_name" value="Software Registration Test">
<input type="hidden" name="item_number" value="v1.0">
<input type="hidden" name="amount" value="10.00">
<input type="hidden" name="quantity" value="3">
<input type="hidden" name="currency_code" value="AUD">
<input type="hidden" name="button_subtype" value="services">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="no_note" value="0">
<td>Purchase a 3 user license</td>
<td><input type="submit" class="btn btn-success" role="button" value="Purchase via PayPal"></td>
</form>
</tr>

</table>

-->

</div>