@extends('layouts.frontend-member')
@section('title', __('message.my account'))
@section('content')
    <div id="app" class="app app-recharge-wallet">
        <article class="page page-recharge-wallet">
            <header>
                <h3 style="justify-content: center;">
                    <div class="mod-h-tab">
                        <b class="cur">
                            เติมเงินกระเป๋าสตางค์
                        </b>
                    </div>
                </h3>
                <div class="back" style="z-index: 1000001;" onclick="history.back()">
                    <i class="iconfont icon-fanhui"></i>
                    {{-- <a href="{{ asset('/member/account') }}">
                        <i class="iconfont icon-fanhui"></i>
                     </a> --}}
                </div>
                <div class="action">
                    <div><span>
                            <span class="c-unread">
                                <i class="iconfont icon-kefu text-s24"></i>

                                <!----></span></span>
                    </div>
                </div>
            </header>
            <main>
                <section class="types">
                    <div>
                        สกุลเงิน
                    </div>
                    <div><span class="text-s16 text-bold">
                            ฿
                        </span></div>
                </section>
                <section class="types">
                    <div><span style="text-decoration: underline;">
                            บัตรเครดิตธนาคาร
                        </span><!----></div>
                    <div>
                        <div class="locale-select van-dropdown-menu">
                            <div class="van-dropdown-menu__bar">
                                <div role="button" tabindex="0" class="van-dropdown-menu__item"><span
                                        class="van-dropdown-menu__title">
                                        <div class="van-ellipsis">
                                            รบกวนติดต่อเจ้าหน้าที
                                        </div>
                                    </span></div>
                            </div>
                            <div>
                                <div class="van-dropdown-item van-dropdown-item--down" style="top: 0px; display: none;">
                                    <!---->
                                </div>
                            </div>
                        </div>
                    </div>
                </section> <!---->
                <section class="types">
                    <div>
                        ธนาคาร
                    </div>
                    <div>
                        รบกวนติดต่อเจ้าหน้าที
                    </div>
                </section>
                <section class="types">
                    <div>
                        หมายเลขบัญชี
                    </div>
                    <div>
                        0
                    </div>
                </section>
                <section class="types">
                    <div>
                        ผู้รับเงิน
                    </div>
                    <div>
                        รบกวนติดต่อเจ้าหน้าที
                    </div>
                </section>
                <form method="POST" action="{{ route('member.deposit-money.store') }}">
                    @csrf
                    <input type="hidden" name="cash_type" value="cash_in">
                    <section class="qrcode"><!----> <!---->

                        <section class="list">
                            <ul>
                                <li class="buy-money">
                                    <div class="moneys">
                                        <div>
                                            <input type="text" maxlength="40" placeholder="เติมเงินขั้นต่ำ100฿"
                                                id="amount_x" min="100" required="" name="amount"
                                                onkeypress='return event.charCode >= 48 && event.charCode <= 57'> <span>
                                                ฿
                                            </span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </section>
                        <section class="amounts-section">
                            <ul>
                                <li class="cursor" onclick="document.querySelector('#amount_x').value=100;">
                                    <div>
                                        100
                                    </div>
                                </li>
                                <li class="cursor" onclick="document.querySelector('#amount_x').value=500;">
                                    <div>
                                        500
                                    </div>
                                </li>
                                <li class="cursor" onclick="document.querySelector('#amount_x').value=1000;">
                                    <div>
                                        1000
                                    </div>
                            </ul>
                        </section>
                        <input type="file" v-text="ที่อัพโหลด" class="button" style="display: none;">
                    </section> <!----> <!----> <!---->
                    <section class="queding">
                        <button class="button cursor" type="submit">
                            ตกลง
                        </button>
                    </section>
                </form>
            </main>
        </article> <!----> <!----> <!----> <!---->
    </div>
    <style>
        .cursor {
            cursor: pointer;
        }
    </style>
    <script type="text/javascript">
        var amount = 100,

            $('#amount_x').click(function() {
                amount = $(this).attr('amount_x');

            });
    </script>

@endsection