alroyso
/
neiyou_user_web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							@extends('user.layouts')
@section('content')
    <div class="page-content container">

        <div class="row">

            <div class="col-lg-5">

                <div class="card">

                    <div class="card-header white bg-cyan-600 p-30 clearfix">

                        <span class="avatar avatar-100 float-left mr-20">

                            <!--<x-avatar :user="Auth::getUser()"/>-->

                            <img src="/assets/images/avatar.svg" alt="头像" title="" style="">

                        </span>

                        <div class="float-left">

                            <div class="font-size-20 mb-15">{{Auth::getUser()->email}}</div>
                            <p class="mb-5 text-nowrap"><i class="icon bd-webchat mr-10" aria-hidden="true"></i>

                                <span class="text-break">{{trans('common.payment.wechat')}}：
                                    @if(Auth::getUser()->wechat) {{Auth::getUser()->wechat}} @else {{trans('common.none')}} @endif
                                </span>
                            </p>
                            <p class="mb-5 text-nowrap"><i class="icon bd-qq mr-10" aria-hidden="true"></i>

                                <span class="text-break">QQ：

                                    @if(Auth::getUser()->qq) {{Auth::getUser()->qq}} @else {{trans('common.none')}} @endif
                                </span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">

                <div class="panel">

                    @if (Session::has('successMsg'))

                        <x-alert type="success" :message="Session::get('successMsg')"/>

                    @endif

                    @if($errors->any())

                        <x-alert type="danger" :message="$errors->all()"/>

                    @endif

                    
                    @if(!Auth::user()->google2fa_enable)

                    <div class="alert alert-warning">

                        <i class="icon wb-warning" aria-hidden="true"></i> 

                        <strong>安全提示：</strong> 您必须先<a href="/2fa" class="alert-link">开启双重验证</a>才能修改个人资料。这是为了保护您的账户安全。

                    </div>

                    @endif

                    
                    <div class="panel-body nav-tabs-animate nav-tabs-horizontal" data-plugin="tabs">

                        <ul class="nav nav-tabs nav-tabs-line" role="tablist">

                            <li class="nav-item" role="presentation">

                                <a class="active nav-link" data-toggle="tab" href="#tab_1" aria-controls="tab_1" role="tab">{{trans('validation.attributes.password')}}</a>
                            </li>
                            <li class="nav-item" role="presentation">

                                <a class="nav-link" data-toggle="tab" href="#tab_2" aria-controls="tab_2" role="tab">{{trans('user.contact')}}</a>
                            </li>
                            <li class="nav-item" role="presentation">

                                <a class="nav-link" data-toggle="tab" href="#tab_3" aria-controls="tab_3" role="tab">{{trans('user.node.setting')}}</a>
                            </li>
                        </ul>
                        <div class="tab-content py-10">

                            <div class="tab-pane active animation-slide-left" id="tab_1" role="tabpanel">

                                <form action="{{route('profile')}}" method="post" enctype="multipart/form-data" class="form-horizontal" autocomplete="off">

                                    @csrf

                                    <div class="form-group row">

                                        <label for="password" class="col-md-2 col-form-label">{{trans('auth.password.original')}}</label>

                                        <input type="password" class="form-control col-md-5 round" name="password" id="password" autofocus required {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    <div class="form-group row">

                                        <label for="new_password" class="col-md-2  col-form-label">{{trans('auth.password.new')}}</label>

                                        <input type="password" class="form-control col-md-5 round" name="new_password" id="new_password" required {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    
                                    @if(Auth::user()->google2fa_enable)

                                    <div class="form-group row">

                                        <label for="code" class="col-md-2 col-form-label">双重验证码</label>

                                        <input type="text" class="form-control col-md-5 round" name="code" id="code" placeholder="请输入 Google Authenticator 生成的验证码" />

                                        <div class="col-md-5">

                                            <small class="form-text text-muted">修改密码需要输入双重验证码</small>

                                        </div>

                                    </div>

                                    @endif

                                    
                                    <div class="form-actions">

                                        <button type="submit" class="btn btn-info" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}>{{trans('common.submit')}}</button>

                                    </div>

                                    
                                    @if(!Auth::user()->google2fa_enable)

                                    <div class="alert alert-info mt-3">

                                        <i class="icon wb-info-circle" aria-hidden="true"></i> 

                                        为了提高账户安全性，建议您 <a href="/2fa" class="alert-link">启用双重验证</a>。

                                    </div>

                                    @endif

                                </form>

                            </div>

                            <div class="tab-pane animation-slide-left" id="tab_2" role="tabpanel">

                                <form action="{{route('profile')}}" method="post" enctype="multipart/form-data" class="form-horizontal">

                                    @csrf

                                    <div class="form-group row">

                                        <label for="email" class="col-md-2 col-form-label">邮箱</label>

                                        <input type="text" class="form-control col-md-5 round" name="email" id="email" value="{{Auth::getUser()->email}}" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    <div class="form-group row">

                                        <label for="newemail" class="col-md-2 col-form-label">新邮箱</label>

                                        <input type="text" class="form-control col-md-5 round" name="newemail" id="newemail" value="" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    
                                    @if(Auth::user()->google2fa_enable)

                                    <div class="form-group row">

                                        <label for="code" class="col-md-2 col-form-label">双重验证码</label>

                                        <input type="text" class="form-control col-md-5 round" name="code" id="code" placeholder="请输入 Google Authenticator 生成的验证码" />

                                        <div class="col-md-5">

                                            <small class="form-text text-muted">修改邮箱需要输入双重验证码</small>

                                        </div>

                                    </div>

                                    @endif

                                    
{{--                                    <div class="form-group form-material floating" data-plugin="formMaterial">--}}

{{--                                        <div class="input-group" data-plugin="inputGroupFile">--}}

{{--                                            <input type="text" class="form-control" name="verify_code" value="{{Request::old('verify_code')}}" required/>--}}

{{--                                            <label class="floating-label" for="verify_code">{{trans('auth.captcha.attribute')}}</label>--}}

{{--                                            <span class="input-group-btn">--}}

{{--                            <button class="btn btn-success" id="sendCode" onclick="sendVerifyCode()">--}}

{{--                                {{trans('auth.request')}}--}}

{{--                            </button>--}}

{{--                        </span>--}}

{{--                                        </div>--}}

{{--                                    </div>--}}


                                    <div class="form-group row">

                                        <label for="username" class="col-md-2 col-form-label">{{trans('validation.attributes.username')}}</label>

                                        <input type="text" class="form-control col-md-5 round" name="username" id="username" value="{{Auth::getUser()->username}}" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    <div class="form-group row">

                                        <label for="wechat" class="col-md-2 col-form-label">{{trans('common.payment.wechat')}}</label>

                                        <input type="text" class="form-control col-md-5 round" name="wechat" id="wechat" value="{{Auth::getUser()->wechat}}" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    <div class="form-group row">

                                        <label for="qq" class="col-md-2 col-form-label">QQ</label>

                                        <input type="number" class="form-control col-md-5 round" name="qq" id="qq" value="{{Auth::getUser()->qq}}" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    <div class="form-actions">

                                        <button type="submit" class="btn btn-info" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}>{{trans('common.submit')}}</button>

                                    </div>

                                    
                                    @if(!Auth::user()->google2fa_enable)

                                    <div class="alert alert-info mt-3">

                                        <i class="icon wb-info-circle" aria-hidden="true"></i> 

                                        为了提高账户安全性，建议您 <a href="/2fa" class="alert-link">启用双重验证</a>。

                                    </div>

                                    @endif

                                </form>

                            </div>

                            <div class="tab-pane animation-slide-left" id="tab_3" role="tabpanel">

                                <form action="{{route('profile')}}" method="post" enctype="multipart/form-data" class="form-horizontal">

                                    @csrf

                                    <div class="form-group row">

                                        <label for="passwd" class="col-md-2 col-form-label"> {{trans('user.account.connect_password')}} </label>

                                        <input type="text" class="form-control col-md-5 round" name="passwd" id="passwd" value="{{Auth::getUser()->passwd}}" required {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}/>

                                    </div>

                                    <div class="form-actions">

                                        <button type="submit" class="btn btn-info" {{ !Auth::user()->google2fa_enable ? 'disabled' : '' }}> {{trans('common.submit')}} </button>

                                    </div>

                                </form>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

@endsection

@section('javascript')

    <script src="/assets/custom/jump-tab.js"></script>

{{--    <script>--}}


{{--        // 发送注册验证码--}}

{{--        function sendVerifyCode() {--}}

{{--            let flag = true; // 请求成功与否标记--}}

{{--            let email = $('#email').val().trim();--}}


{{--            if (email === '') {--}}

{{--                swal.fire({title: '{{trans('validation.required', ['attribute' => trans('validation.attributes.email')])}}', icon: 'warning', timer: 1500});--}}

{{--                return false;--}}

{{--            }--}}


{{--            $.ajax({--}}

{{--                method: 'POST',--}}

{{--                url: '{{route('sendVerificationCode')}}',--}}

{{--                dataType: 'json',--}}

{{--                data: {_token: '{{csrf_token()}}', email: email},--}}

{{--                success: function(ret) {--}}

{{--                    if (ret.status === 'success') {--}}

{{--                        swal.fire({title: ret.message, icon: 'success'});--}}

{{--                        $('#sendCode').attr('disabled', true);--}}

{{--                        flag = true;--}}

{{--                    } else {--}}

{{--                        swal.fire({title: ret.message, icon: 'error', timer: 1000, showConfirmButton: false});--}}

{{--                        $('#sendCode').attr('disabled', false);--}}

{{--                        flag = false;--}}

{{--                    }--}}

{{--                },--}}

{{--                error: function() {--}}

{{--                    swal.fire({title: '发送失败', icon: 'error'});--}}

{{--                    flag = false;--}}

{{--                },--}}

{{--            });--}}


{{--            // 请求成功才开始倒计时--}}

{{--            if (flag) {--}}

{{--                // 60秒后才能重新申请发送--}}

{{--                let left_time = 60;--}}

{{--                const tt = window.setInterval(function() {--}}

{{--                    left_time--;--}}

{{--                    if (left_time <= 0) {--}}

{{--                        window.clearInterval(tt);--}}

{{--                        $('#sendCode').removeAttr('disabled').text('{{trans('auth.request')}}');--}}

{{--                    } else {--}}

{{--                        $('#sendCode').text(left_time + ' s');--}}

{{--                    }--}}

{{--                }, 1000);--}}

{{--            }--}}

{{--        }--}}


{{--    </script>--}}

@endsection