@extends('app.hardware.layout.hardware')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/common.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/member/memberLogin.css')}}"/>
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/footer.css')}}"/>
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/myDiv.css')}}"/>
@endpush

@push('js')

@endpush

@section('content')
    <div class="member-login-content member-login-content-bgone" id="dialogDiv-content">
        <div class="login-content-title">
            请输入您的账号密码
        </div>
        <form id="form1" name="form1" class="member-login-account member-form" action="{{ route('hardware.aio.login') }}" method="post">
            <div class="loginModal">
                <div class="loginUser">
                    <label for="user"></label>
                    <div class="loginUser-left"><img class="loginUser-left-img" src="{{theme_asset('app/images/hardware/aio/member/member-login-user.png')}}"></div>
                    <div class="loginUser-right"><input class="loginUser-left-input" type="text" placeholder="请输入用户名/邮箱/手机号" id="user" name="username"></div>
                </div>
                {{--<input type="hidden" name="autoLogin" id="autoLogin"  value="1"/>--}}
                <div class="loginPwd">
                    <label for="pwd"></label>
                    <div class="loginPwd-left"><img class="loginPwd-left-img" src="{{theme_asset('app/images/hardware/aio/member/member-login-password.png')}}"></div>
                    <div class="loginPwd-right"><input class="loginPwd-left-input" type="password" placeholder="请输入密码" id="pwd" name="password"></div>
                </div>
                <div class="loginChange">
                    <p class="loginChange-info loginChange-account">使用手机动态码登录</p>
                </div>
                <div class="clear"></div>
                <div class="loginButton">
                    <button class="Btnstyle loginBtn" type="button" id="loginAccount">立即登录</button>
                    <a href="{{ route('hardware.aio.register') }}" class="Btnstyle registerBtn" type="button">快速注册</a>
                    <div class="clear"></div>
                </div>
            </div>
        </form>

        <form id="form2" name="form2" class="member-login-phone member-form" action="{{ route('hardware.aio.mobile.login') }}" action_to="{{ route('hardware.aio.mobile.login.create') }}" method="post" style="display:none">
            <div class="loginModal">
                <div class="loginUser ">
                    <label for="user"></label>
                    <div class="loginUser-left"><img class="loginUser-left-img" src="{{theme_asset('app/images/hardware/aio/idcard/personal-data-phoneIcon.png')}}"></div>
                    <div class="loginUser-left"><input class="loginUser-left-phoneInput" type="text" placeholder="请输入手机号" id="mobile" name="mobile"></div>
                    <div class="loginUser-phoneRight"><span class="loginUser-phoneRight-tip" id="getverificode">获取验证码</span></div>
                </div>

                <div class="loginPwd">
                    <label for="pwd"></label>
                    <div class="loginPwd-left"><img class="loginPwd-left-img" src="{{theme_asset('app/images/hardware/aio/member/member-login-password.png')}}"></div>
                    <div class="loginPwd-right"><input class="loginPwd-left-input" type="password" placeholder="请输入验证码"  id="verfy_code" name="verfy_code"></div>
                </div>
                <div class="loginChange">
                    <p class="loginChange-info loginChange-phone">使用账号密码登录</p>
                </div>
                <div class="clear"></div>
                <div class="phone-loginButton">
                    <button class="Btnstyle phone-loginBtn" id="J_dologinByMobile" type="button">立即登录</button>
                    <div class="clear"></div>
                </div>
                <input type="hidden" name="is_reg" id="is_reg" value="1" />
                <input type="hidden" name="is_status" id="is_status" value="1" />
                <input type="hidden" name="is_quick" id="is_quick" value="1" />
            </div>
        </form>
        <div class="member-login-phone">

        </div>
        <div class="clear"></div>
        <div class="member-index-footer">
            @include('app.hardware.layout.footer')
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/aio/countdown.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/aio/myDiv.js')}}"></script>
    <script>
        $(".loginChange-account").click(function(){
            $(".member-login-content").removeClass("member-login-content-bgone");
            $(".member-login-content").addClass("member-login-content-bgtwo");
            $(".member-login-account").hide();
            $(".member-login-phone").show();
        })

        $(".loginChange-phone").click(function(){
            $(".member-login-content").removeClass("member-login-content-bgtwo");
            $(".member-login-content").addClass("member-login-content-bgone");
            $(".member-login-account").show();
            $(".member-login-phone").hide();
        })

    </script>
@endsection