@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/joblist/joblist.css')}}"/>
    <link rel="stylesheet" href="{{theme_asset('app/css/aio/footer.css')}}"/>
@endpush

@push('js')

@endpush

@section('content')
    <div class="container">
        <div class="container-top">
            <div class="content_title">请选取登录方式</div>
            <a href="{{route('hardware.aio.login.account')}}">
                <div class="container-top-left container-top-div">
                    <img class="top-accounnt-icon" src="{{theme_asset('app/images/hardware/aio/joblist/account-login.png')}}"/>
                    <div class="txt">
                        <p class="container-top-china">登录账号</p>
                        <p class="container-top-english">Account Number</p>
                    </div>
                </div>
            </a>
            <a href="javascript:;" onclick="showRemind();">
                <div class="container-top-right container-top-div">
                    <img class="top-idcard-icon" src="{{theme_asset('app/images/hardware/aio/joblist/idcard-login.png')}}"/>
                    <div class="txt">
                        <p class="container-top-china">读取身份证</p>
                        <p class="container-top-english">ID Card</p>
                    </div>
                </div>
            </a>
        </div>

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

@section('script')
    <script>
        //引入的js有用到
        var indexRoute = "{{route('hardware.aio.index')}}";

        function showRemind(){
            var htmlone = '<div id="MyDiv" class="white_content" style="width:550px;height:420px;margin-left:-263px;">'
                +'<div class="MyDiv-header" style="height:300px;border:0;">'
                +'<span class="divtitle"><img src="{{theme_asset('app/images/hardware/aio/member/card_remind.gif')}}" style="width:500px;" /></span></div>'
                +'<div class="clear"></div>'
                +'<div class="MyDiv-info MyDiv-info-one" style="padding:20px 0">'
                +'<button id="event" class="dialog-btn dialog-btn-one" onclick="toCardLogin();">确定</button>'
                +'<div style="clear: both"></div></div></div>'
                +'<div id="fade" class="black_overlay"></div>';
            $("#dialogDiv-content").append(htmlone);
            ShowDiv('MyDiv','fade');
        }
        function toCardLogin() {
            window.location.href="{{ route('hardware.aio.login.card') }}";
        }
    </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>
@endsection