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

Open in your IDE?
  1. <div class="form-aside__contribution contribution-form contribution-premium">
  2.     <div class="contribution-form__radios options {% if app.request.get('frequency') != 'oneTime' %} active{% endif %} amountContainer" data-frequency="month">
  3.         {% for amount in amountsByFrequency.month %}
  4.             <div class="options__col">
  5.                 <div class="options__item">
  6.                     <input id="monthAmount{{amount}}" class="options__input{% if loop.index == 2 %} default-amount{% endif %}" type="radio" value="{{ amount }}" name="monthAmount" {% if loop.index == 2 %}checked{% endif %}>
  7.                     <label for="monthAmount{{amount}}" class="options__label"><span class="options__text">${{ amount|number_format(0, '.', ',') }}</span></label>
  8.                 </div>
  9.             </div>
  10.         {% endfor %}
  11.     </div>
  12.     <div class="contribution-form__radios options amountContainer" data-frequency="year">
  13.         {% for amount in amountsByFrequency.year %}
  14.             <div class="options__col">
  15.                 <div class="options__item">
  16.                     <input id="yearAmount{{amount}}" class="options__input{% if loop.index == 2 %} default-amount{% endif %}" type="radio" value="{{amount}}" name="yearAmount" {% if loop.index == 2 %}checked{% endif %}>
  17.                     <label for="yearAmount{{amount}}" class="options__label"><span class="options__text">${{ amount|number_format(0, '.', ',') }}</span></label>
  18.                 </div>
  19.             </div>
  20.         {% endfor %}
  21.     </div>
  22.     <div class="contribution-form__radios options {% if app.request.get('frequency') == 'oneTime' %} active{% endif %} amountContainer" data-frequency="oneTime">
  23.         {% for amount in amountsByFrequency.oneTime %}
  24.             <div class="options__col">
  25.                 <div class="options__item">
  26.                     <input id="onetimeAmount{{amount}}" class="options__input{% if loop.index == 2 %} default-amount{% endif %}" type="radio" value="{{ amount }}" name="onetimeAmount" {% if loop.index == 2 %}checked{% endif %}>
  27.                     <label for="onetimeAmount{{amount}}" class="options__label"><span class="options__text">${{ amount|number_format(0, '.', ',') }}</span></label>
  28.                 </div>
  29.             </div>
  30.         {% endfor %}
  31.     </div>
  32.     <!--
  33.         При фокусе добавляется класс _form-focus для contribution-form__input.
  34.         Для валидации необходимо добавить класс valid для contribution-form__input.
  35.         Для вывода сообщения добавить для любого предка класс submit.
  36.     -->
  37.     <div class="contribution-form__input">
  38.         <input rrrdata-mask="$" autocomplete="off" type="text" name="otherAmount" placeholder="Other" class="input-round" id="otherAmount">
  39.         <button class="contribution-form__button" type="button" id="submitOtherAmount">submit</button>
  40.     </div>
  41.     <div class="contribution-form__discr">You will be charged monthly. You can cancel this recurring payment at any time.</div>
  42.     <div class="contribution-form__submit" style="display: none;">Your contribution has been updated to $ <span>242</span></div>
  43. </div>