@once
@php
    $stripeCardYearMin = 2026;
    $stripeCardYearMax = 2035;
@endphp
<script>
(function () {
    'use strict';

    var YEAR_MIN = {{ $stripeCardYearMin }};
    var YEAR_MAX = {{ $stripeCardYearMax }};

    function digitsOnly(value) {
        return String(value || '').replace(/\D/g, '');
    }

    function formatCardNumber(value) {
        var digits = digitsOnly(value).slice(0, 16);
        return digits.replace(/(\d{4})(?=\d)/g, '$1 ').trim();
    }

    function luhnCheck(cardNumber) {
        var sum = 0;
        var shouldDouble = false;

        for (var i = cardNumber.length - 1; i >= 0; i--) {
            var digit = parseInt(cardNumber.charAt(i), 10);
            if (shouldDouble) {
                digit *= 2;
                if (digit > 9) {
                    digit -= 9;
                }
            }
            sum += digit;
            shouldDouble = !shouldDouble;
        }

        return sum % 10 === 0;
    }

    function validateCardNumber(value) {
        var digits = digitsOnly(value);
        if (digits.length !== 16) {
            return '{{ __('translate.Card number invalid length') }}';
        }
        if (!luhnCheck(digits)) {
            return '{{ __('translate.Card number invalid') }}';
        }
        return '';
    }

    function validateExpiryMonth(value) {
        var month = digitsOnly(value);
        if (month.length !== 2) {
            return '{{ __('translate.Card expiry month format') }}';
        }
        var monthNum = parseInt(month, 10);
        if (monthNum < 1 || monthNum > 12) {
            return '{{ __('translate.Card expiry month format') }}';
        }
        return '';
    }

    function validateExpiryYear(value) {
        var year = digitsOnly(value);
        if (year.length !== 4) {
            return '{{ __('translate.Card expiry year format') }}';
        }
        var yearNum = parseInt(year, 10);
        if (yearNum < YEAR_MIN || yearNum > YEAR_MAX) {
            return @json(__('translate.Card expiry year range', ['min' => $stripeCardYearMin, 'max' => $stripeCardYearMax]));
        }
        return '';
    }

    function validateExpiryNotPast(monthValue, yearValue) {
        var month = parseInt(digitsOnly(monthValue), 10);
        var year = parseInt(digitsOnly(yearValue), 10);
        var now = new Date();
        var expiry = new Date(year, month, 0, 23, 59, 59);
        if (expiry < now) {
            return '{{ __('translate.Card expired') }}';
        }
        return '';
    }

    function validateCvc(value) {
        var cvc = digitsOnly(value);
        if (cvc.length < 3 || cvc.length > 4) {
            return '{{ __('translate.Card cvc invalid') }}';
        }
        return '';
    }

    function showStripeError($form, message) {
        var $error = $form.find('.stripe_error');
        $error.removeClass('d-none').find('.alert').text(message);

        var $btn = resolveStripePayButton($form);
        if (window.clearMainBtnSubmitLoading) {
            window.clearMainBtnSubmitLoading($btn);
        }
    }

    function hideStripeError($form) {
        $form.find('.stripe_error').addClass('d-none');
    }

    function bindStripeCardInputs($form) {
        $form.find('.card-number').on('input', function () {
            this.value = formatCardNumber(this.value);
        });

        $form.find('.card-expiry-month').on('input', function () {
            this.value = digitsOnly(this.value).slice(0, 2);
        });

        $form.find('.card-expiry-year').on('input', function () {
            this.value = digitsOnly(this.value).slice(0, 4);
        });

        $form.find('.card-cvc').on('input', function () {
            this.value = digitsOnly(this.value).slice(0, 4);
        });

        $form.find('.card-number, .card-expiry-month, .card-expiry-year, .card-cvc').on('input', function () {
            hideStripeError($form);
            var $btn = resolveStripePayButton($form);
            if (window.clearMainBtnSubmitLoading) {
                window.clearMainBtnSubmitLoading($btn);
            }
        });

        $form.find('.card-number, .card-expiry-month, .card-expiry-year, .card-cvc').on('keypress', function (event) {
            if (event.ctrlKey || event.metaKey || event.altKey) {
                return;
            }
            var char = String.fromCharCode(event.which || event.keyCode);
            if (!/\d/.test(char)) {
                event.preventDefault();
            }
        });
    }

    function validateStripeCardForm($form) {
        var cardNumber = $form.find('.card-number').val();
        var month = $form.find('.card-expiry-month').val();
        var year = $form.find('.card-expiry-year').val();
        var cvc = $form.find('.card-cvc').val();

        var error = validateCardNumber(cardNumber)
            || validateExpiryMonth(month)
            || validateExpiryYear(year)
            || validateExpiryNotPast(month, year)
            || validateCvc(cvc);

        if (error) {
            showStripeError($form, error);
            return null;
        }

        hideStripeError($form);

        return {
            number: digitsOnly(cardNumber),
            cvc: digitsOnly(cvc),
            exp_month: digitsOnly(month),
            exp_year: digitsOnly(year),
        };
    }

    function resolveStripePayButton($form) {
        if (!$form || !$form.length) {
            return $();
        }

        var formId = $form.attr('id');
        if (formId === 'promotion-payment-form') {
            return $('#promotion_stripe_form_btn');
        }
        if (formId === 'payment-form') {
            return $('#stripe_form_btn');
        }

        return $form.find('a.main-btn').first();
    }

    window.bindStripeCardInputs = bindStripeCardInputs;
    window.validateStripeCardForm = validateStripeCardForm;
    window.resolveStripePayButton = resolveStripePayButton;

    window.initStripeCardForm = function ($form, onTokenReady) {
        if (!$form || !$form.length) {
            return;
        }

        bindStripeCardInputs($form);

        $form.on('submit', function (event) {
            event.preventDefault();

            var $btn = resolveStripePayButton($form);

            if ($btn.data('submitLock')) {
                return;
            }

            var cardData = validateStripeCardForm($form);

            if (!cardData) {
                if (window.clearMainBtnSubmitLoading) {
                    window.clearMainBtnSubmitLoading($btn);
                }
                return;
            }

            if (typeof onTokenReady !== 'function') {
                return;
            }

            if (window.activateMainBtnSubmitLoading) {
                window.activateMainBtnSubmitLoading($btn);
            }

            onTokenReady(cardData);
        });
    };
})();
</script>
@endonce