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

@endpush

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

@push('js')

@endpush

@section('content')
    <form action="post" id="appealForm">
        <div class="split-block"></div>
        <div class="list-group">
            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">真实姓名</div>
                <div class="describe font12"><input type="text" name="realname" id="realname" placeholder="请输入真实姓名"></div>
                <div class="clear"></div>
            </div>

            <div class="list_height plist-txt notarrow">
                <div class="pic"></div>
                <div class="tit font14">手机号码</div>
                <div class="describe font12"><input type="text" name="mobile" id="mobile" placeholder="请输入正在使用的电话"></div>
                <div class="clear"></div>
            </div>

            <div class="list_height plist-txt notarrow last">
                <div class="pic"></div>
                <div class="tit font14">电子邮箱</div>
                <div class="describe font12"><input type="text" name="email" id="email" placeholder="请输入您的常用邮箱"></div>
                <div class="clear"></div>
            </div>
            {{ csrf_field() }}
        </div>

        <div class="split-block"></div>

        <div class="textarea-txt">
            <textarea id="description" name="description" placeholder="请输入其他辅助申诉内容，比如最近一次登录时间等。" rows="7"></textarea>
        </div>
    </form>

    <div id="appeal_wrap" class="btn-spacing mt4"><a id="submitBtn" href="javascript:;" class="qs-btn qs-btn-blue font18">提交申诉</a></div>

    <div class="qs-hidden appeal_ok">
        <div class="set-success-tip-box qs-center">
            <div class="set-success-tip font16">申诉提交成功！</div>
        </div>
        <div class="qs-center font13 txt-color-9 mt2">申诉资料审核成功后，客服人员将及时联系您</div>
        <div class="qs-center font13 txt-color-9 mt2">客户服务热线：{{config('aix.system.site.site.bootom_tel')}}</div>
        <div class="btn-spacing mt10"><a href="" class="qs-btn qs-btn-blue font18">立即登录</a></div>
    </div>

    <script type="text/javascript" src="{{theme_asset('app/js/regular.js')}}"></script>
@endsection

@section('script')
    <script>
        $('#submitBtn').on('click', function () {
            var realnameValue = $.trim($('input[name=realname]').val());
            var mobileValue = $.trim($('input[name=mobile]').val());
            var emailValue = $.trim($('input[name=email]').val());
            var descriptionValue = $.trim($('textarea[name=description]').val());
            if (realnameValue == '') {
                qsToast({type:2,context: '请输入您的真实姓名'});
                return false;
            }
            if (mobileValue == '') {
                qsToast({type:2,context: '请输入手机号码'});
                return false;
            }
            if (mobileValue != "" && !regularMobile.test(mobileValue)) {
                qsToast({type:2,context: '手机号码格式不正确'});
                return false;
            }
            if (emailValue == '') {
                qsToast({type:2,context: '请输入您的常用邮箱'});
                return false;
            }
            if(emailValue != "" && !regularEmail.test(emailValue)){
                qsToast({type:2,context: '邮箱格式错误'});
                return false;
            }
            if (descriptionValue == '') {
                qsToast({type:2,context: '请输入账号申诉描述'});
                return false;
            }
            var url = "{{route('mobile.appeal.add')}}";
            $.ajax({
                url: url,
                type: 'POST',
                dataType: 'json',
                data: $('#appealForm').serialize(),
                success: function (data) {
                    if(data.status==1){
                        $("#appealForm").remove();
                        $("#appeal_wrap").remove();
                        $(".appeal_ok").show();
                    }else{
                        qsToast({type:2,context: data.msg});
                        return false;
                    }
                }
            });
        })
    </script>
@endsection