@extends('module.layouts.auth')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/members/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/aix.css') }}" rel="stylesheet">
@endpush

@push('js')
    {{--<script type="text/javascript" src="{{ theme_asset('gt/gt.js') }}"></script>--}}
{{--    <script type="text/javascript" src="{{ theme_asset('gt/gt.handle.js') }}"></script>--}}
    <script type="text/javascript" src="{{ theme_asset('jquery/jquery.min.js') }}"></script>
@endpush

@section('content')
    <div class="find_pwd">
        <div class="step s1"></div>
        <div class="steptxt">
            <div class="tli font_blue">1.验证账号信息</div>
            <div class="tli">2.设置新密码</div>
            <div class="tli">3.找回成功</div>
            <div class="clear"></div>
        </div>
        <div class="rl J_focus">
            <div class="td1">
                <div class="input_295_34 select_input J_dropdown J_listitme_parent">
                    <span class="J_listitme_text">找回企业账号</span>
                    <div class="dropdowbox1 J_dropdown_menu">
                        <div class="dropdow_inner1">
                            <ul class="nav_box">
                                <li><a class="J_listitme find_type" href="javascript:;" data-code="">找回企业账号</a></li>
                                <li><a class="J_listitme find_type" href="javascript:;" data-code="" id="wl_user">找回个人账号</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="td1">
                <div class="input_295_34 select_input J_dropdown J_listitme_parent">
                    <span class="J_listitme_text">通过手机找回密码</span>
                    <div class="dropdowbox1 J_dropdown_menu">
                        <div class="dropdow_inner1">
                            <ul class="nav_box">
                                <li><a class="J_listitme find_way" href="javascript:;" data-code="">通过手机找回密码</a></li>
                                <li><a class="J_listitme find_way" href="javascript:;" data-code="">通过注册邮箱找回密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="mobileshow J_listitme_group">
                <form id="getPassByMobileForm" action="{{route('password.request')}}" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    <div class="selecttip">系统将发送验证码短信到您的手机上，请注意查收</div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="mobile" id="mobile" type="text" placeholder="请输入手机号">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <div class="code">
                                <input name="mobile_vcode" id="mobile_vcode" type="text" class="input_295_34" placeholder="请输入短信验证码">
                            </div>
                            <div class="codebtn">
                                <input type="button" class="btn_yellow J_hoverbut" id="J_getverificode" value="获取验证码">
                                <input type="hidden" id="origin_btnCheck" style="display: none;"><input type="hidden" id="btnCheck">
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="btnbox">
                        <input class="utype" type="hidden" name="utype" value="1">
                        <input type="hidden" name="type" value="mobile">
                        {{csrf_field()}}
                        <input id="mobile_reset" type="submit" value="下一步" class="btn_reg J_hoverbut">
                    </div>
                </form>
            </div>
            <div class="emailshow J_listitme_group">
                <form id="getPassByEmailForm" action="{{route('password.request')}}" method="post" onkeydown="if(event.keyCode==13){return false;}">
                    <div class="selecttip">系统将发出一封验证邮件到您的注册（或绑定的）邮箱，<br>通过验证邮件就可以重新设置密码了</div>
                    <div class="J_validate_group">
                        <div class="td1">
                            <input class="input_295_34" name="email" id="email" type="text" placeholder="请输入邮箱">
                        </div>
                        <div class="td2 J_showtip_box"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="btnbox">
                        <input class="utype" type="hidden" name="utype" value="1">
                        <input type="hidden" name="type" value="email">
                        {{csrf_field()}}
                        <input id="email_reset" type="submit" value="下一步" class="btn_reg J_hoverbut">
                    </div>
                </form>
            </div>
            <div class="bottom_appeal_tip link_blue"><strong>上面的方式都不可用？</strong><br>
                你还可以进行 <a href="{{route('appeal')}}">账号申诉</a> 或 电话联系我们 <span class="font_blue">{{config('aix.system.site.site.bootom_tel')}}</span>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/regular.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.validate.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.placeholder.min.js') }}"></script>
    <script src="{{ theme_asset('app/js/members/jquery.common.js') }}"></script>
    <script src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>

    <script type="text/javascript">
        var qscms={
            base:"",
            root:""
        }
        var check_url="/auth/register/check/";
        var register_url="{{route('register.person')}}";
        var login_url="{{route('login')}}";
        var sms_url="{{route('sms.send')}}";
        var find_type=1;
        var captcha_open ={{config('aix.system.site_safety.site_vo_code.captcha_open', 0) }};
        //找回用户类型
        $('.find_type').click(function(event) {
            var indexValue = $('.find_type').index(this);
            find_type=indexValue+1;
            $('.utype').val(find_type);
            console.log(find_type);
        });
        @if(request('utype')=="user"){
            $("#wl_user").click();
        }

        @endif
        

        // 找回方式切换
        $('.find_way').click(function(event) {
            var indexValue = $('.find_way').index(this);
            $('.J_listitme_group').eq(indexValue).show().siblings('.J_listitme_group').hide();
        });

        // 点击获取验证码先判断是否输入了手机号
        $('#J_getverificode').click(function() {
            var mobileValue = $.trim($('#mobile').val());
            if (mobileValue == '') {
                disapperTooltip("remind", "请输入手机号码");
                $('#mobile').focus();
                return false;
            };
            if (mobileValue != "" && !regularMobile.test(mobileValue)) {
                disapperTooltip("remind", "请输入正确的手机号码");
                $('#mobile').focus();
                return false;
            }
            $.ajax({
                url: check_url+find_type,
                cache: false,
                async: false,
                type: 'post',
                dataType: 'json',
                data: { type: 'mobile', param: mobileValue },
                success: function(json) {
                    disapperTooltip("remind", "该手机号没有注册账号");
                    $('#mobile').focus();
                    return false;
                },
                error:function(data){
                    var error_obj=eval('(' + data.responseText + ')');
                    if(data.status==400) {//业务错误
                        toSetSms({});
                    }
                }
            });
        });

        // 发送手机验证码
        function toSetSms(geet_result) {
            function settime(countdown) {
                if (countdown == 0) {
                    $('#J_getverificode').prop("disabled", 0);
                    $('#J_getverificode').removeClass('btn_disabled hover');
                    $('#J_getverificode').val('获取验证码');
                    countdown = 180;
                    return;
                } else {
                    $('#J_getverificode').prop("disabled", !0);
                    $('#J_getverificode').addClass('btn_disabled');
                    $('#J_getverificode').val('重新发送' + countdown + '秒');
                    countdown--;
                }
                setTimeout(function() {
                    settime(countdown)
                },1000)
            }
            $('#J_getverificode').prop("disabled", !0);
            $('#J_getverificode').addClass('btn_disabled');
            $('#J_getverificode').val('发送中...');
            geet_result.mobile= $.trim($('#mobile').val());
            geet_result.type= "check";
            $.ajax({
                url: sms_url,
                type: 'POST',
                dataType: 'json',
                data: geet_result,
                success: function (data) {
                    // console.log(data);
                    setTimeout(function() {
                        disapperTooltip("success", "验证码已发送，请注意查收");
                        // 开始倒计时
                        var countdowns = 180;
                        settime(countdowns);
                    },800)
                },
                error: function (errorData) {
                    // console.log(errorData);
                    setTimeout(function() {
                        $('#J_getverificode').prop("disabled", 0);
                        $('#J_getverificode').removeClass('btn_disabled hover');
                        $('#J_getverificode').val('获取验证码');
                        disapperTooltip("remind", data.msg);
                    },1500)
                }
            });
        }
        // if (captcha_open) {
        //     //发送短信
        //     var handler = function(captchaObj) {
        //         captchaObj.appendTo("#popup-captcha");
        //         captchaObj.onSuccess(function() {
        //             var result = captchaObj.getValidate();
        //             toSetSms(result);
        //         });
        //
        //         captchaObj.onError(function() {
        //
        //         });
        //         $('#btnCheck').on('click', function () {
        //             captchaObj.verify();
        //
        //         });
        //     };
        //     gt_init(handler);
        // }

    </script>
    <script>

    </script>
    {{--<script type="text/javascript" src="{{ theme_asset('app/js/members/jquery.validate.getpass.js') }}"></script>--}}
@endsection