@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('jquery/jquery.min.js') }}"></script>
@endpush

@section('content')
    <div class="find_pwd">
        <div class="step s2"></div>
        <div class="steptxt">
            <div class="tli font_blue">1.验证账号信息</div>
            <div class="tli font_blue">2.设置新密码</div>
            <div class="tli">3.找回成功</div>
            <div class="clear"></div>
        </div>
        <div class="rl J_focus">
            <form class="J_passwordalert_group" id="setPassForm" action="{{route('jkq.password.reset', ['token'=>$token])}}" method="post" onkeydown="if(event.keyCode==13){return false;}">
                {{csrf_field()}}
                <div class="J_validate_group">
                    <div class="td1">
                        <input class="input_295_34 J_passwordalert" name="password" id="password" type="password" placeholder="请输入新密码"/>
                    </div>
                    <div class="td2 J_showtip_box"></div>
                    <div class="clear"></div>
                </div>
                <div class="safety">
                    <div class="slist t1">危险</div>
                    <div class="slist t2">一般</div>
                    <div class="slist t3">安全</div>
                    <div class="clear"></div>
                </div>
                <div class="J_validate_group">
                    <div class="td1">
                        <input class="input_295_34" name="password_confirmation" id="password_confirmation" type="password" placeholder="请确认新密码"/>
                    </div>
                    <div class="td2 J_showtip_box"></div>
                    <div class="clear"></div>
                </div>
                <div class="btnbox">
                    <input name="" type="submit" value="下一步" class="btn_reg J_hoverbut" />
                </div>
            </form>
        </div>
    </div>
    <!--下方阴影 -->
    <div class="find_pwd_bg">
        <div class="bl"></div>
        <div class="br"></div>
        <div class="clear"></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.validate.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/members/jquery.pwdalert.js') }}"></script>
    <script src="{{ theme_asset('app/js/members/jquery.common.js') }}"></script>

    <script type="text/javascript">
        var qscms={
            base:"",
            root:""
        }
        var check_url="/auth/register/check/";
        var register_url="{{route('jkq.register.person')}}";
        var login_url="{{route('jkq.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) }};
        $("#setPassForm").validate({
            rules: {
                password: {
                    required: true,
                    rangelength: [6, 16]
                },
                password_confirmation: {
                    required: true,
                    rangelength: [6, 16],
                    equalTo: "#password"
                }
            },
            messages: {
                password: {
                    required: '<div class="ftxt">请输入密码</div><div class="fimg"></div>',
                    rangelength: '<div class="ftxt">密码长度要求为6-16个字符</div><div class="fimg"></div>'
                },
                password_confirmation: {
                    required: '<div class="ftxt">请确认新密码</div><div class="fimg"></div>',
                    rangelength: '<div class="ftxt">密码长度要求为6-16个字符</div><div class="fimg"></div>',
                    equalTo: '<div class="ftxt">两次输入的密码不一致</div><div class="fimg"></div>'
                }
            },
            errorClasses: {
                password: {
                    required: 'tip err',
                    rangelength: 'tip err'
                },
                password_confirmation: {
                    required: 'tip err',
                    rangelength: 'tip err',
                    equalTo: 'tip err'
                }
            },
            tips: {
                password: '<div class="ftxt">密码由6-16个数字、字母和符号组成</div><div class="fimg"></div>',
                password_confirmation: '<div class="ftxt">请确认新密码</div><div class="fimg"></div>'
            },
            tipClasses: {
                password: 'tip',
                password_confirmation: 'tip'
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                element.closest('.J_validate_group').find('.J_showtip_box').append(error);
            },
            success: function(label) {
                label.append('<div class="ok"></div>');
            }
        });

    </script>
@endsection