@extends('mobile.module.layouts.content')

@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" href="{{theme_asset('mobile/css/company.css')}}">
@endpush

@push('js')
    <script type="text/javascript" src="{{ theme_asset('gt/gt.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('gt/gt.handle.js') }}"></script>
@endpush
@section('content')
    <div class="split-block"></div>
    <div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">意见类型</div>
        <div class="describe font13">
            <span class="for-select">请选择</span>
            <select id="infotype" name="infotype">
                <option value="1">建议</option>
                <option value="2">意见</option>
                <option value="3">求助</option>
                <option value="4">投诉</option>
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt last notarrow">
        <div class="pic"></div>
        <div class="tit font14">联系方式</div>
        <div class="describe">
            <input name="tel" type="text" placeholder="请输入您的联系方式" class="font13" value="{{ $user->mobile }}">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>
    <div class="split-block"></div>
    <div class="textarea-txt">
        <textarea id="suggest_feedback" name="feedback" placeholder="请详细描述您遇到的问题，有助于我们快速定位并解决问题。" class="font13"></textarea>
    </div>

    <div class="bottom_txt">
        <div class="llt">最多可输入200字</div>
        <div class="rlt clear-content">清空</div>
    </div>
    <div id="pop" style="display:none"></div>
    <div class="btn-spacing">
        <input type="hidden" id="J_suggest_verify" value="{{ $varify_suggest }}" />
        <a id="J_suggest_submit" href="javascript:;" class="qs-btn qs-btn-blue font18">提 交</a>
    </div>
@endsection
@section('script')
    <script>
        //清空内容
        $('.clear-content').on('click',function(){
            $('#suggest_feedback').val('');
        });
        // 提交验证
        $('#J_suggest_submit').on('click', function(event) {
            // var typeValue = $.trim($('input[name="infotype"]').val());
            var typeValue = 1;
            var telValue = $.trim($('input[name="tel"]').val());
            var feedbackValue = $.trim($('#suggest_feedback').val());
            if (typeValue == "") {
                qsToast({type:2,context: '请选择意见类型'});
                return false;
            }
            if (telValue == "") {
                qsToast({type:2,context: '请填写联系方式'});
                return false;
            }
            if (telValue != "" && telValue.length > 30) {
                qsToast({type:2,context: '联系方式不能超出30个字'});
                return false;
            }
            if (feedbackValue == "") {
                qsToast({type:2,context: '请填写反馈内容'});
                return false;
            }
            if (feedbackValue != "" && feedbackValue.length > 200) {
                qsToast({type:2,context: '反馈内容不能超出200个字'});
            }
            if (!eval($('#J_suggest_verify').val())) {
                $('#J_suggest_submit').val('提 交 中...').addClass('btn_disabled').prop('disabled', !0);
                doSuggestFun();
            }
        });
        // 配置极验
        var gt_call_back=function(captchaObj) {
            captchaObj.onReady(function () {
                //极验加载完成
            });
            captchaObj.onSuccess(function () {
                $('#J_suggest_submit').val('提 交 中...').addClass('btn_disabled').prop('disabled', !0);
                doSuggestFun();

            });
            captchaObj.onError(function () {
                show_error(login_type,"请先进行验证");
            });
            captchaObj.onClose(function () {
                show_error(login_type,"请先进行验证");
            });
            $('#J_suggest_submit').on('click', function () {
                is_need_geetest = "{{$varify_suggest}}";
                if (is_need_geetest==1){
                    captchaObj.bindForm("#form_suggest");

                    // var typeValue = $.trim($('input[name="infotype"]').val());
                    var typeValue = 1;
                    var telValue = $.trim($('input[name="tel"]').val());
                    var feedbackValue = $.trim($('#suggest_feedback').val());
                    if (typeValue == "") {
                        qsToast({type:2,context: '请选择意见类型'});
                        return false;
                    }
                    if (telValue == "") {
                        qsToast({type:2,context: '请填写联系方式'});
                        return false;
                    }
                    if (telValue != "" && telValue.length > 30) {
                        qsToast({type:2,context: '联系方式不能超出30个字'});
                        return false;
                    }
                    if (feedbackValue == "") {
                        qsToast({type:2,context: '请填写反馈内容'});
                        return false;
                    }
                    if (feedbackValue != "" && feedbackValue.length > 200) {
                        qsToast({type:2,context: '反馈内容不能超出200个字'});
                        return false;
                    }
                    if (eval($('#J_suggest_verify').val())) {
                        captchaObj.verify();
                    }

                }
                else{
                    $('#J_suggest_submit').val('提 交 中...').addClass('btn_disabled').prop('disabled', !0);
                    doSuggestFun();
                }

            });
        };

        if (eval($('#J_suggest_verify').val())) {
            gt_init(gt_call_back);//初始化极验
        }


        // 提交
        function doSuggestFun() {
            // var typeValue = $.trim($('input[name="infotype"]').val());
            var typeValue = 1;
            var telValue = $.trim($('input[name="tel"]').val());
            var feedbackValue = $.trim($('#suggest_feedback').val());
            // 提交表单

            $.ajax({
                url:"{{route($sub_site.'mobile.firm.com.feedback.save')}}",
                type:'post',
                data:{infotype: typeValue, tel: telValue, feedback: feedbackValue, '_token': '{{ csrf_token() }}'},
                success:function (data) {
                    qsToast({type:1,context:  data.msg});
                    $('#sugget_tel_div,#sugget_infotype_div,#sugget_feedback_div').text('').addClass('display_none');
                    if (parseInt(data.status)) {
                        setTimeout(function () {
                            window.location.reload();
                        }, 2000);
                    } else {
                        $('#J_suggest_submit').val('提 交').removeClass('btn_disabled').prop('disabled', 0);
                        qsToast({type:2,context:  data.msg});
                    }
                },
                error:function (result) {
                    if(result.status == 422){ //显示验证错误信息
                        var errors = result.responseJSON.errors;
                        $.each(errors,function(key,val){
                            qsToast({type:2,context:  val.message});
                        });
                    }else{
                        qsToast({type:2,context:  "提交失败，请稍后重试"});
                    }
                    $('#J_suggest_submit').val('提 交').removeClass('btn_disabled').prop('disabled', 0);
                }

            });
            // $.post(, , function (data) {
            //     qsToast({type:1,context:  data.msg});
            //     $('#sugget_tel_div,#sugget_infotype_div,#sugget_feedback_div').text('').addClass('display_none');
            //     if (parseInt(data.status)) {
            //         setTimeout(function () {
            //             window.location.reload();
            //         }, 2000);
            //     } else {
            //         $('#J_suggest_submit').val('提 交').removeClass('btn_disabled').prop('disabled', 0);
            //         qsToast({type:2,context:  data.msg});
            //     }
            // }).fail(function(result) {
            //     if(result.status == 422){ //显示验证错误信息
            //         var errors = result.responseJSON.errors;
            //         $.each(errors,function(key,val){
            //             qsToast({type:2,context:  val.message});
            //         });
            //     }else{
            //         qsToast({type:2,context:  "提交失败，请稍后重试"});
            //     }
            //     $('#J_suggest_submit').val('提 交').removeClass('btn_disabled').prop('disabled', 0);
            // });
        }
    </script>
@endsection