templates/tenants/tenant1/parts/society-form.html.twig line 1

Open in your IDE?
  1. <form id="society_twoStepForm">
  2.     <div id="society_stepDonorship" class="form-aside form-aside_top-line {% if route in ['become_premium', 'sign_up_premium', 'sign_up_society'] %}form-aside_flow{% endif %}">
  3.         <div class="form-aside__header">
  4.             <h3 class="form-aside__title">Please choose one of our societies</h3>
  5.         </div>
  6.         <div class="form-aside__main">
  7.             <div class="form-aside__contribution contribution-form" style="margin-bottom: 45px;">
  8.                 {% set finalAmountStart = monthlyMin %}
  9.                 {% set planNameStart = 'Premium' %}
  10.                 <div class="radioSociety">
  11.                     {% for society in societies %}
  12.                         {% if society.isDefault %}
  13.                             {% set finalAmountStart = society.amount %}
  14.                             {% set planNameStart = society.id %}
  15.                         {% endif %}
  16.                         <label class="radio">
  17.                             <input name="society" type="radio" value="{{ society.id }}" data-amount="{{ society.amount|replace({'1000000': 999999}) }}" data-societyName="{{ ('societies.names.'~society.id)|transByTenant }}" data-societyAmount="{{ ('societies.amounts.amount'~society.amount)|transByTenant }}" {% if society.isDefault %}checked{% endif %}>
  18.                             <span>{{ ('societies.names.'~society.id)|transByTenant }}: ${{ ('societies.amounts.amount'~society.amount)|transByTenant }}</span>
  19.                         </label>
  20.                     {% endfor %}
  21.                     <label class="radio">
  22.                         <input class="otherAmountRadio" name="society" type="radio" value="" data-amount="">
  23.                         <span>Other Amount</span>
  24.                     </label>
  25.                 </div>
  26.                 <br>
  27.                 <div class="otherAmountBlock" style="display: none">
  28.                     <div class="contribution-form__input">
  29.                         <input data-mask="$" autocomplete="off" type="text" name="otherAmount" placeholder="Other" class="input-round" id="society_otherAmount">
  30.                         <button class="contribution-form__button" type="button" id="society_submitOtherAmount">submit</button>
  31.                     </div>
  32.                     <p class="notateToOtherField">Donations less than ${{ societies.0.amount }} will enter you into our JNS Reader Community.</p>
  33.                     <br>
  34.                     <p id="otherAmountResult"></p>
  35.                 </div>
  36.             </div>
  37.             {% if route == 'sign_up_society' %}
  38.                 <div class="form-aside__row">
  39.                     <div class="form-aside__input input-wrapper">
  40.                         <label class="input-wrapper__label" for="society_email">Email address *</label>
  41.                         <input autocomplete="off" id="society_email" type="text" name="email" placeholder="" class="input" {% if route in ['become_premium', 'user_profile'] %} value="{{ app.user.email }}" disabled {% endif %}>
  42.                     </div>
  43.                     <div id="society_emailErrorMessage" class="form-error-message"></div>
  44.                 </div>
  45.             {% elseif route == 'user_profile' %}
  46.                 <input autocomplete="off" id="society_email" type="hidden" name="email" placeholder="" class="input" {% if route in ['become_premium', 'user_profile'] %} value="{{ app.user.email }}" disabled {% endif %}>
  47.             {% endif %}
  48.         </div>
  49.         <div class="form-aside__footer footer-aside" style="margin-bottom: 60px;">
  50.             <button id="society_submitDonorship" class="footer-aside__button button" type="button">Next</button>
  51.         </div>
  52.         <input id="society_finalAmount" type="hidden" value="{{ finalAmountStart }}">
  53.         <input id="society_planName" type="hidden" value="{{ planNameStart }}">
  54.     </div>
  55.     <div id="society_stepBilling" class="form-aside {% if route in ['become_premium', 'sign_up_premium', 'sign_up_society'] %}form-aside_top-line form-aside_flow{% endif %}" style="display: none;">
  56.         <div class="form-aside__header form-aside__header_back">
  57.             <button class="form-aside__back" type="button" id="society_backToDonorship">Back</button>
  58.             <h3 class="form-aside__title">Billing</h3>
  59.         </div>
  60.         <div class="form-aside__grid grid-form">
  61.             <div class="grid-form__item input-wrapper">
  62.                 <label class="input-wrapper__label" for="society_nameOnCard">Name on Card *</label>
  63.                 <input data-validation="exclude" autocomplete="off" id="society_nameOnCard" type="text" name="nameOnCard" placeholder="" class="input">
  64.                 <div id="society_nameOnCardErrorText" class="form-error-message"></div>
  65.             </div>
  66.             <div class="grid-form__item input-wrapper">
  67.                 <label class="input-wrapper__label" for="society_taxReceiptName">Tax Receipt Name *</label>
  68.                 <input data-validation="exclude" autocomplete="off" id="society_taxReceiptName" type="text" name="society_taxReceiptName" placeholder="" class="input">
  69.                 <div id="society_taxReceiptNameErrorText" class="form-error-message"></div>
  70.             </div>
  71.             <div id="society_card-element" class="grid-form__item grid-form__item_big input-wrapper">
  72.                 <!-- card-element -->
  73.             </div>
  74.             <div class="grid-form__item input-wrapper">
  75.                 <label class="input-wrapper__label" for="society_country">Country *</label>
  76.                 <select name="country" id="society_country" class="form-inp" data-scroll>
  77.                     {% for countryCode, countryName in countries %}
  78.                         <option value="{{ countryCode }}" {% if 'us' == countryCode %}selected{% endif %}>{{ countryName }}</option>
  79.                     {% endfor %}
  80.                 </select>
  81.                 <div id="society_countryErrorText"></div>
  82.             </div>
  83.             <div class="grid-form__item input-wrapper">
  84.                 <label class="input-wrapper__label" for="society_zipCode">Zip code *</label>
  85.                 <input data-validation="exclude" autocomplete="off" id="society_zipCode" type="text" name="zipCode" placeholder="" class="input">
  86.                 <div id="society_zipCodeErrorText" class="form-error-message"></div>
  87.             </div>
  88.         </div>
  89.         <div class="form-aside__footer footer-aside">
  90.             <button id="society_payButton" class="footer-aside__button button button_center button_red" type="button">Pay $<span>{{ finalAmountStart|number_format(0, '.', ',') }}</span></button>
  91.             <div class="footer-aside__checkbox checkbox">
  92.                 <input id="society_iAgree2" class="checkbox__input" type="checkbox" value="1" name="iAgree2" checked>
  93.                 <label for="society_iAgree2" class="checkbox__label"><span class="iAgreeText2 checkbox__text">I agree to receive communications from JNS and its partners and advertisers.</span></label>
  94.             </div>
  95.             <div id="society_GeneralErrorText" class="form-error-message"></div>
  96.         </div>
  97.     </div>
  98. </form>