@if (get_payment_setting('status', PAYTR_PAYMENT_METHOD_NAME) == 1)
    <li class="list-group-item">
        <input class="magic-radio js_payment_method" type="radio" name="payment_method" id="payment_{{ PAYTR_PAYMENT_METHOD_NAME }}"
               value="{{ PAYTR_PAYMENT_METHOD_NAME }}" data-bs-toggle="collapse" data-bs-target=".payment_{{ PAYTR_PAYMENT_METHOD_NAME }}_wrap"
               data-parent=".list_payment_method"
               @if (setting('default_payment_method') == PAYTR_PAYMENT_METHOD_NAME) checked @endif
        >
        <label for="payment_{{ PAYTR_PAYMENT_METHOD_NAME }}">{{ get_payment_setting('name', PAYTR_PAYMENT_METHOD_NAME) }}</label>
        <div class="payment_{{ PAYTR_PAYMENT_METHOD_NAME }}_wrap payment_collapse_wrap my-3 collapse @if (setting('default_payment_method') == PAYTR_PAYMENT_METHOD_NAME) show @endif">

            <p>{!! get_payment_setting('description', PAYTR_PAYMENT_METHOD_NAME, __('Payment with HST Mobile')) !!}</p>



            <div class="card-container">
                <div class="card-wrapper"></div>

                <div class="form-container">

                    <label for="number">Kredi Kart Numarası</label>
                    <input placeholder="XXXX  XXXX  XXXX  XXXX" class="form-control " type="text" name="number">
                    <label for="name">Kart Sahibi Adı</label>
                    <input placeholder="Adınız Soyadınız" class="form-control " type="text" name="name"><br>

                    <div class="cardForm-Field50">
                        <label for="expiry">Bitiş Tarihi Ay / Yıl </label><rb>
                            <input placeholder="AA/YY" type="text" name="expiry" class="form-control secondRow">
                    </div>
                    <div class="cardForm-Field50">
                        <label for="cvc">CVC</label><br>
                        <input placeholder="XXX" type="text" name="cvc" class="form-control  secondRow">
                    </div>

                </div>
            </div>
            <script>


                $(document).ready(function(){
                    setTimeout(cardSetupS, 1000);

                });

                function cardSetupS() {


                    if ($('.card-wrapper').html() == "") {


                        !function (r) {
                            if ("object" == typeof exports) module.exports = r(); else if ("function" == typeof define && define.amd) define(r); else {
                                var n;
                                "undefined" != typeof window ? n = window : "undefined" != typeof global ? n = global : "undefined" != typeof self && (n = self), n.card = r()
                            }
                        }((function () {
                            return function r(n, e, t) {
                                function a(o, d) {
                                    if (!e[o]) {
                                        if (!n[o]) {
                                            var c = "function" == typeof require && require;
                                            if (!d && c) return c(o, !0);
                                            if (i) return i(o, !0);
                                            throw new Error("Cannot find module '" + o + "'")
                                        }
                                        var p = e[o] = {exports: {}};
                                        n[o][0].call(p.exports, (function (r) {
                                            var e = n[o][1][r];
                                            return a(e || r)
                                        }), p, p.exports, r, n, e, t)
                                    }
                                    return e[o].exports
                                }

                                for (var i = "function" == typeof require && require, o = 0; o < t.length; o++) a(t[o]);
                                return a
                            }({
                                1: [function (r, n, e) {
                                    n.exports = r("./lib/extend")
                                }, {"./lib/extend": 2}],
                                2: [function (r, n, e) {
                                    var t = r("is");

                                    function a() {
                                        var r, n, e, i, o, d, c = arguments[0] || {}, p = 1, l = arguments.length,
                                            s = !1;
                                        for ("boolean" == typeof c && (s = c, c = arguments[1] || {}, p = 2), "object" == typeof c || t.fn(c) || (c = {}); p < l; p++) if (null != (r = arguments[p])) for (n in "string" == typeof r && (r = r.split("")), r) e = c[n], c !== (i = r[n]) && (s && i && (t.hash(i) || (o = t.array(i))) ? (o ? (o = !1, d = e && t.array(e) ? e : []) : d = e && t.hash(e) ? e : {}, c[n] = a(s, d, i)) : void 0 !== i && (c[n] = i));
                                        return c
                                    }

                                    a.version = "1.0.8", n.exports = a
                                }, {is: 3}],
                                3: [function (r, n, e) {
                                    var t = Object.prototype, a = t.hasOwnProperty, i = t.toString, o = function (r) {
                                            return r != r
                                        }, d = {boolean: 1, number: 1, string: 1, undefined: 1},
                                        c = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{4}|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)$/,
                                        p = /^[A-Fa-f0-9]+$/, l = n.exports = {};
                                    l.a = l.type = function (r, n) {
                                        return typeof r === n
                                    }, l.defined = function (r) {
                                        return void 0 !== r
                                    }, l.empty = function (r) {
                                        var n, e = i.call(r);
                                        if ("[object Array]" === e || "[object Arguments]" === e || "[object String]" === e) return 0 === r.length;
                                        if ("[object Object]" === e) {
                                            for (n in r) if (a.call(r, n)) return !1;
                                            return !0
                                        }
                                        return !1
                                    }, l.equal = function (r, n) {
                                        var e = r === n;
                                        if (e) return !0;
                                        var t, a = i.call(r);
                                        if (a !== i.call(n)) return !1;
                                        if ("[object Object]" === a) {
                                            for (t in r) if (!l.equal(r[t], n[t]) || !(t in n)) return !1;
                                            for (t in n) if (!l.equal(r[t], n[t]) || !(t in r)) return !1;
                                            return !0
                                        }
                                        if ("[object Array]" === a) {
                                            if ((t = r.length) !== n.length) return !1;
                                            for (; --t;) if (!l.equal(r[t], n[t])) return !1;
                                            return !0
                                        }
                                        return "[object Function]" === a ? r.prototype === n.prototype : "[object Date]" === a ? r.getTime() === n.getTime() : e
                                    }, l.hosted = function (r, n) {
                                        var e = typeof n[r];
                                        return "object" === e ? !!n[r] : !d[e]
                                    }, l.instance = l.instanceof = function (r, n) {
                                        return r instanceof n
                                    }, l.nil = l.null = function (r) {
                                        return null === r
                                    }, l.undef = l[void 0] = function (r) {
                                        return void 0 === r
                                    }, l.args = l.arguments = function (r) {
                                        var n = "[object Arguments]" === i.call(r),
                                            e = !l.array(r) && l.arraylike(r) && l.object(r) && l.fn(r.callee);
                                        return n || e
                                    }, l.array = function (r) {
                                        return "[object Array]" === i.call(r)
                                    }, l.args.empty = function (r) {
                                        return l.args(r) && 0 === r.length
                                    }, l.array.empty = function (r) {
                                        return l.array(r) && 0 === r.length
                                    }, l.arraylike = function (r) {
                                        return !!r && !l.boolean(r) && a.call(r, "length") && isFinite(r.length) && l.number(r.length) && r.length >= 0
                                    }, l.boolean = function (r) {
                                        return "[object Boolean]" === i.call(r)
                                    }, l.false = function (r) {
                                        return l.boolean(r) && !1 === Boolean(Number(r))
                                    }, l.true = function (r) {
                                        return l.boolean(r) && !0 === Boolean(Number(r))
                                    }, l.date = function (r) {
                                        return "[object Date]" === i.call(r)
                                    }, l.element = function (r) {
                                        return void 0 !== r && "undefined" != typeof HTMLElement && r instanceof HTMLElement && 1 === r.nodeType
                                    }, l.error = function (r) {
                                        return "[object Error]" === i.call(r)
                                    }, l.fn = l.function = function (r) {
                                        return "undefined" != typeof window && r === window.alert || "[object Function]" === i.call(r)
                                    }, l.number = function (r) {
                                        return "[object Number]" === i.call(r)
                                    }, l.infinite = function (r) {
                                        return r === 1 / 0 || r === -1 / 0
                                    }, l.decimal = function (r) {
                                        return l.number(r) && !o(r) && !l.infinite(r) && r % 1 != 0
                                    }, l.divisibleBy = function (r, n) {
                                        var e = l.infinite(r), t = l.infinite(n),
                                            a = l.number(r) && !o(r) && l.number(n) && !o(n) && 0 !== n;
                                        return e || t || a && r % n == 0
                                    }, l.int = function (r) {
                                        return l.number(r) && !o(r) && r % 1 == 0
                                    }, l.maximum = function (r, n) {
                                        if (o(r)) throw new TypeError("NaN is not a valid value");
                                        if (!l.arraylike(n)) throw new TypeError("second argument must be array-like");
                                        for (var e = n.length; --e >= 0;) if (r < n[e]) return !1;
                                        return !0
                                    }, l.minimum = function (r, n) {
                                        if (o(r)) throw new TypeError("NaN is not a valid value");
                                        if (!l.arraylike(n)) throw new TypeError("second argument must be array-like");
                                        for (var e = n.length; --e >= 0;) if (r > n[e]) return !1;
                                        return !0
                                    }, l.nan = function (r) {
                                        return !l.number(r) || r != r
                                    }, l.even = function (r) {
                                        return l.infinite(r) || l.number(r) && r == r && r % 2 == 0
                                    }, l.odd = function (r) {
                                        return l.infinite(r) || l.number(r) && r == r && r % 2 != 0
                                    }, l.ge = function (r, n) {
                                        if (o(r) || o(n)) throw new TypeError("NaN is not a valid value");
                                        return !l.infinite(r) && !l.infinite(n) && r >= n
                                    }, l.gt = function (r, n) {
                                        if (o(r) || o(n)) throw new TypeError("NaN is not a valid value");
                                        return !l.infinite(r) && !l.infinite(n) && r > n
                                    }, l.le = function (r, n) {
                                        if (o(r) || o(n)) throw new TypeError("NaN is not a valid value");
                                        return !l.infinite(r) && !l.infinite(n) && r <= n
                                    }, l.lt = function (r, n) {
                                        if (o(r) || o(n)) throw new TypeError("NaN is not a valid value");
                                        return !l.infinite(r) && !l.infinite(n) && r < n
                                    }, l.within = function (r, n, e) {
                                        if (o(r) || o(n) || o(e)) throw new TypeError("NaN is not a valid value");
                                        if (!l.number(r) || !l.number(n) || !l.number(e)) throw new TypeError("all arguments must be numbers");
                                        return l.infinite(r) || l.infinite(n) || l.infinite(e) || r >= n && r <= e
                                    }, l.object = function (r) {
                                        return "[object Object]" === i.call(r)
                                    }, l.hash = function (r) {
                                        return l.object(r) && r.constructor === Object && !r.nodeType && !r.setInterval
                                    }, l.regexp = function (r) {
                                        return "[object RegExp]" === i.call(r)
                                    }, l.string = function (r) {
                                        return "[object String]" === i.call(r)
                                    }, l.base64 = function (r) {
                                        return l.string(r) && (!r.length || c.test(r))
                                    }, l.hex = function (r) {
                                        return l.string(r) && (!r.length || p.test(r))
                                    }
                                }, {}],
                                4: [function (r, n, e) {
                                    (function (t) {
                                        var a, i;
                                        a = function () {
                                            return function n(e, t, a) {
                                                function i(d, c) {
                                                    if (!t[d]) {
                                                        if (!e[d]) {
                                                            var p = "function" == typeof r && r;
                                                            if (!c && p) return p(d, !0);
                                                            if (o) return o(d, !0);
                                                            throw new Error("Cannot find module '" + d + "'")
                                                        }
                                                        var l = t[d] = {exports: {}};
                                                        e[d][0].call(l.exports, (function (r) {
                                                            var n = e[d][1][r];
                                                            return i(n || r)
                                                        }), l, l.exports, n, e, t, a)
                                                    }
                                                    return t[d].exports
                                                }

                                                for (var o = "function" == typeof r && r, d = 0; d < a.length; d++) i(a[d]);
                                                return i
                                            }({
                                                1: [function (r, n, e) {
                                                    var t, a, i;
                                                    (t = function (r) {
                                                        return t.isDOMElement(r) ? r : document.querySelectorAll(r)
                                                    }).isDOMElement = function (r) {
                                                        return r && null != r.nodeName
                                                    }, i = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, t.trim = function (r) {
                                                        return null === r ? "" : (r + "").replace(i, "")
                                                    }, a = /\r/g, t.val = function (r, n) {
                                                        var e;
                                                        return arguments.length > 1 ? r.value = n : "string" == typeof (e = r.value) ? e.replace(a, "") : null === e ? "" : e
                                                    }, t.preventDefault = function (r) {
                                                        if ("function" != typeof r.preventDefault) return r.returnValue = !1, !1;
                                                        r.preventDefault()
                                                    }, t.normalizeEvent = function (r) {
                                                        var n;
                                                        return null == (r = {
                                                            which: null != (n = r).which ? n.which : void 0,
                                                            target: n.target || n.srcElement,
                                                            preventDefault: function () {
                                                                return t.preventDefault(n)
                                                            },
                                                            originalEvent: n,
                                                            data: n.data || n.detail
                                                        }).which && (r.which = null != n.charCode ? n.charCode : n.keyCode), r
                                                    }, t.on = function (r, n, e) {
                                                        var a, i, o, d, c, p, l, s;
                                                        if (r.length) for (d = 0, p = r.length; d < p; d++) a = r[d], t.on(a, n, e); else {
                                                            if (!n.match(" ")) return o = e, e = function (r) {
                                                                return r = t.normalizeEvent(r), o(r)
                                                            }, r.addEventListener ? r.addEventListener(n, e, !1) : r.attachEvent ? (n = "on" + n, r.attachEvent(n, e)) : void (r["on" + n] = e);
                                                            for (c = 0, l = (s = n.split(" ")).length; c < l; c++) i = s[c], t.on(r, i, e)
                                                        }
                                                    }, t.addClass = function (r, n) {
                                                        var e;
                                                        return r.length ? function () {
                                                            var a, i, o;
                                                            for (o = [], a = 0, i = r.length; a < i; a++) e = r[a], o.push(t.addClass(e, n));
                                                            return o
                                                        }() : r.classList ? r.classList.add(n) : r.className += " " + n
                                                    }, t.hasClass = function (r, n) {
                                                        var e, a, i, o;
                                                        if (r.length) {
                                                            for (a = !0, i = 0, o = r.length; i < o; i++) e = r[i], a = a && t.hasClass(e, n);
                                                            return a
                                                        }
                                                        return r.classList ? r.classList.contains(n) : new RegExp("(^| )" + n + "( |$)", "gi").test(r.className)
                                                    }, t.removeClass = function (r, n) {
                                                        var e, a, i, o, d, c;
                                                        if (r.length) return function () {
                                                            var e, i, o;
                                                            for (o = [], e = 0, i = r.length; e < i; e++) a = r[e], o.push(t.removeClass(a, n));
                                                            return o
                                                        }();
                                                        if (r.classList) {
                                                            for (c = [], i = 0, o = (d = n.split(" ")).length; i < o; i++) e = d[i], c.push(r.classList.remove(e));
                                                            return c
                                                        }
                                                        return r.className = r.className.replace(new RegExp("(^|\\b)" + n.split(" ").join("|") + "(\\b|$)", "gi"), " ")
                                                    }, t.toggleClass = function (r, n, e) {
                                                        var a;
                                                        return r.length ? function () {
                                                            var i, o, d;
                                                            for (d = [], i = 0, o = r.length; i < o; i++) a = r[i], d.push(t.toggleClass(a, n, e));
                                                            return d
                                                        }() : e ? t.hasClass(r, n) ? void 0 : t.addClass(r, n) : t.removeClass(r, n)
                                                    }, t.append = function (r, n) {
                                                        var e;
                                                        return r.length ? function () {
                                                            var a, i, o;
                                                            for (o = [], a = 0, i = r.length; a < i; a++) e = r[a], o.push(t.append(e, n));
                                                            return o
                                                        }() : r.insertAdjacentHTML("beforeend", n)
                                                    }, t.find = function (r, n) {
                                                        return (r instanceof NodeList || r instanceof Array) && (r = r[0]), r.querySelectorAll(n)
                                                    }, t.trigger = function (r, n, e) {
                                                        var t;
                                                        try {
                                                            t = new CustomEvent(n, {detail: e})
                                                        } catch (r) {
                                                            (t = document.createEvent("CustomEvent")).initCustomEvent ? t.initCustomEvent(n, !0, !0, e) : t.initEvent(n, !0, !0, e)
                                                        }
                                                        return r.dispatchEvent(t)
                                                    }, n.exports = t
                                                }, {}]
                                            }, {}, [1])(1)
                                        }, "object" == typeof e && void 0 !== n ? n.exports = a() : ("undefined" != typeof window ? i = window : void 0 !== t ? i = t : "undefined" != typeof self && (i = self), (i.qj || (i.qj = {})).js = a())
                                    }).call(this, "undefined" != typeof self ? self : "undefined" != typeof window ? window : {})
                                }, {}],
                                5: [function (r, n, e) {
                                    n.exports = r("cssify")
                                }, {cssify: 6}],
                                6: [function (r, n, e) {
                                    n.exports = function (r, n) {
                                        var e = n || document;
                                        if (e.createStyleSheet) e.createStyleSheet().cssText = r; else {
                                            var t = e.getElementsByTagName("head")[0], a = e.createElement("style");
                                            a.type = "text/css", a.styleSheet ? a.styleSheet.cssText = r : a.appendChild(e.createTextNode(r)), t.appendChild(a)
                                        }
                                    }, n.exports.byUrl = function (r) {
                                        if (document.createStyleSheet) document.createStyleSheet(r); else {
                                            var n = document.getElementsByTagName("head")[0],
                                                e = document.createElement("link");
                                            e.rel = "stylesheet", e.href = r, n.appendChild(e)
                                        }
                                    }
                                }, {}],
                                7: [function (r, n, e) {
                                    (function (e) {
                                        var t, a, i;
                                        r("../scss/card.scss"), a = r("qj"), r("./payment/src/payment.coffee"), i = r("node.extend"), t = function () {
                                            var r;

                                            function n(r) {
                                                this.options = i(!0, this.defaults, r), this.options.form ? (this.$el = a(this.options.form), this.options.container ? (this.$container = a(this.options.container), this.render(), this.attachHandlers(), this.handleInitialValues()) : console.log("Please provide a container")) : console.log("Please provide a form")
                                            }

                                            return n.prototype.cardTemplate = '<div class="jp-card-container"><div class="jp-card"><div class="jp-card-front"><div class="jp-card-logo jp-card-visa">visa</div><div class="jp-card-logo jp-card-mastercard">MasterCard</div><div class="jp-card-logo jp-card-maestro">Maestro</div><div class="jp-card-logo jp-card-amex"></div><div class="jp-card-logo jp-card-discover">discover</div><div class="jp-card-logo jp-card-dankort"><div class="dk"><div class="d"></div><div class="k"></div></div></div><div class="jp-card-lower"><div class="jp-card-shiny"></div><div class="jp-card-cvc jp-card-display">@php echo '{{ cvc }}'; @endphp</div><div class="jp-card-number jp-card-display">@php echo '{{ number }}'; @endphp</div><div class="jp-card-name jp-card-display">@php echo '{{ name }}'; @endphp</div><div class="jp-card-expiry jp-card-display" data-before="@php echo '{{ monthYear }}'; @endphp" data-after="@php echo '{{ validDate }}'; @endphp">@php echo '{{ expiry }}'; @endphp</div></div></div><div class="jp-card-back"><div class="jp-card-bar"></div><div class="jp-card-cvc jp-card-display">@php echo '{{ cvc }}'; @endphp</div><div class="jp-card-shiny"></div></div></div></div>', n.prototype.template = function (r, n) {
                                                return r.replace(/\{\{(.*?)\}\}/g, (function (r, e, t) {
                                                    return n[e]
                                                }))
                                            }, n.prototype.cardTypes = ["jp-card-amex", "jp-card-dankort", "jp-card-dinersclub", "jp-card-discover", "jp-card-jcb", "jp-card-laser", "jp-card-maestro", "jp-card-mastercard", "jp-card-unionpay", "jp-card-visa", "jp-card-visaelectron"], n.prototype.defaults = {
                                                formatting: !0,
                                                formSelectors: {
                                                    numberInput: 'input[name="number"]',
                                                    expiryInput: 'input[name="expiry"]',
                                                    cvcInput: 'input[name="cvc"]',
                                                    nameInput: 'input[name="name"]'
                                                },
                                                cardSelectors: {
                                                    cardContainer: ".jp-card-container",
                                                    card: ".jp-card",
                                                    numberDisplay: ".jp-card-number",
                                                    expiryDisplay: ".jp-card-expiry",
                                                    cvcDisplay: ".jp-card-cvc",
                                                    nameDisplay: ".jp-card-name"
                                                },
                                                messages: {validDate: "valid\nthru", monthYear: "month/year"},
                                                values: {
                                                    number: "&bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;",
                                                    cvc: "&bull;&bull;&bull;",
                                                    expiry: "&bull;&bull;/&bull;&bull;",
                                                    name: "Full Name"
                                                },
                                                classes: {valid: "jp-card-valid", invalid: "jp-card-invalid"},
                                                debug: !1
                                            }, n.prototype.render = function () {
                                                var r, n, e, t, o, d, c, p;
                                                for (e in a.append(this.$container, this.template(this.cardTemplate, i({}, this.options.messages, this.options.values))), c = this.options.cardSelectors) o = c[e], this["$" + e] = a.find(this.$container, o);
                                                for (e in p = this.options.formSelectors) o = p[e], o = this.options[e] ? this.options[e] : o, !(t = a.find(this.$el, o)).length && this.options.debug && console.error("Card can't find a " + e + " in your form."), this["$" + e] = t;
                                                if (this.options.formatting && (Payment.formatCardNumber(this.$numberInput), Payment.formatCardCVC(this.$cvcInput), 1 === this.$expiryInput.length && Payment.formatCardExpiry(this.$expiryInput)), this.options.width && (r = a(this.options.cardSelectors.cardContainer)[0], n = parseInt(r.clientWidth), r.style.transform = "scale(" + this.options.width / n + ")"), ("undefined" != typeof navigator && null !== navigator ? navigator.userAgent : void 0) && -1 !== (d = navigator.userAgent.toLowerCase()).indexOf("safari") && -1 === d.indexOf("chrome") && a.addClass(this.$card, "jp-card-safari"), /MSIE 10\./i.test(navigator.userAgent) && a.addClass(this.$card, "jp-card-ie-10"), /rv:11.0/i.test(navigator.userAgent)) return a.addClass(this.$card, "jp-card-ie-11")
                                            }, n.prototype.attachHandlers = function () {
                                                var n;
                                                return r(this.$numberInput, this.$numberDisplay, {
                                                    fill: !1,
                                                    filters: this.validToggler("cardNumber")
                                                }), a.on(this.$numberInput, "payment.cardType", this.handle("setCardType")), n = [function (r) {
                                                    return r.replace(/(\s+)/g, "")
                                                }], 1 === this.$expiryInput.length && n.push(this.validToggler("cardExpiry")), r(this.$expiryInput, this.$expiryDisplay, {
                                                    join: function (r) {
                                                        return 2 === r[0].length || r[1] ? "/" : ""
                                                    }, filters: n
                                                }), r(this.$cvcInput, this.$cvcDisplay, {filters: this.validToggler("cardCVC")}), a.on(this.$cvcInput, "focus", this.handle("flipCard")), a.on(this.$cvcInput, "blur", this.handle("unflipCard")), r(this.$nameInput, this.$nameDisplay, {
                                                    fill: !1,
                                                    filters: this.validToggler("cardHolderName"),
                                                    join: " "
                                                })
                                            }, n.prototype.handleInitialValues = function () {
                                                var r, n, e, t;
                                                for (n in t = [], e = this.options.formSelectors) e[n], r = this["$" + n], a.val(r) ? (a.trigger(r, "paste"), t.push(setTimeout((function () {
                                                    return a.trigger(r, "keyup")
                                                })))) : t.push(void 0);
                                                return t
                                            }, n.prototype.handle = function (r) {
                                                return n = this, function (e) {
                                                    var t;
                                                    return (t = Array.prototype.slice.call(arguments)).unshift(e.target), n.handlers[r].apply(n, t)
                                                };
                                                var n
                                            }, n.prototype.validToggler = function (r) {
                                                var n, e;
                                                return "cardExpiry" === r ? n = function (r) {
                                                    var n;
                                                    return n = Payment.fns.cardExpiryVal(r), Payment.fns.validateCardExpiry(n.month, n.year)
                                                } : "cardCVC" === r ? (e = this, n = function (r) {
                                                    return Payment.fns.validateCardCVC(r, e.cardType)
                                                }) : "cardNumber" === r ? n = function (r) {
                                                    return Payment.fns.validateCardNumber(r)
                                                } : "cardHolderName" === r && (n = function (r) {
                                                    return "" !== r
                                                }), function (r) {
                                                    return function (e, t, a) {
                                                        var i;
                                                        return i = n(e), r.toggleValidClass(t, i), r.toggleValidClass(a, i), e
                                                    }
                                                }(this)
                                            }, n.prototype.toggleValidClass = function (r, n) {
                                                return a.toggleClass(r, this.options.classes.valid, n), a.toggleClass(r, this.options.classes.invalid, !n)
                                            }, n.prototype.handlers = {
                                                setCardType: function (r, n) {
                                                    var e;
                                                    if (e = n.data, !a.hasClass(this.$card, e)) return a.removeClass(this.$card, "jp-card-unknown"), a.removeClass(this.$card, this.cardTypes.join(" ")), a.addClass(this.$card, "jp-card-" + e), a.toggleClass(this.$card, "jp-card-identified", "unknown" !== e), this.cardType = e
                                                }, flipCard: function () {
                                                    return a.addClass(this.$card, "jp-card-flipped")
                                                }, unflipCard: function () {
                                                    return a.removeClass(this.$card, "jp-card-flipped")
                                                }
                                            }, r = function (r, n, e) {
                                                var t, i, o;
                                                return null == e && (e = {}), e.fill = e.fill || !1, e.filters = e.filters || [], e.filters instanceof Array || (e.filters = [e.filters]), e.join = e.join || "", "function" != typeof e.join && (t = e.join, e.join = function () {
                                                    return t
                                                }), o = function () {
                                                    var r, e, t;
                                                    for (t = [], r = 0, e = n.length; r < e; r++) i = n[r], t.push(i.textContent);
                                                    return t
                                                }(), a.on(r, "focus", (function () {
                                                    return a.addClass(n, "jp-card-focused")
                                                })), a.on(r, "blur", (function () {
                                                    return a.removeClass(r, "jp-card-focused")
                                                })), a.on(r, "keyup change paste", (function (t) {
                                                    var i, d, c, p, l, s, f, g, u, b, j, h;
                                                    for (s = function () {
                                                        var n, e, t;
                                                        for (t = [], n = 0, e = r.length; n < e; n++) i = r[n], t.push(a.val(i));
                                                        return t
                                                    }(), c = e.join(s), (s = s.join(c)) === c && (s = ""), f = 0, u = (j = e.filters).length; f < u; f++) s = (0, j[f])(s, r, n);
                                                    for (h = [], d = g = 0, b = n.length; g < b; d = ++g) p = n[d], l = e.fill ? s + o[d].substring(s.length) : s || o[d], h.push(p.textContent = l);
                                                    return h
                                                })), r
                                            }, n
                                        }(), n.exports = t, e.Card = t
                                    }).call(this, "undefined" != typeof self ? self : "undefined" != typeof window ? window : {})
                                }, {
                                    "../scss/card.scss": 10,
                                    "./payment/src/payment.coffee": 9,
                                    "node.extend": 1,
                                    qj: 4
                                }],
                                8: [function (r, n, e) {
                                    var t, a, i = [].slice;
                                    a = r("./card"), (t = jQuery).card = {}, t.card.fn = {}, t.fn.card = function (r) {
                                        return t.card.fn.construct.apply(this, r)
                                    }, t.fn.extend({
                                        card: function () {
                                            var r, n;
                                            return n = arguments[0], r = 2 <= arguments.length ? i.call(arguments, 1) : [], this.each((function () {
                                                var e, i;
                                                if ((i = (e = t(this)).data("card")) || (t.each(n, (function (r, e) {
                                                    if (e instanceof jQuery) return n[r] = e[0]
                                                })), n.form = this, e.data("card", i = new a(n))), "string" == typeof n) return i[n].apply(i, r)
                                            }))
                                        }
                                    })
                                }, {"./card": 7}],
                                9: [function (r, n, e) {
                                    (function (e) {
                                        var t, a, i, o, d, c, p, l, s, f, g, u, b, j, h, m, x, v, y, w,
                                            k = [].indexOf || function (r) {
                                                for (var n = 0, e = this.length; n < e; n++) if (n in this && this[n] === r) return n;
                                                return -1
                                            };
                                        a = r("qj"), d = [{
                                            type: "amex",
                                            pattern: /^3[47]/,
                                            format: /(\d{1,4})(\d{1,6})?(\d{1,5})?/,
                                            length: [15],
                                            cvcLength: [3, 4],
                                            luhn: !0
                                        }, {
                                            type: "dankort",
                                            pattern: /^5019/,
                                            format: c = /(\d{1,4})/g,
                                            length: [16],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "dinersclub",
                                            pattern: /^(36|38|30[0-5])/,
                                            format: c,
                                            length: [14],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "discover",
                                            pattern: /^(6011|65|64[4-9]|622)/,
                                            format: c,
                                            length: [16],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "jcb",
                                            pattern: /^35/,
                                            format: c,
                                            length: [16],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "laser",
                                            pattern: /^(6706|6771|6709)/,
                                            format: c,
                                            length: [16, 17, 18, 19],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "maestro",
                                            pattern: /^(5018|5020|5038|6304|6759|676[1-3])/,
                                            format: c,
                                            length: [12, 13, 14, 15, 16, 17, 18, 19],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "mastercard",
                                            pattern: /^5[1-5]/,
                                            format: c,
                                            length: [16],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "unionpay",
                                            pattern: /^62/,
                                            format: c,
                                            length: [16, 17, 18, 19],
                                            cvcLength: [3],
                                            luhn: !1
                                        }, {
                                            type: "visaelectron",
                                            pattern: /^4(026|17500|405|508|844|91[37])/,
                                            format: c,
                                            length: [16],
                                            cvcLength: [3],
                                            luhn: !0
                                        }, {
                                            type: "visa",
                                            pattern: /^4/,
                                            format: c,
                                            length: [13, 14, 15, 16],
                                            cvcLength: [3],
                                            luhn: !0
                                        }], i = function (r) {
                                            var n, e, t;
                                            for (r = (r + "").replace(/\D/g, ""), e = 0, t = d.length; e < t; e++) if ((n = d[e]).pattern.test(r)) return n
                                        }, o = function (r) {
                                            var n, e, t;
                                            for (e = 0, t = d.length; e < t; e++) if ((n = d[e]).type === r) return n
                                        }, j = function (r) {
                                            var n, e, t, a, i, o;
                                            for (t = !0, a = 0, i = 0, o = (e = (r + "").split("").reverse()).length; i < o; i++) n = e[i], n = parseInt(n, 10), (t = !t) && (n *= 2), n > 9 && (n -= 9), a += n;
                                            return a % 10 == 0
                                        }, b = function (r) {
                                            var n;
                                            return null != r.selectionStart && r.selectionStart !== r.selectionEnd || !(null == ("undefined" != typeof document && null !== document && null != (n = document.selection) ? n.createRange : void 0) || !document.selection.createRange().text)
                                        }, h = function (r) {
                                            return setTimeout((function () {
                                                var n, e;
                                                return n = r.target, e = a.val(n), e = t.fns.formatCardNumber(e), a.val(n, e)
                                            }))
                                        }, s = function (r) {
                                            var n, e, t, o, d, c, p;
                                            if (e = String.fromCharCode(r.which), /^\d+$/.test(e) && (d = r.target, p = a.val(d), n = i(p + e), t = (p.replace(/\D/g, "") + e).length, c = 16, n && (c = n.length[n.length.length - 1]), !(t >= c || null != d.selectionStart && d.selectionStart !== p.length))) return (o = n && "amex" === n.type ? /^(\d{4}|\d{4}\s\d{6})$/ : /(?:^|\s)(\d{4})$/).test(p) ? (r.preventDefault(), a.val(d, p + " " + e)) : o.test(p + e) ? (r.preventDefault(), a.val(d, p + e + " ")) : void 0
                                        }, p = function (r) {
                                            var n, e;
                                            if (n = r.target, e = a.val(n), !r.meta && 8 === r.which && (null == n.selectionStart || n.selectionStart === e.length)) return /\d\s$/.test(e) ? (r.preventDefault(), a.val(n, e.replace(/\d\s$/, ""))) : /\s\d?$/.test(e) ? (r.preventDefault(), a.val(n, e.replace(/\s\d?$/, ""))) : void 0
                                        }, f = function (r) {
                                            var n, e, t;
                                            if (n = String.fromCharCode(r.which), /^\d+$/.test(n)) return e = r.target, t = a.val(e) + n, /^\d$/.test(t) && "0" !== t && "1" !== t ? (r.preventDefault(), a.val(e, "0" + t + " / ")) : /^\d\d$/.test(t) ? (r.preventDefault(), a.val(e, t + " / ")) : void 0
                                        }, g = function (r) {
                                            var n, e, t;
                                            if (n = String.fromCharCode(r.which), /^\d+$/.test(n)) return e = r.target, t = a.val(e), /^\d\d$/.test(t) ? a.val(e, t + " / ") : void 0
                                        }, u = function (r) {
                                            var n, e;
                                            if ("/" === String.fromCharCode(r.which)) return n = r.target, e = a.val(n), /^\d$/.test(e) && "0" !== e ? a.val(n, "0" + e + " / ") : void 0
                                        }, l = function (r) {
                                            var n, e;
                                            if (!r.metaKey && (n = r.target, e = a.val(n), 8 === r.which && (null == n.selectionStart || n.selectionStart === e.length))) return /\d(\s|\/)+$/.test(e) ? (r.preventDefault(), a.val(n, e.replace(/\d(\s|\/)*$/, ""))) : /\s\/\s?\d?$/.test(e) ? (r.preventDefault(), a.val(n, e.replace(/\s\/\s?\d?$/, ""))) : void 0
                                        }, y = function (r) {
                                            var n;
                                            return !(!r.metaKey && !r.ctrlKey) || (32 === r.which ? r.preventDefault() : 0 === r.which || (r.which < 33 || (n = String.fromCharCode(r.which), /[\d\s]/.test(n) ? void 0 : r.preventDefault())))
                                        }, x = function (r) {
                                            var n, e, t, o;
                                            if (t = r.target, e = String.fromCharCode(r.which), /^\d+$/.test(e) && !b(t)) if (o = (a.val(t) + e).replace(/\D/g, ""), n = i(o)) {
                                                if (!(o.length <= n.length[n.length.length - 1])) return r.preventDefault()
                                            } else if (!(o.length <= 16)) return r.preventDefault()
                                        }, v = function (r) {
                                            var n, e;
                                            if (e = r.target, n = String.fromCharCode(r.which), /^\d+$/.test(n) && !b(e)) return (a.val(e) + n).replace(/\D/g, "").length > 6 ? r.preventDefault() : void 0
                                        }, m = function (r) {
                                            var n, e;
                                            if (e = r.target, n = String.fromCharCode(r.which), /^\d+$/.test(n)) return (a.val(e) + n).length <= 4 ? void 0 : r.preventDefault()
                                        }, w = function (r) {
                                            var n, e, i, o, c;
                                            if (o = r.target, c = a.val(o), i = t.fns.cardType(c) || "unknown", !a.hasClass(o, i)) return n = function () {
                                                var r, n, t;
                                                for (t = [], r = 0, n = d.length; r < n; r++) e = d[r], t.push(e.type);
                                                return t
                                            }(), a.removeClass(o, "unknown"), a.removeClass(o, n.join(" ")), a.addClass(o, i), a.toggleClass(o, "identified", "unknown" !== i), a.trigger(o, "payment.cardType", i)
                                        }, t = function () {
                                            function r() {
                                            }

                                            return r.fns = {
                                                cardExpiryVal: function (r) {
                                                    var n, e, t;
                                                    return n = (t = (r = r.replace(/\s/g, "")).split("/", 2))[0], 2 === (null != (e = t[1]) ? e.length : void 0) && /^\d+$/.test(e) && (e = (new Date).getFullYear().toString().slice(0, 2) + e), {
                                                        month: n = parseInt(n, 10),
                                                        year: e = parseInt(e, 10)
                                                    }
                                                }, validateCardNumber: function (r) {
                                                    var n, e;
                                                    return r = (r + "").replace(/\s+|-/g, ""), !!/^\d+$/.test(r) && (!!(n = i(r)) && (e = r.length, k.call(n.length, e) >= 0 && (!1 === n.luhn || j(r))))
                                                }, validateCardExpiry: function (r, n) {
                                                    var e, t, i;
                                                    return "object" == typeof r && "month" in r && (r = (i = r).month, n = i.year), !(!r || !n) && (r = a.trim(r), n = a.trim(n), !!/^\d+$/.test(r) && (!!/^\d+$/.test(n) && (parseInt(r, 10) <= 12 && (2 === n.length && (n = (new Date).getFullYear().toString().slice(0, 2) + n), t = new Date(n, r), e = new Date, t.setMonth(t.getMonth() - 1), t.setMonth(t.getMonth() + 1, 1), t > e))))
                                                }, validateCardCVC: function (r, n) {
                                                    var e, t;
                                                    return r = a.trim(r), !!/^\d+$/.test(r) && (n && o(n) ? (e = r.length, k.call(null != (t = o(n)) ? t.cvcLength : void 0, e) >= 0) : r.length >= 3 && r.length <= 4)
                                                }, cardType: function (r) {
                                                    var n;
                                                    return r && (null != (n = i(r)) ? n.type : void 0) || null
                                                }, formatCardNumber: function (r) {
                                                    var n, e, t, a;
                                                    return (n = i(r)) ? (t = n.length[n.length.length - 1], r = (r = r.replace(/\D/g, "")).slice(0, +t + 1 || 9e9), n.format.global ? null != (a = r.match(n.format)) ? a.join(" ") : void 0 : (null != (e = n.format.exec(r)) && e.shift(), null != e ? e.join(" ") : void 0)) : r
                                                }
                                            }, r.restrictNumeric = function (r) {
                                                return a.on(r, "keypress", y)
                                            }, r.cardExpiryVal = function (n) {
                                                return r.fns.cardExpiryVal(a.val(n))
                                            }, r.formatCardCVC = function (n) {
                                                return r.restrictNumeric(n), a.on(n, "keypress", m), n
                                            }, r.formatCardExpiry = function (n) {
                                                return r.restrictNumeric(n), a.on(n, "keypress", v), a.on(n, "keypress", f), a.on(n, "keypress", u), a.on(n, "keypress", g), a.on(n, "keydown", l), n
                                            }, r.formatCardNumber = function (n) {
                                                return r.restrictNumeric(n), a.on(n, "keypress", x), a.on(n, "keypress", s), a.on(n, "keydown", p), a.on(n, "keyup", w), a.on(n, "paste", h), n
                                            }, r.getCardArray = function () {
                                                return d
                                            }, r.setCardArray = function (r) {
                                                return d = r, !0
                                            }, r.addToCardArray = function (r) {
                                                return d.push(r)
                                            }, r.removeFromCardArray = function (r) {
                                                var n;
                                                for (n in d) d[n].type === r && d.splice(n, 1);
                                                return !0
                                            }, r
                                        }(), n.exports = t, e.Payment = t
                                    }).call(this, "undefined" != typeof self ? self : "undefined" != typeof window ? window : {})
                                }, {qj: 4}],
                                10: [function (r, n, e) {
                                    var t = '.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {\n  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }\n\n.jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped {\n  -webkit-transform: 0deg;\n  -moz-transform: 0deg;\n  -ms-transform: 0deg;\n  -o-transform: 0deg;\n  transform: 0deg; }\n  .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {\n    -webkit-transform: rotateY(0deg);\n    -moz-transform: rotateY(0deg);\n    -ms-transform: rotateY(0deg);\n    -o-transform: rotateY(0deg);\n    transform: rotateY(0deg); }\n  .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {\n    -webkit-transform: rotateY(0deg);\n    -moz-transform: rotateY(0deg);\n    -ms-transform: rotateY(0deg);\n    -o-transform: rotateY(0deg);\n    transform: rotateY(0deg); }\n    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {\n      left: 18%; }\n    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {\n      -webkit-transform: rotateY(180deg);\n      -moz-transform: rotateY(180deg);\n      -ms-transform: rotateY(180deg);\n      -o-transform: rotateY(180deg);\n      transform: rotateY(180deg);\n      left: 5%; }\n    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {\n      left: 84%; }\n      .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {\n        left: -480%;\n        -webkit-transform: rotateY(180deg);\n        -moz-transform: rotateY(180deg);\n        -ms-transform: rotateY(180deg);\n        -o-transform: rotateY(180deg);\n        transform: rotateY(180deg); }\n\n.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {\n  display: none; }\n\n.jp-card-logo {\n  height: 36px;\n  width: 60px;\n  font-style: italic; }\n  .jp-card-logo, .jp-card-logo:before, .jp-card-logo:after {\n    box-sizing: border-box; }\n\n.jp-card-logo.jp-card-amex {\n  text-transform: uppercase;\n  font-size: 4px;\n  font-weight: bold;\n  color: white;\n  background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);\n  background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);\n  border: 1px solid #EEE; }\n  .jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after {\n    width: 28px;\n    display: block;\n    position: absolute;\n    left: 16px; }\n  .jp-card-logo.jp-card-amex:before {\n    height: 28px;\n    content: "american";\n    top: 3px;\n    text-align: left;\n    padding-left: 2px;\n    padding-top: 11px;\n    background: #267AC3; }\n  .jp-card-logo.jp-card-amex:after {\n    content: "express";\n    bottom: 11px;\n    text-align: right;\n    padding-right: 2px; }\n\n.jp-card.jp-card-amex.jp-card-flipped {\n  -webkit-transform: none;\n  -moz-transform: none;\n  -ms-transform: none;\n  -o-transform: none;\n  transform: none; }\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {\n  background-color: #108168; }\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {\n  opacity: 1; }\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {\n  visibility: visible; }\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {\n  opacity: 1; }\n\n.jp-card-logo.jp-card-discover {\n  background: #FF6600;\n  color: #111;\n  text-transform: uppercase;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  overflow: hidden;\n  z-index: 1;\n  padding-top: 9px;\n  letter-spacing: 0.03em;\n  border: 1px solid #EEE; }\n  .jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after {\n    content: " ";\n    display: block;\n    position: absolute; }\n  .jp-card-logo.jp-card-discover:before {\n    background: white;\n    width: 200px;\n    height: 200px;\n    border-radius: 200px;\n    bottom: -5%;\n    right: -80%;\n    z-index: -1; }\n  .jp-card-logo.jp-card-discover:after {\n    width: 8px;\n    height: 8px;\n    border-radius: 4px;\n    top: 10px;\n    left: 27px;\n    background-color: #FFF;\n    background-image: -webkit-radial-gradient(#FFF, #FF6600);\n    background-image: radial-gradient(  #FFF, #FF6600);\n    content: "network";\n    font-size: 4px;\n    line-height: 24px;\n    text-indent: -7px; }\n\n.jp-card .jp-card-front .jp-card-logo.jp-card-discover {\n  right: 12%;\n  top: 18%; }\n\n.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {\n  background-color: #86B8CF; }\n.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {\n  opacity: 1; }\n.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {\n  -webkit-transition: 400ms;\n  -moz-transition: 400ms;\n  transition: 400ms;\n  content: " ";\n  display: block;\n  background-color: #FF6600;\n  background-image: -webkit-linear-gradient(#FF6600, #ffa166, #FF6600);\n  background-image: linear-gradient(#FF6600, #ffa166, #FF6600);\n  height: 50px;\n  width: 50px;\n  border-radius: 25px;\n  position: absolute;\n  left: 100%;\n  top: 15%;\n  margin-left: -25px;\n  box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); }\n\n.jp-card-logo.jp-card-visa {\n  background: white;\n  text-transform: uppercase;\n  color: #1A1876;\n  text-align: center;\n  font-weight: bold;\n  font-size: 15px;\n  line-height: 18px; }\n  .jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after {\n    content: " ";\n    display: block;\n    width: 100%;\n    height: 25%; }\n  .jp-card-logo.jp-card-visa:before {\n    background: #1A1876; }\n  .jp-card-logo.jp-card-visa:after {\n    background: #E79800; }\n\n.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {\n  background-color: #191278; }\n.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {\n  opacity: 1; }\n\n.jp-card-logo.jp-card-mastercard {\n  color: white;\n  font-weight: bold;\n  text-align: center;\n  font-size: 9px;\n  line-height: 36px;\n  z-index: 1;\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }\n  .jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after {\n    content: " ";\n    display: block;\n    width: 36px;\n    top: 0;\n    position: absolute;\n    height: 36px;\n    border-radius: 18px; }\n  .jp-card-logo.jp-card-mastercard:before {\n    left: 0;\n    background: #FF0000;\n    z-index: -1; }\n  .jp-card-logo.jp-card-mastercard:after {\n    right: 0;\n    background: #FFAB00;\n    z-index: -2; }\n\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {\n  box-shadow: none; }\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {\n  background-color: #0061A8; }\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {\n  opacity: 1; }\n\n.jp-card-logo.jp-card-maestro {\n  color: white;\n  font-weight: bold;\n  text-align: center;\n  font-size: 14px;\n  line-height: 36px;\n  z-index: 1;\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }\n  .jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after {\n    content: " ";\n    display: block;\n    width: 36px;\n    top: 0;\n    position: absolute;\n    height: 36px;\n    border-radius: 18px; }\n  .jp-card-logo.jp-card-maestro:before {\n    left: 0;\n    background: #0064CB;\n    z-index: -1; }\n  .jp-card-logo.jp-card-maestro:after {\n    right: 0;\n    background: #CC0000;\n    z-index: -2; }\n\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {\n  box-shadow: none; }\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {\n  background-color: #0B2C5F; }\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {\n  opacity: 1; }\n\n.jp-card-logo.jp-card-dankort {\n  width: 60px;\n  height: 36px;\n  padding: 3px;\n  border-radius: 8px;\n  border: #000000 1px solid;\n  background-color: #FFFFFF; }\n  .jp-card-logo.jp-card-dankort .dk {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden; }\n    .jp-card-logo.jp-card-dankort .dk:before {\n      background-color: #ED1C24;\n      content: \'\';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      display: block;\n      border-radius: 6px; }\n    .jp-card-logo.jp-card-dankort .dk:after {\n      content: \'\';\n      position: absolute;\n      top: 50%;\n      margin-top: -7.7px;\n      right: 0;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 7px 7px 10px 0;\n      border-color: transparent #ED1C24 transparent transparent;\n      z-index: 1; }\n  .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k {\n    position: absolute;\n    top: 50%;\n    width: 50%;\n    display: block;\n    height: 15.4px;\n    margin-top: -7.7px;\n    background: white; }\n  .jp-card-logo.jp-card-dankort .d {\n    left: 0;\n    border-radius: 0 8px 10px 0; }\n    .jp-card-logo.jp-card-dankort .d:before {\n      content: \'\';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      display: block;\n      background: #ED1C24;\n      border-radius: 2px 4px 6px 0px;\n      height: 5px;\n      width: 7px;\n      margin: -3px 0 0 -4px; }\n  .jp-card-logo.jp-card-dankort .k {\n    right: 0; }\n    .jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after {\n      content: \'\';\n      position: absolute;\n      right: 50%;\n      width: 0;\n      height: 0;\n      border-style: solid;\n      margin-right: -1px; }\n    .jp-card-logo.jp-card-dankort .k:before {\n      top: 0;\n      border-width: 8px 5px 0 0;\n      border-color: #ED1C24 transparent transparent transparent; }\n    .jp-card-logo.jp-card-dankort .k:after {\n      bottom: 0;\n      border-width: 0 5px 8px 0;\n      border-color: transparent transparent #ED1C24 transparent; }\n\n.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {\n  background-color: #0055C7; }\n.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {\n  opacity: 1; }\n\n.jp-card-container {\n  -webkit-perspective: 1000px;\n  -moz-perspective: 1000px;\n  perspective: 1000px;\n  width: 350px;\n  max-width: 100%;\n  height: 200px;\n  margin: auto;\n  z-index: 1;\n  position: relative; }\n\n.jp-card {\n  font-family: "Helvetica Neue";\n  line-height: 1;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-width: 315px;\n  border-radius: 10px;\n  -webkit-transform-style: preserve-3d;\n  -moz-transform-style: preserve-3d;\n  -ms-transform-style: preserve-3d;\n  -o-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n  -webkit-transition: all 400ms linear;\n  -moz-transition: all 400ms linear;\n  transition: all 400ms linear; }\n  .jp-card > *, .jp-card > *:before, .jp-card > *:after {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    font-family: inherit; }\n  .jp-card.jp-card-flipped {\n    -webkit-transform: rotateY(180deg);\n    -moz-transform: rotateY(180deg);\n    -ms-transform: rotateY(180deg);\n    -o-transform: rotateY(180deg);\n    transform: rotateY(180deg); }\n  .jp-card .jp-card-front, .jp-card .jp-card-back {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n    -webkit-transition: all 400ms linear;\n    -moz-transition: all 400ms linear;\n    transition: all 400ms linear;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    overflow: hidden;\n    border-radius: 10px;\n    background: #DDD; }\n    .jp-card .jp-card-front:before, .jp-card .jp-card-back:before {\n      content: " ";\n      display: block;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      opacity: 0;\n      border-radius: 10px;\n      -webkit-transition: all 400ms ease;\n      -moz-transition: all 400ms ease;\n      transition: all 400ms ease; }\n    .jp-card .jp-card-front:after, .jp-card .jp-card-back:after {\n      content: " ";\n      display: block; }\n    .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {\n      color: white;\n      font-weight: normal;\n      opacity: 0.5;\n      -webkit-transition: opacity 400ms linear;\n      -moz-transition: opacity 400ms linear;\n      transition: opacity 400ms linear; }\n      .jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused {\n        opacity: 1;\n        font-weight: 700; }\n    .jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc {\n      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n      font-size: 14px; }\n    .jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {\n      width: 50px;\n      height: 35px;\n      border-radius: 5px;\n      background: #CCC;\n      position: relative; }\n      .jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before {\n        content: " ";\n        display: block;\n        width: 70%;\n        height: 60%;\n        border-top-right-radius: 5px;\n        border-bottom-right-radius: 5px;\n        background: #d9d9d9;\n        position: absolute;\n        top: 20%; }\n  .jp-card .jp-card-front .jp-card-logo {\n    position: absolute;\n    opacity: 0;\n    right: 5%;\n    top: 8%;\n    -webkit-transition: 400ms;\n    -moz-transition: 400ms;\n    transition: 400ms; }\n  .jp-card .jp-card-front .jp-card-lower {\n    width: 80%;\n    position: absolute;\n    left: 10%;\n    bottom: 30px; }\n    @media only screen and (max-width: 480px) {\n      .jp-card .jp-card-front .jp-card-lower {\n        width: 90%;\n        left: 5%; } }\n    .jp-card .jp-card-front .jp-card-lower .jp-card-cvc {\n      visibility: hidden;\n      float: right;\n      position: relative;\n      bottom: 5px; }\n    .jp-card .jp-card-front .jp-card-lower .jp-card-number {\n      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n      font-size: 24px;\n      clear: both;\n      margin-bottom: 30px; }\n    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry {\n      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n      letter-spacing: 0em;\n      position: relative;\n      float: right;\n      width: 25%; }\n      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {\n        font-family: "Helvetica Neue";\n        font-weight: bold;\n        font-size: 7px;\n        white-space: pre;\n        display: block;\n        opacity: 0.5; }\n      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {\n        content: attr(data-before);\n        margin-bottom: 2px;\n        font-size: 7px;\n        text-transform: uppercase; }\n      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {\n        position: absolute;\n        content: attr(data-after);\n        text-align: right;\n        right: 100%;\n        margin-right: 5px;\n        margin-top: 2px;\n        bottom: 0; }\n    .jp-card .jp-card-front .jp-card-lower .jp-card-name {\n      text-transform: uppercase;\n      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;\n      font-size: 20px;\n      max-height: 45px;\n      position: absolute;\n      bottom: 0;\n      width: 190px;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: horizontal;\n      overflow: hidden;\n      text-overflow: ellipsis; }\n  .jp-card .jp-card-back {\n    -webkit-transform: rotateY(180deg);\n    -moz-transform: rotateY(180deg);\n    -ms-transform: rotateY(180deg);\n    -o-transform: rotateY(180deg);\n    transform: rotateY(180deg); }\n    .jp-card .jp-card-back .jp-card-bar {\n      background-color: #444;\n      background-image: -webkit-linear-gradient(#444, #333);\n      background-image: linear-gradient(#444, #333);\n      width: 100%;\n      height: 20%;\n      position: absolute;\n      top: 10%; }\n    .jp-card .jp-card-back:after {\n      content: " ";\n      display: block;\n      background-color: #FFF;\n      background-image: -webkit-linear-gradient(#FFF, #FFF);\n      background-image: linear-gradient(#FFF, #FFF);\n      width: 80%;\n      height: 16%;\n      position: absolute;\n      top: 40%;\n      left: 2%; }\n    .jp-card .jp-card-back .jp-card-cvc {\n      position: absolute;\n      top: 40%;\n      left: 85%;\n      -webkit-transition-delay: 600ms;\n      -moz-transition-delay: 600ms;\n      transition-delay: 600ms; }\n    .jp-card .jp-card-back .jp-card-shiny {\n      position: absolute;\n      top: 66%;\n      left: 2%; }\n      .jp-card .jp-card-back .jp-card-shiny:after {\n        content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.\\AIt comes with no warranty.\\A For support issues, please visit: github.com/jessepollak/card.";\n        position: absolute;\n        left: 120%;\n        top: 5%;\n        color: white;\n        font-size: 7px;\n        width: 230px;\n        opacity: 0.5; }\n  .jp-card.jp-card-identified {\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }\n    .jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back {\n      background-color: #000;\n      background-color: rgba(0, 0, 0, 0.5); }\n      .jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before {\n        -webkit-transition: all 400ms ease;\n        -moz-transition: all 400ms ease;\n        transition: all 400ms ease;\n        background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n        background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n        opacity: 1; }\n      .jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo {\n        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }\n    .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {\n      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\n      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }\n';
                                    r("sassify")(t), n.exports = t
                                }, {sassify: 5}]
                            }, {}, [8])(8)
                        })), new Card({
                            form: document.querySelector("form"),
                            container: ".card-wrapper"
                        });

                    }
                }



            </script>


<style>
    .cardForm-Field50 {
        float: left;
        width: 50%;
    }



    /* Makes the default card text easier to read */
    .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
        text-shadow: 0 1px 2px #1D1F20;
    }
    /* Changes the default styles */
    .jp-card .jp-card-front, .jp-card .jp-card-back {
        background: #27ae60!important;
    }
    .card-container form {
        max-width: 350px;
        text-align: center;
    }
    .form-container form {
        margin: 10px auto;
    }
    .form-container input {
        margin: 0 0 10px 0;
        /* padding: 0; */
        font-size: 16px;
        float: left;
        padding: 5px 0;
        box-sizing: border-box;
        webkit-box-shadow: none;
        box-shadow: none;
        /* width: 50%; */
        display: block;
    }
    input.secondRow {
        float: left;
        display: block;
        width: 100%;
    }

    .form-container label {
        text-align: left;
        float: left;
        padding: 5px 0 0px 5px;
        width: 100%;
        font-family: arial;
        text-transform: uppercase;
        font-size: 14px;
        /* font-weight: bold; */
    }

    input.button {
        width: 100%;
        padding: 11px;
        border: none;
        box-shadow: none;
        border-radius: 0;
        /* background: #CCCCCC; */
    }
    /*input.button:hover {
      background: #27ae60;
      color: #fff;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }*/
    input:not([type=submit]):not([type=file]) {
        /* omg so much cleaner */
        border: 1px solid #DDD;
        -webkit-box-shadow:
                inset 0 0 0px  rgba(0,0,0,0.1),
                0 0 0px rgba(0,0,0,0.1);
        -moz-box-shadow:
                inset 0 0 0px  rgba(0,0,0,0.1),
                0 0 0px rgba(0,0,0,0.1);
        box-shadow:
                inset 0 0 0px  rgba(0,0,0,0.1),
                0 0 0px rgba(0,0,0,0.1);
        padding: 10px;
    }
    .form-container input[name="name"]{
        width: 100%;
    }
    .form-container input[name="number"]{
        width: 100%;
    }
    .form-container input[name="cvc"]{
        border-left: 0px;
    }

    .CardDefault, .CardDefault:hover {
        background: gray;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    .CardWarning,.CardWarning:hover {
        background: red;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    .CardGood, .CardGood:hover {
        background: #27ae60;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .form-container input.incorrectInfo {
        border: red solid 1px;
    }
</style>


            @php $supportedCurrencies = (new \WebOfisi\PayTR\Services\Gateways\PayTRPaymentService)->supportedCurrencyCodes(); @endphp
            @if (!in_array(get_application_currency()->title, $supportedCurrencies))
                <div class="alert alert-warning" style="margin-top: 15px;">
                    {{ __(":name doesn't support :currency. List of currencies supported by :name: :currencies.", ['name' => 'HST Mobile', 'currency' => get_application_currency()->title, 'currencies' => implode(', ', $supportedCurrencies)]) }}

               

                    @php
                        $currencies = get_all_currencies();

                        $currencies = $currencies->filter(function ($item) use ($supportedCurrencies) { return in_array($item->title, $supportedCurrencies); });
                    @endphp
                    @if (count($currencies))
                        <div style="margin-top: 10px;">{{ __('Please switch currency to any supported currency') }}:&nbsp;&nbsp;
                            @foreach ($currencies as $currency)
                                <a href="{{ route('public.change-currency', $currency->title) }}" @if (get_application_currency_id() == $currency->id) class="active" @endif><span>{{ $currency->title }}</span></a>
                                @if (!$loop->last)
                                    &nbsp; | &nbsp;
                                @endif
                            @endforeach
                        </div>
                    @endif
                </div>
            @endif
        </div>
    </li>

@endif