<?php
use Magento\Vault\Model\Ui\TokenUiComponentProviderInterface;
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
// @codingStandardsIgnoreFile

/** @var \Magento\Framework\View\Element\Template $block */
$details = $block->getData('details');
$icon = $block->getData('icons')[$details['cc_type']];
$id = $block->escapeHtml($block->getData('id'));
?>
<div data-mage-init='{
        "Magento_Paypal/js/payflowpro/vault": {
            "container": "payment_<?= /* @noEscape */ $id ?>",
            "publicHash": "<?= $block->escapeHtml(
                                $block->getData(TokenUiComponentProviderInterface::COMPONENT_PUBLIC_HASH)
                            ); ?>"
        }
    }' id="payment_<?= /* @noEscape */ $id ?>" class="admin__field">
    <div class="admin__field-control control">
        <input type="radio" id="token_switcher_<?= /* @noEscape */ $id ?>" name="payment[token_switcher]"/>
        <img src="<?= $block->escapeUrl($icon['url']) ?>"
             width="<?= $block->escapeHtml($icon['width']) ?>"
             height="<?= $block->escapeHtml($icon['height']) ?>"
             class="payment-icon" >
        <span><?= $block->escapeHtml(__('ending')) ?></span>
        <span><?= $block->escapeHtml($details['cc_last_4']) ?></span>
        (<span><?= $block->escapeHtml(__('expires')) ?></span>:
        <span><?php /* @noEscape */ echo $block->escapeHtml(
                $details['cc_exp_month'] . "/" . $details['cc_exp_year']
            ); ?></span>)
    </div>
</div>
