@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/idcard/idcardIdentify.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="idcard-identify-content">
            <div class="identify-content-wapper">
                <div class="content-title">
                    请将您的身份证放置在机器下方识读区
                </div>
                <div class="content-wapper-img">
                    <img class="wapper-img-left" src="{{theme_asset('app/images/hardware/aio/idcard/idcard-identify-leftarc.png')}}">
                    <img class="wapper-img-right" src="{{theme_asset('app/images/hardware/aio/idcard/idcard-identify-rightarc.png')}}">
                </div>

            </div>
            <p class="show_msg" style="display:none;" action="{{ route('hardware.aio.login.check') }}">
                <textarea rows="3" name="S1" id="S1" cols="40"></textarea>
            </p>

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

@section('script')
    <script type="text/javascript" src="{{theme_asset('app/js/aio/myDiv.js')}}"></script>
    <script>
         $(function () {
             $.get("http://127.0.0.1:8080/api/ReadMsg", function(data){
                 //data就是b.html的内容，想加在哪就加在哪
                 if(data.retcode == '0x90 0x1'){
                     var uid;
                     var cardname = data.name;
                     var cardsex = data.sex;
                     if(data.sex == '男'){
                         var cardsexl = 1;
                     }else{
                         var cardsexl = 2;
                     }
                     var cardno = data.cardno;
                     var cardnation = data.nation;
                     var cardaddress = data.address;
                     var card_Born=data.born;
                     $.ajax({
                         headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                         url: $(".show_msg").attr('action'),
                         type: 'POST',
                         dataType: 'json',
                         data: {
                             cardno:cardno,
                         },
                         success: function (result) {
                             if(result.data.status == 1){
                                 window.location.href=result.data.redirect_url;
                             } else {
                                 window.location.href="{{route('hardware.aio.register')}}?id_card="+cardno+'&sex='+cardsexl+'&name='+cardname+'&nation='+cardnation+'&address='+cardaddress;
                             }
                         },
                         error: function (errorData) {
                             if (errorData.status==422) {//验证错误
                                 $.each(JSON.parse(errorData.responseText).errors,function (key,val) {
                                     dialogDiv(val[0],'确定','Display');
                                     return false;
                                 });
                             }
                             else if(errorData.status==400) {//业务错误
                                 dialogDiv(JSON.parse(errorData.responseText).message,'确定','Display');
                             }
                         }
                     })
                 }else{
                     dialogDiv(data.retmsg,'确定','Display');
                 }
             });

             var css = {left:'100px',width:"170px",height:"307px"};
             $('.wapper-img-left').animate(css,250,rowBack);
             function rowBack(){
                 if(css.left==='100px')
                     css.left='80px';
                 else if(css.left==='80px')
                     css.left='100px';
                 $('.wapper-img-left').animate(css,250,rowBack);
             }
             var css1 = {right:'100px',width:"170px",height:"307px"};
             $('.wapper-img-right').animate(css1,250,rowBack1);
             function rowBack1(){
                 if(css1.right==='100px')
                     css1.right='80px';
                 else if(css1.right==='80px')
                     css1.right='100px';
                 $('.wapper-img-right').animate(css1,250,rowBack1);
             }
         })
         function Display() {
             $("#MyDiv").remove();
             $("#fade").remove();
         }
    </script>
@endsection