<div class="checkout-payment-details">
  <form class="checkout-payment-details__payment-method form-bg mb-3">
    <div class="checkout-payment-details__row">
      <div class="checkout-payment-details__descr">
        <h3 class="checkout-payment-details__title">Payment method</h3>
        <div class="form-row">
          <div class="form-row__field">
            {{> radiobutton label="Credit/Debit card" name="payment-method" id="checkout-payment-details-card" checked=true value="card"}}
          </div>
        </div>
        <div class="form-row">
          <div class="form-row__field">
            <label class="rbn rbn_align" for="checkout-payment-details-paypal">
              <input type="radio" id="checkout-payment-details-paypal" name="payment-method" value="paypal">
              <ins></ins>
              <img class="checkout-payment-details__icon" src="img/payments_paypal-large.png" width="90" height="24" alt="paypal">
            </label>
            <a class="checkout-payment-details__link" href="https://www.paypal.com/uk/webapps/mpp/paypal-popup"
               target="_blank">What is PayPal?</a>
            <p class="checkout-payment-details__paypal-email">contact@gmail.com <a href="#">Delete</a></p>
          </div>
        </div>
      </div>
    </div>
    <div data-paypal class="form-row form-row__save" style="display: none;">
      <div class="form-row__field">
        {{> checkbox id="chb-payment-details-paypal" label="Save my PayPal account" }}
      </div>
    </div>
    <div data-existing-card>
      <div data-card class="checkout-payment-details__row">
        {{> checkout-payment-method-card default-mark=true }}
      </div>
    </div>
    <div data-existing-card class="form-row form-row__action form-row__action_custom checkout-payment-details__place-order paypal__row">
      <div class="form-row__col-btn" data-paypal style="display: none;">
        <a class="pay-pal_wrap" href="./page_checkout_confirmation.html">
          <div class="buttons-container">
            <div class="paypal-button-container">
              <div class="paypal-button">
                <span class="paypal-button-text">Pay with</span>
                <img class="paypal-logo paypal-logo_icon" src="./img/paypal.svg" alt="paypallogo">
                <img class="paypal-logo paypal-logo_icon-text" src="./img/payapal_text.svg" alt="paypallogo">
              </div>
            </div>
          </div>
        </a>
      </div>
      <div class="form-row__col-terms" data-paypal style="display: none;">
        By placing your order, you accept our
        <a href="#" class="link-secondary" data-toggle="modal" data-target="#modal-terms-and-conditions">
          Terms & Conditions of sale
        </a>
      </div>
    </div>
    <div data-existing-card class="form-row form-row__action form-row__action_custom checkout-payment-details__place-order">
      <div class="form-row__col-btn" data-card>
        <a class="btn btn-action btn_full" href="./page_checkout_confirmation.html">
          <span class="btn__text">Place your order</span>
        </a>
      </div>
      <div class="form-row__col-terms" data-card>
        By placing your order, you accept our
        <a href="#" class="link-secondary" data-toggle="modal" data-target="#modal-terms-and-conditions">
          Terms & Conditions of sale
        </a>
      </div>
    </div>
    <div data-new-card style="display: none;">
      <div data-card class="checkout-payment-details__row">
        <div class="checkout-payment-details__back-btn">
          <a href="#" class="link-primary btn-back-to-existing-card">Select saved card</a>
        </div>
      </div>
      {{> checkout-edit-billing-address attr="data-card" actionBlock="true" }}
    </div>
  </form>
  <form class="checkout-payment-details__card-details form-bg checkout-payment-details__card-details_hidden">
    {{> checkout-edit-card-details }}
    <div class="form-row form-row__action form-row__action_custom">
      <div class="form-row__col-btn">
        <button class="btn btn-action btn_full" type="submit">
          <span class="btn__text">Place your order</span>
        </button>
      </div>
      <div class="form-row__col-terms">
        By placing your order, you accept our
        <a href="#" class="link-secondary" data-toggle="modal" data-target="#modal-terms-and-conditions">
          Terms & Conditions of sale
        </a>
      </div>
    </div>
  </form>
</div>
