<div class="checkout-payment-details">
    <form class="checkout-payment-details__payment-method form-bg">
        <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-deleted-payment-method-card }}
            </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">
                <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">
                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>
