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

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('app/css/pad/style.css')}}" />
    <link rel="stylesheet" href="{{theme_asset('app/css/pad/resume_read.css')}}"/>
@endpush

@push('js')
    <script type="text/javascript" src="{{theme_asset('app/js/pad/layer.js')}}"></script>
    <!--平板身份证读取-->
    <script type="text/javascript" src="{{theme_asset('app/js/pad/AndroidJSTest.js')}}"></script>
    <script type="text/javascript" src="{{theme_asset('app/js/pad/socket.io.js')}}"></script>
@endpush

@section('content')
    <header class="global-header">
        <div class="header-left" style="display:none;">
            <a href="{{route('hardware.pad.index')}}" class="header-back" id="pageback"><i class="w-icon w-icon-home"></i></a>
        </div>
        <div class="menu_title"><span class="title-only">投递简历</span></div>
        <div class="header-right">
            <a href="{{route('hardware.pad.index')}}" class="header-back" id="pageback"><i class="w-icon w-icon-home"></i></a>
        </div>
    </header>
    <div class="content" id="content" style="margin-top:62px;">
        <form method="POST" action="--WEBBOT-SELF--" name="form1">
            <div style="width:100%;position:fixed;top:62px;">
                <div style="width:860px;margin:auto;">
                    <div class="remind">请在读取身份证、二维码之前,先点击以下对应按钮</div>
                    <div class="scan_idcard">
                        <input type="button" value="读取身份证" class="btn" style="margin-right:3%;" id="btnStartReadIDCard" >
                    </div>
                    <div class="scan_phone">
                        <input type="button" value="读取二维码" class="btn" style="margin-right:3%;" id="qr_code" >
                    </div>
                    <div class="clear"></div>
                </div>
                <input type="button" id="back_b" value="返回首页" class="btn back_btn"  name="ReadCardBtn" onClick="bake_home()">
                {{--<input type="button" value="填写简历" class="btn" name="ReadCardBtn" onClick="writeResume()">--}}
            </div>
            <div id="output" ></div>
        </form>
    </div>
@endsection

@section('script')
    <!--火狐ocx语法(舟山楼下旧电视读取身份证)-->
    <object id="TermbCardOcx" type="application/x-itst-activex" style="border:0px;width:0px;height:0px;" clsid="{18EE8930-6993-4ADA-B8BB-02BA5820AC94}" progid="Termb.cab#version=1,0,0,1"></object>
    <!--<OBJECT   ID="TermbCardOcx"  TYPE="application/x-itst-activex" clsid="{18EE8930-6993-4ADA-B8BB-02BA5820AC94}" width="0" height="0"></OBJECT>-->
    <!--IEocx语法(舟山楼下旧电视读取身份证)-->
    <!--<object classid="clsid:18EE8930-6993-4ADA-B8BB-02BA5820AC94" id="TermbCardOcx" CODEBASE="Termb.cab#version=1,0,0,1"  width="0" height="0" VIEWASTEXT></object>-->
    <script language="javascript">
        //二维码扫码头
        $(function () {
            var qrcode_url="";
            var is_scan_qrcode=false;
            $(document).keypress(function(event){
                document.onkeydown = function () {
                    if (window.event && window.event.keyCode === 13) {
                        window.event.returnValue = is_scan_qrcode;
                        $("#back_b").blur();
                    }
                };
                if (is_scan_qrcode===true){
                    if (event.keyCode!==13){
                        qrcode_url=qrcode_url+event.key;
                    } else{
                        is_scan_qrcode=false;
                        var qrcode_arr = [];
                        if (!qrcode_url) {
                            layer.msg('扫描二维码错误');
                            is_scan_qrcode=false;
                            qrcode_url="";
                        }else {
                            is_scan_qrcode = false;
                            qrcode_arr = qrcode_url.split('/');
                            qrcode_url = qrcode_arr[qrcode_arr.length-1];
                            if (qrcode_url){
                                var hashid = qrcode_url;
                                qrcode_url="";
                                is_scan_qrcode=false;
                                var url = "{{route('hardware.pad.resume.qrcode')}}";
                                $.post(
                                    url,
                                    {hashid: hashid,_token:"{{csrf_token()}}"},
                                    function (data) {
                                        if (data.status == 1) {
                                            is_scan_qrcode=false;
                                            qrcode_url="";
                                            var num = data.data.length;
                                            var html = data.html;
                                            layer.open({
                                                type: 1,
                                                title: '读取到该用户' + num + '份简历',
                                                skin: 'layui-layer-rim', //加上边框
                                                area: ['900px', '480px'], //宽高
                                                content: html,
                                            });
                                        }else if(data.status == -1){
                                            layer.msg('二维码校验错误');
                                        } else {
                                            is_scan_qrcode=false;
                                            qrcode_url="";
                                            layer.msg(data.msg);
                                            var url = "{{route('hardware.pad.resume.add')}}"+"?uid="+data.uid;
                                            window.location.href = url;
                                        }
                                    });
                            }else {
                                is_scan_qrcode=false;
                                qrcode_url="";
                                layer.msg('二维码校验错误');
                            }
                        }
                    }

                }
            });

            $("#qr_code").on('click', function () {
                is_scan_qrcode=true;
            })
        });

        //平板身份证读取
        $(function() {
            document.form1.reset();
            $.AndroidHost.setEvents({
                onEvent: function (name, value) {
                    if (typeof value == 'undefined') {
                        output("读卡错误.");
                    } else {
                        var json = (new Function("return " + value))();
                        var cardId = json.CardNo;
                        var address = json.Address;
                        var birthday = json.Birthday;
                        var name = json.Name;
                        var nation = json.Nation;
                        var sex = json.Sex;
                        var url = "{{route('hardware.pad.resume.cardid')}}";
                        $.post(url, {cardId: cardId,_token:"{{csrf_token()}}"}, function (data) {
                            if (data.status == 1) {
                                var num = data.data.length;
                                var html = data.html;
                                layer.open({
                                    type: 1,
                                    title: '读取到该用户' + num + '份简历',
                                    skin: 'layui-layer-rim', //加上边框
                                    area: ['900px', '480px'], //宽高
                                    content: html,
                                });
                            }  else {
                                layer.msg(data.msg);
                                var url = "{{route('hardware.pad.resume.add')}}"+"?androidIdNo="+cardId+"&androidIdName="+name+"&androidIdSex="+sex+"&androidIdNation="+address;
                                window.location.href = url;
                            }
                        })
                    }
                }
            });
            $('#btnStartReadIDCard').off().on('click', function () {
                if(typeof AndroidHost != 'undefined') {
                    $.AndroidHost.startReadIDCard();
                }else {
                    ReadCard_onclick();
                }
            });
        });
        //平板身份证读取
        function output(message) {
            $('#output').append('<div>' + message + '</div>');
        }
        function bake_home()
        {
            var url = "{{route('hardware.pad.index')}}";
            window.location.href=url;
        }
        //socket读取身份证
        var socket = io.connect('http://localhost:5000',{'timeout': 300000,'reconnectionDelayMax':1000,'reconnectionDelay':500});
        socket.on('card message', function(msg){
            console.log(2);
            var base = new Base64();
            //2.解密后是json字符串
            var result1 = base.decode(msg);
            var data = eval("("+result1+")");
            var cardId = data.cardno;
            var address = data.address;
            var name = data.name;
            var sex = data.sex;
            var url = "{{route('hardware.pad.resume.cardid')}}";
            $.post(url, {cardId: cardId,_token:"{{csrf_token()}}"}, function (data) {
                if (data.status == 1) {
                    var num = data.data.length;
                    var html = data.html;
                    layer.open({
                        type: 1,
                        title: '读取到该用户' + num + '份简历',
                        skin: 'layui-layer-rim', //加上边框
                        area: ['900px', '480px'], //宽高
                        content: html,
                    });
                }  else {
                    layer.msg(data.msg);
                    var url = "{{route('hardware.pad.resume.add')}}"+"?androidIdNo="+cardId+"&androidIdName="+name+"&androidIdSex="+sex+"&androidIdNation="+address;
                    window.location.href = url;
                }
            })
        });
        function ReadCard_onclick()
        {
            console.log(1);
            socket.emit('startRead');
            socket.emit('stopRead');
        }

        function Base64() {
            // private property
            _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
            // public method for decoding
            this.decode = function (input) {
                var output = "";
                var chr1, chr2, chr3;
                var enc1, enc2, enc3, enc4;
                var i = 0;
                input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
                while (i < input.length) {
                    enc1 = _keyStr.indexOf(input.charAt(i++));
                    enc2 = _keyStr.indexOf(input.charAt(i++));
                    enc3 = _keyStr.indexOf(input.charAt(i++));
                    enc4 = _keyStr.indexOf(input.charAt(i++));
                    chr1 = (enc1 << 2) | (enc2 >> 4);
                    chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
                    chr3 = ((enc3 & 3) << 6) | enc4;
                    output = output + String.fromCharCode(chr1);
                    if (enc3 != 64) {
                        output = output + String.fromCharCode(chr2);
                    }
                    if (enc4 != 64) {
                        output = output + String.fromCharCode(chr3);
                    }
                }
                output = _utf8_decode(output);
                return output;
            };


            // private method for UTF-8 decoding
            _utf8_decode = function (utftext) {
                var string = "";
                var i = 0;
                var c = c1 = c2 = 0;
                while ( i < utftext.length ) {
                    c = utftext.charCodeAt(i);
                    if (c < 128) {
                        string += String.fromCharCode(c);
                        i++;
                    } else if((c > 191) && (c < 224)) {
                        c2 = utftext.charCodeAt(i+1);
                        string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                        i += 2;
                    } else {
                        c2 = utftext.charCodeAt(i+1);
                        c3 = utftext.charCodeAt(i+2);
                        string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                        i += 3;
                    }
                }
                return string;
            }
        }
    </script>
@endsection