oont-contents/plugins/myfatoorah-woocommerce/templates/paymentFields.php

<?php
//------------------------------------------------------------------- myfatoorah
if ($this->listOptions === 'myfatoorah') {
    return;
}

//------------------------------------------------------------------- count == 0
if ($this->count == 0) {
    ?>
    <script>
        jQuery('.payment_method_myfatoorah_v2').remove();
    </script>
    <?php
    return;
}

//------------------------------------------------------------------- count == 1
if ($this->count == 1 && count($this->gateways['form']) == 0) {
    $mfGateway = $this->gateways['all'][0];
    ?>
    <input type="hidden" name="mfCardData" value="<?php echo $mfGateway->PaymentMethodId; ?>"/>

    <?php
    if ($mfGateway->PaymentMethodCode == 'gp') {
        include_once('sectionGoogle.php');
    }

    //if Apple Pay registered
    if (!empty($this->gateways['ap'])) {
        include_once('sectionApple.php');
    }

    //if not Apple Pay Ssession
    if ($mfGateway->PaymentMethodCode == 'ap') {
        ?>
        <script>
            if (!window.ApplePaySession) {
                jQuery('.payment_method_myfatoorah_v2').remove();
            }
        </script>
        <?php
    }
    return;
}

//-------------------------------------------------------------------- count > 1
$isSectionCard = !empty($this->gateways['cards']);
$isSectionForm = !empty($this->gateways['form']);
$isSectionGP   = !empty($this->gateways['gp']);
$isSectionAP   = !empty($this->gateways['ap']);

$styleFontFamily = "font-family: $this->designFont;";

$fontSize      = ($this->designFontSize + 2) . 'px';
$styleFontSize = "font-size: $fontSize;";

$styleDesignColor = "color: $this->designColor;";

$txtOr = __('Or ', 'myfatoorah-woocommerce');
?>

<div class="mf-payment-methods-container" style="<?php echo "$styleFontFamily $styleFontSize $styleDesignColor"; ?>">
    <div class="mf-grey-text" style="<?php echo "$styleFontFamily $styleFontSize"; ?>">
        <?php echo __('How would you like to pay?', 'myfatoorah-woocommerce'); ?>
    </div>
    <?php if ($isSectionAP || $isSectionGP) {
        ?>
        <div id="mf-sectionButtons" style="margin-top: 14px;">
            <?php
            if ($isSectionAP) {
                include_once('sectionApple.php');
            }
            if ($isSectionGP) {
                include_once('sectionGoogle.php');
            }
            ?>
        </div>
        <?php
    }
    if ($isSectionCard) {
        ?>
        <div id="mf-sectionCard">
            <div class="mf-divider card-divider">
                <span class="mf-divider-span">
                    <span id="mf-or-cardsDivider">
                        <?php
                        if ($isSectionAP || $isSectionGP) {
                            echo $txtOr;
                        }
                        ?>
                    </span>
                    <?php echo __('Pay With', 'myfatoorah-woocommerce'); ?>
                </span>
            </div>
            <?php include_once('sectionCards.php'); ?>
        </div>
        <?php
    }
    if ($isSectionForm) {
        ?>
        <div class="mf-divider">
            <span class="mf-divider-span">
                <span id="mf-or-formDivider">
                    <?php
                    if ($isSectionAP || $isSectionGP || $isSectionCard) {
                        echo $txtOr;
                    }
                    ?>
                </span>
                <?php echo __('Insert Card Details', 'myfatoorah-woocommerce'); ?>
            </span>
        </div>
        <?php
        include_once('sectionForm.php');
        ?>
        <button class="mf-btn mf-pay-now-btn" type="button" style="background-color:<?php echo $this->themeColor; ?>;
                border: none; border-radius: 8px;
                padding: 7px 3px;">
            <span class="mf-pay-now-span" style='font-size:<?php echo $this->designFontSize; ?>px; font-family:<?php echo $this->designFont; ?>;'>
                <?php echo __('Pay Now', 'myfatoorah-woocommerce'); ?>
            </span>
        </button>
        <?php
    }
    ?>
</div>
<script>
    jQuery(document).ready(function ($) {

        if (window.ApplePaySession) {
            return;
        }

        //remove ap if registered
        $('#mf-ap-element').remove();

        //remove ap as a card
        $('.mf-div-ap').remove();

        if ($('#mf-gp-element').length === 0) {
            $('#mf-or-cardsDivider').remove();
        }

        //is there any cards left?
        if ($('.mf-card-container').length === 0) {
            $('#mf-sectionCard').remove();

            if ($('#mf-gp-element').length === 0) {
                $('#mf-or-formDivider').remove();
            }
        }

        //if only mf-sectionCard
        if ($('#mf-ap-element').length === 0 && $('#mf-gp-element').length === 0 && $('#mf-form-element').length === 0) {

            if ($('.mf-card-container').length === 0) {
                $('.payment_method_myfatoorah_v2').remove();
            }

            if ($('.mf-card-container').length === 1) {

                var mfTitle = $(".mf-card-title").text();
                var mfImage = '<img src="' + $(".mf-payment-logo").attr('src') + '" alt="' + mfTitle + '" style="margin: 0px; width: 50px; height: 30px;"/>';

                $('.payment_method_myfatoorah_v2').find('label').html(mfTitle + '&nbsp;' + mfImage);
                $('.mf-payment-methods-container').replaceWith('<input type="hidden" name="mfCardData" value="' + $("[data-mfCardId]").attr('data-mfCardId') + '"/>');
            }
        }

        //if only google
<?php
if ($isSectionGP) {
    $mfGateway = $this->gateways['gp'];
    $mfGwTitle = ($this->lang == 'ar') ? $mfGateway->PaymentMethodAr : $mfGateway->PaymentMethodEn;
    ?>

            if ($('#mf-ap-element').length === 0 && $('.mf-card-container').length === 0 && $('#mf-form-element').length === 0) {

                var mfTitle = "<?php echo $mfGwTitle; ?>";
                var mfImage = '<img src="<?php echo $mfGateway->ImageUrl; ?>" alt="<?php echo $mfGwTitle; ?>" style="margin: 0px; width: 50px; height: 30px;"/>';

                $('.payment_method_myfatoorah_v2').find('label').html(mfTitle + '&nbsp;' + mfImage);
                $('.mf-payment-methods-container').replaceWith($('#mf-sectionGP').html() + '<input type="hidden" name="mfCardData" value="<?php echo $mfGateway->PaymentMethodId; ?>"/>');
            }
<?php } ?>

        //if only one form gateway
<?php
if (!empty($this->gateways['form'] && count($this->gateways['form']) == 1)) {
    $mfGateway = $this->gateways['form'][0];
    $mfGwTitle = ($this->lang == 'ar') ? $mfGateway->PaymentMethodAr : $mfGateway->PaymentMethodEn;
    ?>

            if ($('#mf-ap-element').length === 0 && $('#mf-gp-element').length === 0 && $('.mf-card-container').length === 0) {

                var mfTitle = "<?php echo $mfGwTitle; ?>";
                var mfImage = '<img src="<?php echo $mfGateway->ImageUrl; ?>" alt="<?php echo $mfGwTitle; ?>" style="margin: 0px; width: 50px; height: 30px;"/>';

                $('.payment_method_myfatoorah_v2').find('label').html(mfTitle + '&nbsp;' + mfImage);
            }
<?php } ?>
    });
</script>