<ul id="listPayaments" class="fds-list-group" role="list">
                <li class="fds-list-group-item" role="listitem">
                    <div class="fds-d-flex fds-flex-column fds-flex-md-row fds-gap-2" role="group" aria-labelledby="creditCardLabel">
                        <div class="fds-form-check fds-position-relative fds-d-flex fds-flex-wrap fds-flex-grow-1">
                            <input class="fds-form-check-input fds-payment-radio fds-payment-credit-card" type="radio" name="paymentMethod" id="creditCard" aria-describedby="creditCardDesc" tabindex="0" aria-labelledby="creditCardLabel" checked />
                            <label class="fds-form-check-label fds-stretched-link fds-ms-2" for="creditCard" id="creditCardLabel">
                                <?php echo $L->credit_card; ?>
                            </label>
                            <span class="fds-flex-grow-1 fds-form-check-hint fds-mt-1 fds-ms-1 fds-text-body-secondary fds-small fds-w-100"><?php echo $L->pay_with_card; ?></span>
                            <span id="creditCardDesc" class="fds-visually-hidden"><?php echo $L->pay_with_card; ?></span>
                        </div>
                        <div class="fds-d-flex fds-gap-1 fds-payment-card-images fds-ms-4 fds-ms-md-2">
                            <img
                                src="img/amex.jpg"
                                srcset="
                                                img/amex.jpg    1x,
                                                img/[email protected] 2x,
                                                img/[email protected] 3x
                                            "
                                alt="Amex"
                                height="24"
                                width="35" />
                            <img
                                src="img/mastercard.jpg"
                                srcset="
                                                img/mastercard.jpg    1x,
                                                img/[email protected] 2x,
                                                img/[email protected] 3x
                                            "
                                alt="Mastercard"
                                height="24"
                                width="35" />
                            <img
                                src="img/visa.jpg"
                                srcset="
                                                img/visa.jpg    1x,
                                                img/[email protected] 2x,
                                                img/[email protected] 3x
                                            "
                                alt="Visa"
                                height="24"
                                width="35" />
                            <img
                                src="img/dinersclub.jpg"
                                srcset="
                                                img/dinersclub.jpg    1x,
                                                img/[email protected] 2x,
                                                img/[email protected] 3x
                                            "
                                alt="DinersClub"
                                height="24"
                                width="35" />
                        </div>
                    </div>
                    <div class="fds-accordion-collapse fds-credit-card-accordion open" role="region" aria-labelledby="creditCardLabel" id="creditCardAccordion">
                        <div class="fds-accordion-body">
                            <hr class="fds fds-my-4" />
                            <div id="saved-methods-container"></div>
                            <div id="new-card-container" class="fds-d-none">
                                <div class="fds-card fds-position-relative fds-mb-3" id="back-to-list">
                                    <div class="fds-card-body">
                                        <div class="fds-d-flex fds-align-items-center">
                                            <button class="fds-btn fds-btn-sm fds-btn-icon-only fds-stretched-link" data-action="back-to-saved-methods" aria-label="Visualizza carte salvate">
                                                <i class="fa-solid fa-chevron-left"></i>
                                            </button>
                                            <div class="fds-flex-grow-1 fds-d-flex fds-flex-column">
                                                <span class="fds-h6 fds-mb-0 fds-fw-medium"><?php echo $L->view_save_card; ?></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <form id="creditCardForm">
                                    <div class="fds-form-floating fds-mb-3">
                                        <div class="fds-form-control fds-form-control--i-card fds-number" id="cardNumber" aria-labelledby="cardNumberLabel"></div>
                                        <label class="fds-fw-medium" for="cardNumber" id="cardNumberLabel"><?php echo $L->card_number; ?></label>
                                    </div>
                                    <div class="fds-row fds-g-3 fds-form-wrapper">
                                        <div class="fds-col-12 fds-col-md-6">
                                            <div class="fds-form-floating">
                                                <div class="fds-form-control fds-form-control--i-date fds-expirationDate" id="cardExpiration" aria-labelledby="cardExpirationLabel"></div>
                                                <label class="fds-fw-medium" for="cardExpiration" id="cardExpirationLabel"><?php echo $L->expiration_date; ?></label>
                                            </div>
                                        </div>
                                        <div class="fds-col-12 fds-col-md-6">

                                            <div class="fds-form-floating">
                                                <div class="fds-form-control fds-form-control--i-key fds-cvv" id="cardCvv" aria-labelledby="cardCvvLabel"></div>
                                                <label class="fds-fw-medium" for="cardCvv" id="cardCvvLabel"><?php echo $L->cvc; ?></label>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="fds-d-grid fds-mt-3">
                                    <div id="submit" class="fds-btn fds-btn-primary" name="pay"><?php echo $L->proceed_payment; ?></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- Qui verranno inseriti dinamicamente i metodi Apple Pay e Google Pay -->
            </ul>