<?php
use Magento\Vault\Model\Ui\TokenUiComponentProviderInterface;
// @codingStandardsIgnoreFile

/** @var \Magento\Framework\Escaper $escaper */

/** @var \Magento\Framework\View\Element\Template $block */
$details = $block->getData(TokenUiComponentProviderInterface::COMPONENT_DETAILS);
$icon = $block->getData('icons')['venmo'] ?? [];
$id = $escaper->escapeHtml($block->getData('id'));
?>
<div data-mage-init='{
        "PayPal_Braintree/js/vault": {
            "container": "payment_<?= /* @noEscape */ $id ?>",
            "publicHash": "<?= $escaper->escapeHtml($block->getData(TokenUiComponentProviderInterface::COMPONENT_PUBLIC_HASH)) ?>",
            "code": "<?= $escaper->escapeHtml($block->getData('code')) ?>",
            "nonceUrl": "<?= $escaper->escapeUrl($block->getData('nonceUrl')) ?>"
        }
    }' 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="<?= $escaper->escapeUrl($icon['url'] ?? '') ?>"
             width="<?= $escaper->escapeHtml($icon['width'] ?? '') ?>"
             height="<?= $escaper->escapeHtml($icon['height'] ?? '') ?>"
             class="payment-icon" >
        <span><?= $escaper->escapeHtml(__('Username:')) ?></span>
        <span><?= $escaper->escapeHtml($details['username']) ?></span>
    </div>
</div>
