<div class="checkout-payment-details__row">
  <div class="checkout-payment-details__descr{{descrModifier}}">
    <h3 class="checkout-payment-details__title">Card details</h3>
    <div class="warning-required">Required fields</div>
  </div>
</div>
<div class="checkout-payment-details__row">
  <div class="checkout-payment-details__descr{{descrModifier}}">
    {{> form-row dropdown="true" id="card-type" label="Card type" placeholder="Please select a card type" required="true"}}
    {{> form-row id="card-name1" label="Name on card" required="true"}}
    {{> form-row id="card-number" label="Card number" required="true"}}
    <div class="form-row" data-row-required>
      <div class="form-row__label form-row__label_required">Expiry date</div>
      <div class="form-row__col-field">
        <label for="month" class="sr-only">Month</label>
        <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}}">
          <select id="month" name="month">
            <option value="" disabled selected hidden>Month</option>
            <option>Item value</option>
            <option>Item value 2</option>
            <option>Item value 3</option>
            <option>Item value 4</option>
          </select>
          <span class="icon">
            <i class="fas fa-chevron-down"></i>
          </span>
        </div>
      </div>
      <div class="form-row__col-field">
        <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}}">
          <label for="year" class="sr-only">Year</label>
          <select id="year" name="year">
            <option value="" disabled selected hidden>Year</option>
            <option>Item value</option>
            <option>Item value 2</option>
            <option>Item value 3</option>
            <option>Item value 4</option>
          </select>
          <span class="icon">
            <i class="fas fa-chevron-down"></i>
          </span>
        </div>
      </div>
    </div>
    <div class="form-row row-title" data-row-required>
      <label class="form-row__label form-row__label_required" for="security-code">Security code</label>
      <div class="form-row__col-field">
        <input type="text" class="tbx {{#if error}}tbx_error{{/if}}" value="{{value}}" id="security-code" name="security-code" {{#if
          disabled}}disabled{{/if}}>
      </div>
      <div class="form-row__col-field">
        <img class="checkout-payment-details__icon" src="img/payments_card.png" width="54" height="40" alt="card">
      </div>
    </div>
  </div>
</div>
