@extends('layouts.advert.member')
@section('title','充值')
@section('content')
    <style>
        a {
            color: #333;
            text-decoration: none;
        }
        
        .list_Box li{
            padding: 15px 0 15px 15px;
            border-left: 2px solid #fff;
            cursor: pointer;
        }
        .list_Box li.active {
            border-left-color: #009688;
            color: #009688;
            background: #f0f0f0;
        }
        .headr{
            font-size:16px;
        }
        .blue {
            color: blue;
        }
        .mr30{
            margin-right:30px;
        }
        .mb20{
            margin-bottom:20px;
        }
        .pb20{
            padding-bottom:20px;
        }
        .sv-title {
            padding:20px 0;
            font-size:16px;
            font-weight: 600;
        }
        .sv-buy-card .item{
            width: 150px;
            height: 120px;
            border: 1px solid rgb(221, 221, 221);
            border-radius: 8px;
            background: #fff;
            position: relative;
            padding-top: 40px;
            box-sizing: border-box;
            text-align: center;
            font-size: 26px;
            cursor:pointer;
            position: relative;
        }

        .sv-buy-card .item.slf{
            width: 150px;
            height: 120px;
            border: 1px solid rgb(221, 221, 221);
            border-radius: 8px;
            background: #fff;
            position: relative;
            padding-top: 40px;
            box-sizing: border-box;
            text-align: center;
            font-size: 20px;
            cursor:pointer;
            position: relative;
        }
        .sv-buy-card .item.slf .p{
            position: absolute;
            top:0;left:0;right:0;bottom:0;
            padding-top: 40px;
        }
        .sv-buy-card .item.slf .input{
            display:none;
            border:none;
            background:none;
            width:80%;
            margin:0 auto;
            padding:10px 0;
            border-bottom:1px solid #ccc;
            text-align:center;
            color: #ff6200;
        }
        .sv-buy-card .item.active{
            border: 2px solid #ff6200;
            background: #fff url('/images/service-tips01.png') no-repeat right bottom;
        }
        .sv-btn {
            display: inline-block;
            height: 38px;
            line-height: 38px;
            padding: 0 18px;
            background-color: #fff;
            border:1px solid #2f75ec;
            color: #2f75ec;
            white-space: nowrap;
            text-align: center;
            font-size: 14px;
            border-radius: 2px;
            cursor: pointer;
        }
        .account .item{
            display: inline-block;
            width: 260px;
            height: 120px;
            padding: 18px;
            color: #fff;
            margin-right: 30px;
            /* background: url(/images/media/bg-billList.png) left top no-repeat; */
            /* background-color:green; */
            border-radius:6px;
        }
        .bg-2f75ec{
            background-color: rgba(47,142,236,0.6);
        }
        .bg-ff6200{
            background-color: rgba(255,174,0,0.6);
        }
    </style>
    <div>
        <div class="fz18 bb-e0e0e0 pb10">充值/余额</div>
        <!-- <div class="headr">
            <p class="sv-title">账户余额（元）：</p>
            <p style="margin-left: 20px">
                账号：<span class="blue mr30">{{ $account['phone'] }}</span>
                账户可用余额：<span class="blue mr30">{{ $account['total_money']??$account['total_money'].'元' }}  </span>
                账户冻结金额：<span class="blue" style="color:red;">{{ $account['freeze_money']??$account['freeze_money'].'元' }}  </span>
            </p>
        </div> -->
        <div class="account mt20">
            <div class="fz16 pb20">账户:<span class="ml10 blue">{{ $account['phone'] }}</span></div>
            <div>
                <div class="item bg-2f75ec">
                    <p class="fz20"> 账户可用余额 </p>
                    <p class="fz36 lh1 mt10">{{ $account['total_money']??$account['total_money'].'元' }}</p>
                </div>
                <div class="item bg-ff6200">
                    <p class="fz20"> 账户冻结金额 </p>
                    <p class="fz36 lh1 mt10">{{ $account['freeze_money']??$account['freeze_money'].'元' }} </p>
                </div>
            </div>
        </div>
        <div>
                <p class="fz16 pb10 mt20">充值</p>

            <p class="tx-c fz16" style="color:red;font-weight:bold;letter-spacing:1px;">温馨提示：发布违法违规稿件会直接封号且不退款</p>
            @if($alipay_qrcode || $weixin_qrcode)
                <div class="tx-c">
                    @if($alipay_qrcode)

                    <img style="width:300px;display:inline-block;vertical-align: top;" src="{{$alipay_qrcode}}" alt="">
                    @endif
                    @if($weixin_qrcode)
                    <div style="width:300px;@if($alipay_qrcode) margin-left:100px @endif;display:inline-block;">
                            <img style="width:300px;margin:10px 0;" src="/images/pay/wxpay_top.png" alt="">
                        <div style="width:100%;height:372px;background:#22ab39;">
                            <div style="width:100%;height:330px;overflow:hidden;">
                                    <img style="width:100%" src="{{$weixin_qrcode}}" alt="">
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            @else
                <div class="tx-c">
                    <img style="width:300px;display:inline-block;vertical-align: top;" src="/images/pay/alipay.jpg" alt="">
                    <div style="width:300px;margin-left:100px;display:inline-block;">
                        <img style="width:300px;margin:10px 0;" src="/images/pay/wxpay_top.png" alt="">
                        <div style="width:100%;height:372px;background:#22ab39;">
                            <div style="width:100%;height:330px;overflow:hidden;">
                                <img style="width:100%" src="/images/pay/wxpay.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            <div class="mt20">
                <p class="tx-c mb10">使用支付宝/微信扫一扫,输入充值金额.备注用户名.</p>
                <p class="tx-c" >如遇充值问题  详询官方客服  QQ: <span style="color:red">1946919</span></p>
            </div>
        </div>
    </div>
@endsection
@section('script')
    

@endsection

