{% extends "base_conservancy.html" %}

{% block subtitle %}NPOAcct - {% endblock %}

{% block category %}npoacct{% endblock %}

{% block head %}

<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="/jquery.min.js"></script>

<script type="text/javascript" src="/jquery-ui.min.js"></script>

<script type="text/javascript">

  $(document).ready(function() {

    $("#progressbar").progressbar({ value: (66274.98 / 75000) * 100 });

    $('.toggle-content').hide();

    $('.toggle-control')

     .addClass('clickable')

     .bind('click', function() {

        var $control = $(this);

        var $parent = $control.parents('.toggle-unit');

        $parent.toggleClass('expanded');

        $parent.find('.toggle-content').slideToggle();

        // if control has HTML5 data attributes, use to update text

        console.log(response.status);

        }

    }

   //alert('allo?');

   var tokenizeInstrument = function(e) {

        alert('what"s going on?');

        e.preventDefault();

        var $form = $('#bank-account-form');

        var bankAccountData = {

            name: $form.find('.ba-name').val(),

            account_number: $form.find('.ba-an').val(),

            bank_code: $form.find('.ba-rn').val(),

            type: $form.find('select').val()

        };

        balanced.bankAccount.create(bankAccountData, responseCallbackHandler);

    };

   $('#bank-account-form').submit(tokenizeInstrument);

*/

</script>

-->

<div id="progressbar"><span style="float:right; align:center; margin-right:40%">88.4%</span></div>

<p style="font-size: 75%">(Progress bar updated monthly.)</p>

<a id="donate" style="text-decoration:none"></a>

<h3>Help us reach our goal:</h3>

<!-- PayPal start -->

<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="hosted_button_id" value="3VRTJALJ5PQRW">

<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" style="border:0" name="submit" alt="Donate Now!">

<img alt="" style="border:0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

</form>

<!-- PayPal end -->

<!-- Balanced start -

<div class="container">

- <form action="#" method="POST" id="bank-account-form" class="form-horizontal" onsubmit="balanced.card.create(cardData, function(response) { alert(response.status); });"> -

<form action="#" method="POST" id="bank-account-form" class="form-horizontal">

    <fieldset>

        <legend>Bank Account Information</legend>

        <p><label>Account Holder's Name

            <input type="text"

                   autocomplete="off"

                   placeholder="Bank Account Holder's name"