templates/common/payment/donate.html.twig line 1

Open in your IDE?
  1. {% extends '@Public/common/general-layout.html.twig' %}
  2. {% set campaign = student.getUnfinishedCampaign() %}
  3. {% set campaignId = campaign ? campaign.id : 0 %}
  4. {% set alowedAmount = campaign ? campaign.getAllowedDonateAmount() : 0 %}
  5. {% set avatar = get_user_avatar(student) %}
  6. {% set paymentAmount = form.vars.value.paymentAmount ?? form.vars.value.paymentAmount %}
  8. {% block content %}
  9.     <section class="content">
  10.         <div class="col-sm-12">
  11.             <div class="box box-default">
  12.                 <div class="box-header with-border">
  13.                     <h3 class="box-title">
  14.                         {{ 'fmt.payment_form.remaining_need'|trans({'%firstName%': student.profile.firstName, '%amount%': alowedAmount|price}) }}
  15.                     </h3>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.         <div class="col-sm-4">
  20.             <div class="box box-default donate-column">
  21.                 <div class="box-header with-border">
  22.                     <h3 class="box-title">{{ student.profile.fullName }}</h3>
  23.                     <div>
  24.                         <i>{{ student.profile.school.name }} {{ student.profile.gradYear }}</i>
  25.                     </div>
  26.                 </div>
  27.                 <div class="box-body flex-center">
  28.                     {% if avatar %}
  29.                         <img src="{{ asset(avatar) }}" class="img-thumbnail">
  30.                     {% else %}
  31.                         <i class="fa fa-user img-thumbnail"></i>
  32.                     {% endif %}
  33.                 </div>
  34.             </div>
  35.         </div>
  36.         <div class="col-sm-4">
  37.             <div class="box box-default donate-column">
  38.                 <div class="box-header with-border">
  39.                     <h3 class="box-title">{{ 'fmt.donate.title'|trans }}</h3>
  40.                 </div>
  41.                 <form class="box-body donate-form"
  42.                       data-toggle="donate-form"
  43.                       data-service-fee="5"
  44.                       data-validate-amount-url="{{ url(constant('FMT\\Application\\Controller\\Common\\CampaignController::ROUTE_VALIDATE_DONATE_AMOUNT'), {id: campaignId}) }}"
  45.                       action="javascript:void(0)"
  47.                 >
  48.                     <div class="row">
  49.                         <div class="col-xs-6">
  50.                             <label for="amount" class="required">{{ 'fmt.donate.summary.amount'|trans }}:</label>
  51.                         </div>
  52.                         <div class="col-xs-6">
  53.                             <div class="input-group">
  54.                                 <span class="input-group-addon">$</span>
  55.                                 <input
  56.                                         type="text"
  57.                                         id="amount"
  58.                                         class="form-control"
  59.                                         name="amount"
  60.                                         placeholder="0.00"
  61.                                         data-max-length="32"
  62.                                         data-validation="number"
  63.                                         data-validation-allowing="float"
  64.                                         value=""
  65.                                 />
  66.                                 <!-- {{  alowedAmount/100|number_format(2, '.', '') }} -->
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                     <div class="row">
  71.                         <div class="col-xs-6">
  72.                             <label>{{ 'fmt.donate.summary.transaction_fee'|trans }}:</label>
  73.                         </div>
  74.                         <div class="col-xs-6 text-right">$<span data-donate-form="txn-fee">0.00</span></div>
  75.                     </div>
  76.                     <div class="row">
  77.                         <div class="col-xs-6">
  78.                             <label>{{ 'fmt.donate.summary.fmt_fee'|trans }}:</label>
  79.                         </div>
  80.                         <div class="col-xs-6 text-right">$<span data-donate-form="fmt-fee">0.00</span></div>
  81.                     </div>
  82.                     <div class="row">
  83.                         <div class="col-xs-6">
  84.                             <label>{{ 'fmt.donate.summary.total'|trans }}:</label>
  85.                         </div>
  86.                         <div class="col-xs-6 text-right">$<span data-donate-form="total">0.00</span></div>
  87.                     </div>
  88.                     <div class="row">
  89.                         <div class="col-xs-12">
  90.                             <p><em>Students are only permitted to purchase Equitable Access fees and bookstore course materials such as course-related supplies, technical devices, class essentials (pens, calculators, notebooks, etc.)  School-branded clothing is also permitted.</em></p> 
  91.                         </div>
  92.                     </div>
  94.                 </form>
  95.             </div>
  96.         </div>
  97.         <div class="col-sm-4">
  98.             {% include '@Public/form/checkout.html.twig' with { "form" : form, "student" : student.profile.firstName } %}
  99.         </div>
  100.         <div style="clear: both"></div>
  101.     </section>
  102. {% endblock content %}
  104. {% block page_specific_javascript %}
  105.     {{ encore_entry_script_tags('common.payment.donate') }}
  106. {% endblock page_specific_javascript %}