@extends('layouts.users')


@section('content')
    <style type="text/css">
        input::placeholder {
            color: #333;
        }

        h3 {
            color: #fff !important;
            font-weight: bold;
        }

        .layui-m-layerbtn span[no] {
            border-right: 1px solid #D0D0D0;
            border-radius: 0 0 0 5px;
            color: #000 !important;
        }

        .layui-m-layerbtn span[yes] {
            color: orange !important;
            font-weight: bold;
        }

        .layui-m-layerchild {
            color: #fff !important;
            position: relative;
            display: inline-block;
            text-align: left;
            background-color: #085efa;
            font-size: 14px;
            border-radius: 5px;
            box-shadow: 0 0 8px rgb(0 0 0 / 10%);
            pointer-events: auto;
            -webkit-overflow-scrolling: touch;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-duration: .2s;
            animation-duration: .2s;
        }

        .topname {
            line-height: 46px;
            font-weight: bold;
            font-size: 14px;
            width: 50%;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
        }

        .bofang {
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            height: 30px;
            border-radius: 100px;
        }

        .layui-border-green {
            border-color: #009688 !important;
            color: #009688 !important;
        }

        .layui-border-red {
            border-color: #FF5722 !important;
            color: #FF5722 !important;
        }

        .layui-border-blue {
            border-color: #1E9FFF !important;
            color: #1E9FFF !important;
        }

        .layui-form-item {
            margin-bottom: 10px;
            clear: both;
            *zoom: 1;
        }

        .layui-m-layercont {
            padding: 30px 15px;
            padding-top: 5px;
            line-height: 22px;
            text-align: center;
        }

        .layui-m-layerbtn span[yes] {
            color: #009688;
        }


        .layui-m-layercont {
            padding: 30px 15px;
            padding-top: 5px;
            line-height: 22px;
            text-align: center;
        }

        .layui-m-layerbtn span[yes] {
            color: #009688;
        }

        .payitem {
            border: 1px solid #fff !important;
            border-radius: 25px;
            background: #000;
            color: #fff !important;
        }

        .payitem:before {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            background: #000;
            /* border: 16px solid #0081ff;
                                        border-top-color: transparent;
                                        border-left-color: transparent;
                                        border-bottom-right-radius: 3px;*/
        }

        .payitem:after {
            content: '';
            width: 5px;
            height: 12px;
            position: absolute;
            right: 6px;
            bottom: 6px;
            background: #000;
            /*  border: 2px solid #fff;
                                        border-top-color: transparent;
                                        border-left-color: transparent;
                                        transform: rotate(45deg);
                                        border-bottom-right-radius: 5px;*/
        }
        /*{{route('user.deposit.insert')}}*/

        div#div1 {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: -1;
        }

        div#div1>img {
            height: 100%;
            width: 100%;
            border: 0;
        }

        .inputdiv {
            display: flex;
            border-bottom: 1px solid #fff !important;
            background-color: none;
            height: 38px;
            line-height: 38px;
            padding: 0px 0px;
            /*border-radius: 5px;*/
            color: #000;
        }
    </style>

    </head>
    <form action="{{ route('user.deposit.shpay') }}" method="post">
        @csrf
        <input type="hidden" name="currency">
        <input type="hidden" name="deposit_method" value="1">

        <body style="background-size: 100% auto; background: #f1f1f1;">


            <div class="top" style="background: none;">
                <div onclick="window.history.go(-1); return false;" style="float:left; line-height:46px;width:50%; height:46px;cursor:pointer;" id="btnClose">
                    <i class="layui-icon"
                        style=" color:#fff; margin-left:12px; font-size:18px;  font-weight:bold;">&#xe603;</i>
                </div>
                <div class="topname" style="line-height: 50px; font-weight: bold; color: #fff;">
                    Recharge
                </div>
                <div style="float:right; text-align:right; line-height:46px;width:50%;" id="log">
                    <img src="{{ asset('imgss/iconlog.png') }}"
                        style="height: 27px;  margin-right: 10px; margin-bottom: 2px; border-radius: 50px;">
                </div>
            </div>

            <div style=" max-width:450px; margin:0 auto; position:relative;">
                <div style=" height:auto; overflow:hidden;">
                    <div style="width: 100%; margin: 0 auto; background: #f1f1f1; ">
                        <img src="{{ asset('ui1/mine.jpeg') }}"
                            style="width: 100%; height: auto; overflow: hidden; height:220px;" />
                        <div
                            style="width: 95%; position: absolute; left: 2.5%; top: 160px; margin-top: 5px; padding-bottom: 3px; border-radius: 2px; height: auto; overflow: hidden;">
                            <!--<div style="padding-left:10px;  margin-top:10px; font-weight:bold; height:25px; line-height:25px; display:none; " id="FreeUi">
                                        <span style="color:#ff6a00;"><font id="withdrawal_t23"></font>：<font id="free">0%</font></span>
                                        </div>-->
                            <div id="cards1"
                                style="width: 100%; margin: 0 auto; display: none; background: #f1f1f1; margin-top: 0px; padding-top: 0px; padding-bottom: 20px; border-radius: 5px; height: auto; overflow: hidden;">
                                <div style="padding-left:10px;  padding-bottom:10px; margin-top:10px; font-weight:bold; ">
                                    <span style="color:#000;" id="_recharge_t7">Informasi Transfer</span> <span
                                        style="font-size:12px; color:#ff6a00; font-weight:100; "></span>
                                </div>
                                <div id="cards2" style="display: none;">
                                    <div style="text-align: center; width: 98%; margin: 0 auto; margin-bottom: 15px; ">
                                        <div class="inputdiv">
                                            <div style="width:60px;text-align:right;" id="_recharge_t8">Payee</div>
                                            <input type="text" id="cardname" readonly="readonly"
                                                style="font-size:12px; color:#777; text-align:center;" class="layui-input"
                                                autocomplete="off">
                                            <button
                                                style="font-size: 12px; color: #0094ff; width: auto; height: 37px; border: 0px; background: #fff; font-weight: bold; "
                                                id="copy1">Copy</button>
                                        </div>
                                    </div>

                                    <div style="text-align: center; width:98%; margin:0 auto; margin-bottom:15px; ">
                                        <div class="inputdiv">
                                            <div style="width: 60px; text-align: right;" id="_recharge_t9">Bank</div>
                                            <input type="text" id="carduname" readonly="readonly"
                                                style="font-size: 12px; color: #777; text-align: center; "
                                                class="layui-input" autocomplete="off">
                                            <button
                                                style="font-size: 12px; color: red; width: auto; height: 37px; border: 0px; background: #fff; font-weight: bold; "
                                                id="copy2">Copy</button>
                                        </div>
                                    </div>

                                    <div style="text-align: center; width:98%; margin:0 auto; margin-bottom:15px; ">
                                        <div class="inputdiv">
                                            <div style="width: 60px; text-align: right;" id="_recharge_t10">Account</div>
                                            <input type="text" id="account" readonly="readonly"
                                                style="font-size: 12px; color: #777; text-align: center; "
                                                class="layui-input" autocomplete="off">
                                            <button
                                                style="font-size: 12px; color: #0094ff; width: auto; height: 37px; border: 0px; background: #fff; font-weight: bold; "
                                                id="copy3">Copy</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div
                                style="width: 100%; margin: 0 auto; padding-top: 10px;  border-radius: 5px; height: auto; overflow: hidden; ">
                                <div>
                                    <div
                                        style="width: 100%; margin: 0 auto; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; height: auto; overflow: hidden; ">
                                        <div style="padding-left:5px; padding-bottom:10px;">
                                            <font style="font-weight: bold; color: #fff;">Deposit amount</font>
                                            <font style="color:#fff;" class="small-font">（ Minimum deposit is ₦ 2,000 ）
                                            </font>
                                        </div>
                                    </div>
                                    {{--  <div
                                        style="text-align: center;   width: 98%; margin: 0 auto; margin-bottom: 15px; margin-top: 5px; height: auto; overflow: hidden;">
                                        <button class="layui-btn" id="jk"
                                            style="width: 100%; font-weight: bold; font-size: 14px; color: #fff; height: 45px; line-height: 20px; font-size:12px; border-radius: 10px; border: 0px; background: #000; "
                                            type="button">
                                            If the deposit is not credited,<br /> please click this button to submit the
                                            deposit voucher
                                        </button>
                                    </div>  --}}
                                    <div class="layui-form-item"
                                        style="padding-bottom: 10px; height: auto; overflow: hidden; ">
                                        <div style="width: 98%; margin: 0 auto; height: auto; overflow: hidden; "
                                            id="reddddd">
                                            <ul>

                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    value="7500">1000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="2000">2000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="4000">4000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="8000">8000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="12000">12000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="17500">17500</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="25000">25000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="60000">60000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="100000">100000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="250000">250000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="350000">350000</li>
                                                <li class="redd"
                                                    style="width:24%; float:left; margin-top:10px;background:none; text-align:center;cursor:pointer; border:0px;border: 1px solid #000; padding:7px;  color:#000; padding-left:0px; padding-right:0px; border-radius: 5px; "
                                                    class="redd" value="500000">500000</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>


                                <div
                                    style="text-align: center; width: 98%; margin: 0 auto; margin-bottom: 15px; margin-top: 15px; height: auto; overflow: hidden; ">
                                    <div class="inputdiv" style="height: auto; overflow: hidden;">
                                        <div style="width: 50px; color: #000; background: #fff;">
                                            ₦
                                        </div>
                                        <input type="number" name="amount" id="amount" maxlength="6"
                                            oninput="if(value.length>6)value=value.slice(0,6)"
                                            style="font-size: 14px; padding-left:10px; color: #000;  background: #fff;"
                                            placeholder="Please enter the deposit amount" class="money layui-input"
                                            autocomplete="off">
                                    </div>
                                    <div class="inputdiv" style="margin-top: 10px; display: none;" id="cards3">
                                        <div style="line-height: 14px; margin-top:5px; width: 50px; font-size:12px;"
                                            id="_recharge_t2">Payer Name</div>
                                        <input type="text" id="transfername" maxlength="50" style="font-size:12px;"
                                            placeholder="Please enter the transfer name" class="layui-input"
                                            autocomplete="off">
                                    </div>
                                    <div style="text-align: center; float: left; width: 100%; height:auto; overflow: hidden; margin-top: 15px; display:none;"
                                        id="Uhl">
                                        <div style="width: 100%; margin:0 auto;">
                                            <div class="inputdiv"
                                                style="color: #000; border: 0px !important; font-size: 12px;">
                                                <font style="color: #000; " id="jieguo">₦ 1 = U <font id="jjg">0
                                                    </font>
                                                </font>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                        style="text-align: center; float: left; width: 100%; height:auto; overflow: hidden; margin-top: 15px; display:none;">
                                        <div style="width: 100%; margin:0 auto; font-size:12px; color:red;">
                                            <font id="_recharge_t6">Recharge range</font>: <font id="pay_min">₦ 1000.00
                                                -
                                                ₦ 100000.00</font>
                                        </div>
                                    </div>
                                    <div class="inputdiv" style="margin-top: 10px; height: 120px; display: none;"
                                        id="cards4">
                                        <div style=" width: 50px;" id="_recharge_t11">Proof</div>
                                        <div style="">
                                            <img src="{{ asset('imgs/up.png') }}"
                                                style='height:85px;width:85px; margin-top:10px; border-radius:5px;'
                                                class='upload' id="upload1" />
                                        </div>
                                    </div>
                                    <!--<div style="width:92%; height:25px;line-height:30px; display:none;  border-width: 0px;border-style: solid;border-radius: 2px 2px 2px 2px;  text-align:left;" id="Uhl">
                                        <span style=" float:left;  margin-left:10px; font-size:12px; color:#ff6a00;  " id="jieguo">(1 $ = <font id="jjg">0.0</font> ₦)</span>
                                        </div>-->
                                    <!--<div style="width:92%;display:none; height:25px;line-height:30px;  border-width: 0px;border-style: solid;border-radius: 2px 2px 2px 2px;  text-align:left;" id="Uhl1">
                                        <span style=" float:left;  margin-left:10px; font-size:12px; color:#ff6a00;  " id="jieguo1">(1 U = <font id="jjg1">3.7</font> $)</span>
                                        </div>-->
                                </div>
                            </div>

                            <div
                                style="width: 100%; margin: 0 auto; background: none; padding-bottom: 15px; height: auto; overflow: hidden; ">
                                {{--  <div
                                style="width: 95%; margin: 0 auto; padding-top: 10px;  border-radius: 5px; height: auto; overflow: hidden;">
                                <div
                                    style="padding-left: 10px; padding-bottom: 10px; font-weight: bold; color: #000; height: auto; overflow: hidden;">
                                    Deposit channels</div>
                                <div id="paylist" style=" height: auto; overflow: hidden;">

                                </div>
                            </div>  --}}
                                <div
                                    style="text-align: center; width: 98%; margin: 0 auto; margin-bottom: 15px; margin-top: 35px; height: auto; overflow: hidden;">
                                    <button type="submit" class="layui-btn" id="Recharge"
                                        style="width: 60%; font-weight: bold; font-size: 14px; color: #fff; height: 45px; line-height: 45px; border-radius: 100px; border: 0px; background: red; "
                                        type="button">
                                        Deposit now
                                    </button>
                                </div>


                            </div>
                            <div
                                style="width: 100%; margin: 0 auto; background: none; margin-top: 10px; height: auto; overflow: hidden;">
                                <div
                                    style="width: 98%; margin: 0 auto; padding-bottom: 10px; border-radius: 3px; background: none; ">
                                    <div style="height:35px; line-height:35px; text-align:left;"><span
                                            style="margin-left:5%; color:red; font-weight:bold;">Deposit
                                            instructions</span>
                                    </div>
                                    <div style="text-align: left; padding: 15px; background:#fff; height: auto; border-radius: 5px; overflow: hidden; color: #999;"
                                        id="payinfo">
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;Geeza Pro&quot;; ">
                                            <span class="s1"
                                                style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; line-height: normal; font-family: &quot;PingFang SC&quot;;"></span>
                                        </p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;Geeza Pro&quot;; ">
                                            <span class="s1"
                                                style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; line-height: normal; font-family: &quot;PingFang SC&quot;;"></span>
                                        </p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 11px; line-height: normal; font-family: &quot;Geeza Pro&quot;; ">
                                            <span class="s1"
                                                style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; line-height: normal; font-family: &quot;PingFang SC&quot;;"></span>
                                        </p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;Geeza Pro&quot;; ">
                                            <span class="s1"
                                                style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; line-height: normal; font-family: &quot;PingFang SC&quot;;"></span>
                                        </p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;Geeza Pro&quot;; ">
                                            <span class="s1"
                                                style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; line-height: normal; font-family: &quot;PingFang SC&quot;;"></span>
                                        </p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;PingFang SC&quot;; background-color: rgb(255, 255, 255); ">
                                            1.The recharge order amount must be consistent with the final payment amount.
                                            Inconsistency will result in failure.</p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;PingFang SC&quot;; background-color: rgb(255, 255, 255); ">
                                            2. The minimum recharge amount is <span class="s1"
                                                style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; line-height: normal; font-family: Helvetica;"></span><span
                                                class="s1"
                                                style="font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: Helvetica; text-wrap: wrap;">₦</span><span
                                                style="font-family: &quot;PingFang SC&quot;; font-size: 13px; text-wrap: wrap; background-color: #FFFFFF;">2000</span>.
                                            If the amount is lower than the minimum amount, it will not be credited.<br></p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;PingFang SC&quot;; background-color: rgb(255, 255, 255); ">
                                            3. Please check the account information carefully when transferring money to
                                            avoid
                                            payment errors.</p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;PingFang SC&quot;; background-color: rgb(255, 255, 255); ">
                                            4. Please operate according to the recharge rules. If you fail to recharge in
                                            accordance with the platform rules and cause property damage, the company will
                                            not
                                            be held responsible.</p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;PingFang SC&quot;; background-color: rgb(255, 255, 255); ">
                                            5. After the transfer is successful, please upload the payment voucher and wait
                                            for
                                            20-30 minutes. If your payment does not arrive for a long time, please contact
                                            online customer service.</p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;PingFang SC&quot;; background-color: rgb(255, 255, 255); ">
                                            6. Do not transfer money to strangers. Official personnel will not proactively
                                            ask
                                            you for your account number and password.</p>
                                        <p class="p1"
                                            style="margin-top: 0px; margin-bottom: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-stretch: normal; font-size: 13px; line-height: normal; font-family: &quot;Geeza Pro&quot;;">
                                            <br>
                                        </p>
                                    </div>
                                </div>
                                <br>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </body>
    </form>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script>

    <script>
        var $amountInput = $('[type="number"]');
        var amount = '';

        $("#reddddd li").off("click").on("click", function() {
            console.log(123);
            amount = $(this).text();
            console.log(amount);
            if (!$(this).hasClass('bcknum')) {
                $(this).addClass('bcknum').siblings().removeClass('bcknum');
                $amountInput.val(amount);
            } else {
                $(this).addClass('bcknum');
                $amountInput.val(amount);
            }
        })

        $(".quick_dep p").off("click").on("click", function() {
            $(this).addClass('active').siblings().removeClass('active')
            $("#pay_type").val($(this).attr('data-type'));
        })



        $amountInput.on('input propertychange', function() {
            if ($(this).val() !== $('.listamount p.active').text()) {
                $('.listamount p').removeClass('active');
            }
        })
    </script>

    <a href="" target="_blank" style="display:none;"><span id="jump"></span></a>
@endsection