@extends('module.layouts.company')
@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/aix.css') }}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/common.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_points.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
@endpush
@push('js')
    <script type="text/javascript" src="{{theme_asset('jquery/jquery.common.js')}}"></script>
@endpush
@section('content')
    <div class="user_main">
        <div class="mleft">
            @include('module.section.service_left')
        </div>
        <div class="mright">
            <form target="_blank" id="cash_pay_form" method="post" action="{{ route('service.setmeal.pay.save') }}"/>
            {{ csrf_field() }}
            <div class="user_pagetitle">
                <div class="pat_l">会员服务</div>
                <div class="clear"></div>
            </div>
            <div class="order_info_group first">
                <div class="info_float_line1">
                    <div class="left_line">服务名称：</div>
                    <div class="right_line"><span class="service_title">套餐升级</span></div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="order_info_group">
                <div class="info_float_line1">
                    <div class="left_line">已选套餐：</div>
                    <div class="right_line">
                        <div class="upgradetc_title for_img icon1 link_blue">
                            
                            @if(empty($setmeal->setmeal_img))
                            <img src="{{ attach($setmeal->id.'.png', 'setmeal_img') }}">

                            @else
                            <img src="/storage/{{ $setmeal->setmeal_img }}" width="19"  height="19">

                            @endif
                            
                            
                            {{ $setmeal->setmeal_name }}
                            <span class="font_yellow ft16">({{ $setmeal->long}})</span>&nbsp;&nbsp;&nbsp;<a href="{{ route('service.setmeal') }}">重新选择</a></div>
                        <div class="upgradetc_content">
                            <div class="arrow"></div>
                            <div class="content_line">
                                <div class="content_left">发布职位数：<span class="blue">{{ $setmeal->jobs_meanwhile}}</span></div>
                                <div class="content_right">下载简历数：<span class="blue">{{ $setmeal->download_resume}}</span></div>
                                <div class="clear"></div>
                            </div>
                            <div class="content_line">
                                <div class="content_left">短信条数：<span class="blue">{{ $setmeal->set_sms}}</span></div>
                                <div class="content_right">赠送积分：<span class="blue">{{ $setmeal->set_points}}</span></div>
                                <div class="clear"></div>
                            </div>
                            <div class="content_line">
                                <div class="content_left">招聘会场次：<span class="blue">{{ $setmeal->jobfair_num}}</span></div>
                                <div class="clear"></div>
                            </div>
                            <div class="content_line">{{ $setmeal->setmeal_name}}购买增值服务专享折扣 <span class="highlight">{{ $setmeal->discount }}  折</span></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="order_info_group">
                <div class="info_float_line1">
                    <div class="left_line">支付方式：</div>
                    <div class="right_line">
                        <div class="thtab pay_select">
                            @if(config('aix.companyset.setmeal_com.setmeal_com_set.setmeal_by_points') == 1)
                                <div class="li J_hoverbut points_tab @if($online->isEmpty() && $offline->isEmpty()) select @endif">积分兑换</div>
                            @endif
                            @if(!$online->isEmpty())
                                <div class="li J_hoverbut cash_tab select">线上支付</div>
                            @endif
                            @if(!$offline->isEmpty())
                                <div class="li J_hoverbut offline_tab @if($online->isEmpty()) select @endif">线下支付</div>
                            @endif
                            <div class="clear"></div>
                        </div>
                        <div class="rights J_forpaycash">
                            <!--默认是不做任何选择 没有select -->
                            {{--默认顺序是线上，线下，积分兑换--}}
                            @if(!$online->isEmpty())
                                @foreach($online as $key=> $vo)
                                    <div typename="{{ $vo->alias }}" class="pays J_hoverbut"><img src="{{ theme_asset("app/images/pay_$vo->alias.png") }}" border="0"/>
                                        <div class="hook"></div>
                                    </div>
                                @endforeach
                            @endif
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="order_info_group forpay" id="points_wrap"  style="display:@if($online->isEmpty() && $offline->isEmpty()) block @else none @endif">
                <div class="enough">
                    <div class="info_float_line1">
                        <div class="left_line">所需积分：</div>
                        <div class="right_line link_blue"><span class="service_title"><span class="orange need_points"></span></span> 积分&nbsp;&nbsp;&nbsp;&nbsp;当前拥有
                            <span class="orange">{{ $mypoints }}</span> 积分，<a href="{{ route('service.points') }}">做任务</a> 还可以获得更多积分哦！
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="order_info_group">
                        <div class="info_float_line1">
                            <div class="btn_yellow J_hoverbut btn_115_38" id="points_pay_submit">立即兑换</div>
                        </div>
                    </div>
                </div>
                <div class="notenough" style="display:none">
                    <div class="info_float_line1">
                        <div class="left_line">所需积分：</div>
                        <div class="right_line link_blue"><span class="service_title"><span class="orange need_points"></span></span> 积分&nbsp;&nbsp;&nbsp;&nbsp;当前拥有
                            <span class="orange">{{ $mypoints }}</span> 积分，不足以兑换次服务，建议您 <a href="{{ route('service.points') }}">做任务</a> 获得更多积分！
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="order_info_group">
                        <div class="info_float_line1">
                            <div class="btn_yellow J_hoverbut btn_115_38 btn_disabled">立即兑换</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="forpay" id="cash_wrap" @if($online->isEmpty())style="display:none"@endif>
                @if(config('aix.companyset.setmeal_com.setmeal_com_set.setmeal_by_points') == 1)
                    <div class="order_info_group">
                        <div class="info_float_line1">
                            <div class="left_line">订单价格：</div>
                            <div class="right_line link_blue">
                                <div><span class="service_title"><span class="orange" id="need_cash"></span></span> 元
                                </div>
                                <div>
                                    <label><input type="checkbox" id="J_integralforcash"/>
                                        使用积分抵现</label><span class="small">（当前拥有<span class="orange">{{ $mypoints }}</span>积分）</span><input name="" type="text" class="input_110_34" id="J_integralforcash_input" onkeyup="if(event.keyCode !=37 && event.keyCode != 39) value=value.replace(/\D/g,'');" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\D/g,''))" value=""><span class="small"> 积分</span>
                                    <span class="orange">&nbsp;&nbsp;-<span id="J_integralforcashvalue"></span></span>
                                    元
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                @endif
                <div class="order_info_group" @if($online->isEmpty())style="display:none"@endif>
                    <div class="info_float_line1">
                        <div class="left_line">应付金额：</div>
                        <div class="right_line link_blue">
                            <div><span class="service_title"><span class="orange" id="pay_cash"></span></span> 元
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="order_info_group">
                    <div class="info_float_line1">
                        <div class="btn_yellow J_hoverbut btn_115_38" id="cash_pay_submit">立即支付</div>
                    </div>
                </div>
            </div>
            <div class="forpay" id="offline_wrap" @if(!($online->isEmpty() && $offline->isNotEmpty()))style="display:none"@endif>
                <div class="order_info_group">
                    <div class="info_float_line1">
                        <div class="right_line" style="margin-left: 75px;">
                            <div class="rights">
                                @if($offline->isNotEmpty())
                                    @foreach($offline as $key =>$vo)
                                        <div typename="{{ $vo->alias }}" class="pays J_hoverbut"><img src="{{ theme_asset("app/images/pay_$vo->alias.png") }}"   border="0"/><div class="hook"></div></div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>

                </div>
                <div class="order_info_group">
                    <div class="info_float_line1">
                        <div class="left_line">应付金额：</div>
                        <div class="right_line link_blue">
                            <div><span class="service_title"><span class="orange" id="offline_pay"></span></span> 元</div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="order_info_group">
                    <div class="info_float_line1">
                        <div class="btn_yellow J_hoverbut btn_115_38" id="offline_pay_submit">提交订单</div>
                    </div>
                </div>
            </div>
            <!--支付方式名称-->
            <input type="hidden" name="payment_name" id="payment_name" value="">
            <!--支付方式-->
            <input type="hidden" name="pay_type" value="cash">
            <!--服务id-->
            <input type="hidden" id="project_id" name="project_id" value="{{ $setmeal->id }}">
            <!--需要支付的现金-->
            <input type="hidden" id="amount" name="amount" value="">
            <!--不抵扣的情况下需要支付的积分-->
            <input type="hidden" id="total_points" name="total_points" value="{{ $need_points }}">
            <!--我的积分数-->
            <input type="hidden" id="mypoints" value="{{ $mypoints }}">
            <!--是否抵扣-->
            <input type="hidden" name="is_deductible" id="is_deductible" value="0">
            <!-- 抵现积分数-->
            <input type="hidden" name="deductible" id="deductible" value="">
            </form>
        </div>
        <div class="clear"></div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
    <script>
        $(document).ready(function () {
            var setmeal_by_points = "{{config('aix.companyset.setmeal_com.setmeal_com_set.setmeal_by_points')}}";
            if (setmeal_by_points == 1) {
                select_pay_type(0);
            } else {
                select_pay_cash();
            }
            //支付方式切换（积分还是现金）
            $('.thtab .li').click(function (event) {
                $(this).addClass('select').siblings().removeClass('select');
                var positionValue = $('.thtab .li').index(this);
                $('.forpay').eq(positionValue).show().siblings('.forpay').hide();
                $('.J_forpaycash').hide();
                if($(".cash_tab").hasClass("select")){
                    $('.J_forpaycash').show();
                }
            });
            //选择payment
            $(".pays").click(function () {
                $(this).siblings().removeClass('select');
                $(this).addClass('select');
                $("#payment_name").val($(this).attr("typename"));
            });

            //积分支付提交
            $("#points_pay_submit").click(function () {
                var confirmDialog = $(this).dialog({
                    title: '温馨提示',
                    loading: true,
                    showFooter: false,
                    yes: function () {
                        ajax_pay('points');
                    }
                });
                $.getJSON("{{ route('service.setmeal.pay.setmeal') }}", function (result) {
                    confirmDialog.showFooter(true);
                    confirmDialog.setBtns(['开通套餐', '取消']);
                    confirmDialog.setContent(result.data.html);
                });
            });
            //线下支付
            $('#offline_pay_submit').click(function(){
                if(!$("#project_id").val()){
                    disapperTooltip("remind","请选择套餐！");
                    return false;
                }
                if(!$("#payment_name").val() && parseFloat($("#amount").val())>0){
                    disapperTooltip("remind","请选择支付方式！");
                    return false;
                }
                if(parseFloat($("#amount").val())==0.0){
                    var confirmDialog = $(this).dialog({
                        title: '温馨提示',
                        loading: true,
                        showFooter: false,
                        yes: function () {
                            ajax_pay('points');
                        }
                    });
                    $.getJSON("{{ route('service.increment.confirm') }}",function(result){
                        confirmDialog.showFooter(true);
                        confirmDialog.setBtns(['继续购买', '取消']);
                        confirmDialog.setContent(result.data.html);
                    });
                }else{
                    var confirmDialog = $(this).dialog({
                        title: '温馨提示',
                        loading: true,
                        showFooter: false,
                        yes:function(){
                            confirmDialog.hide();

                            $.ajax({
                                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                cache: true,
                                type: "POST",
                                url: "{{ route('service.setmeal.pay.save') }}",
                                data: $('#cash_pay_form').serialize(),
                                async: false,
                                dataType: "json",
                                success: function (result) {
                                    var qsDialog = $(this).dialog({
                                        title: '线下支付',
                                        loading: false,
                                        btns:["确定","关闭"],
                                        yes:function(){
                                            location.href=result.url
                                        }

                                    });
                                    if (result.status == 1) {
                                        qsDialog.setContent("您的订单ID：<b style='color:red'>【"+result.tradeNo+'】</b>，请通过{!! config('aix.system.pay.offline.service_tel') !!}联系网站客服！');
                                    } else {
                                        qsDialog.setContent('<div class="confirm">' + result.msg + '</div>');
                                        return false;
                                    }
                                }
                            });
                        }
                    });
                    $.getJSON("{{ route('service.setmeal.pay.setmeal') }}",function(result){
                        confirmDialog.showFooter(true);
                        confirmDialog.setBtns(['继续购买', '取消']);
                        confirmDialog.setContent(result.data.html);
                    });
                }


            });
            //线上支付提交
            $("#cash_pay_submit").click(function () {
                if (!$("#payment_name").val() && parseFloat($("#amount").val()) > 0) {
                    disapperTooltip("remind", "请选择支付方式！");
                    return false;
                }
                if (parseFloat($("#amount").val()) == 0.0) {
                    var confirmDialog = $(this).dialog({
                        title: '温馨提示',
                        loading: true,
                        showFooter: false,
                        yes: function () {
                            ajax_pay('points');
                        }
                    });
                    $.getJSON("{{ route('service.setmeal.pay.setmeal') }}", function (result) {
                        confirmDialog.showFooter(true);
                        confirmDialog.setBtns(['开通套餐', '取消']);
                        confirmDialog.setContent(result.data.html);
                    });
                } else {
                    var confirmDialog = $(this).dialog({
                        title: '温馨提示',
                        loading: true,
                        showFooter: false,
                        yes: function () {
                            if ($("#payment_name").val() == 'wechat') {
                                var qsDialog = $(this).dialog({
                                    title: '微信支付',
                                    loading: true,
                                    showFooter: false
                                });
                                $.ajax({
                                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                    cache: true,
                                    type: "POST",
                                    url: "{{ route('service.setmeal.pay.save') }}",
                                    data: $('#cash_pay_form').serialize(),
                                    async: false,
                                    dataType: "json",
                                    success: function (result) {
                                        if (result.status == 1) {
                                            qsDialog.setContent(result.tradeCode);
                                            setInterval(function () {
                                                $.ajax({
                                                    url: "{{ route('service.setmeal.check.order.status') }}",
                                                    type: 'post',
                                                    dataType: 'json',
                                                    data: {
                                                        tradeNo:result.tradeNo,
                                                        _token:"{{csrf_token()}}"
                                                    },
                                                    success: function (res) {
                                                        if(res.status==1){
                                                            window.location.href="{{ route('service.order.index') }}";
                                                        }
                                                    }
                                                })
                                            }, 5000);
                                        } else {
                                            qsDialog.setContent('<div class="confirm">' + result.msg + '</div>');
                                            return false;
                                        }
                                    }
                                });
                            } else {
                                var url = "{{route('service.setmeal.pay.setmeal.status')}}";
                                var qsDialog = $(this).dialog({
                                    title: '确认支付',
                                    loading: true,
                                    border: false,
                                    yes: function () {
                                        window.location.href = "{{ route('service.order.index') }}";
                                    },
                                    cancel: function () {
                                        window.location.href = "{{ route('service.order.index') }}";
                                    }
                                });
                                $.getJSON(url, function (result) {
                                    if (result.status == 1) {
                                        qsDialog.setContent(result.html);
                                        qsDialog.setBtns(['支付完成', '遇到问题']);
                                    } else {
                                        disapperTooltip('remind', result.msg);
                                    }
                                });
                                $("#cash_pay_form").submit();
                            }
                        }
                    });
                    $.getJSON("{{ route('service.setmeal.pay.setmeal') }}", function (result) {
                        confirmDialog.showFooter(true);
                        confirmDialog.setBtns(['开通套餐', '取消']);
                        confirmDialog.setContent(result.data.html);
                    });
                }
            });
            $('#J_integralforcash_input').keyup(function () {
                var mypoints = parseFloat($("#mypoints").val());
                var current_points = parseFloat($("#total_points").val());
                var minpointsValue = mypoints >= current_points ? current_points : mypoints;
                var thisvalue = $(this).val();
                if (thisvalue > minpointsValue) {
                    $('#J_integralforcash_input').val(minpointsValue);
                };
                $('#J_integralforcashvalue').text(($('#J_integralforcash_input').val() / parseInt("{{ config('aix.companyset.points.points_set.payment_rate') }}")).toFixed(2));
                $('#deductible').val($('#J_integralforcash_input').val());
                if ($('#J_integralforcash').is(':checked')) {
                    $("#pay_cash").text((parseFloat($('#need_cash').text()) - parseFloat($('#J_integralforcashvalue').text())).toFixed(2));
                    $('#amount').val((parseFloat($('#need_cash').text()) - parseFloat($('#J_integralforcashvalue').text())).toFixed(2));
                }
            });
            $('#J_integralforcash').click(function () {
                if ($('#J_integralforcash').is(':checked')) {
                    $("#pay_cash").text((parseFloat($('#need_cash').text()) - parseFloat($('#J_integralforcashvalue').text())).toFixed(2));
                    $('#amount').val((parseFloat($('#need_cash').text()) - parseFloat($('#J_integralforcashvalue').text())).toFixed(2));
                    $('#is_deductible').val('1');
                } else {
                    $("#pay_cash").html(parseFloat($('#need_cash').text()).toFixed(2));
                    $('#amount').val(parseFloat($('#need_cash').text()).toFixed(2));
                    $('#is_deductible').val('0');
                }
            });

            // 购买套餐不允许使用积分抵现
            function select_pay_cash() {
                $("#points_wrap").hide();
                $("#cash_wrap").show();
                $(".J_forpaycash").show();
                var need_cash = parseFloat("{{ $setmeal->expense }}");
                $("#amount").val(need_cash.toFixed(2));
                $("#pay_cash").html(need_cash.toFixed(2));
            }

            function select_pay_type(no_change_tab) {
                var mypoints = parseFloat($("#mypoints").val());
                var current_points = parseFloat($("#total_points").val());
                // if (mypoints < current_points) {
                //     // if (no_change_tab == 0) {
                //     //     $(".pay_select .li").removeClass('select');
                //     //     $(".cash_tab").addClass('select');
                //     //     $("#points_wrap").hide();
                //     //     $("#cash_wrap").show();
                //     //     $(".J_forpaycash").show();
                //     // }
                //     $('#J_integralforcash_input').val(mypoints);
                //     $('#deductible').val(mypoints);
                //     $(".enough").hide();
                //     $(".notenough").show();
                // } else {
                //     if (no_change_tab == 0) {
                //         $(".pay_select .li").removeClass('select');
                //         $(".points_tab").addClass('select');
                //         $("#cash_wrap").hide();
                //         $(".J_forpaycash").hide();
                //         $("#points_wrap").show();
                //     }
                //     $('#J_integralforcash_input').val(current_points);
                //     $('#deductible').val(current_points);
                //     $(".enough").show();
                //     $(".notenough").hide();
                // }
                $(".need_points").html(current_points);
                var need_cash = parseFloat("{{ $setmeal->expense }}");
                $("#need_cash").html(need_cash.toFixed(2));
                $("#amount").val(need_cash.toFixed(2));
                $("#offline_pay").html(need_cash.toFixed(2));
                $('#J_integralforcashvalue').text(($('#J_integralforcash_input').val() / parseInt("{{ config('aix.companyset.points.points_set.payment_rate') }}")).toFixed(2));
                if ($('#J_integralforcash').is(':checked')) {
                    $("#pay_cash").text((parseFloat($('#need_cash').text()) - parseFloat($('#J_integralforcashvalue').text())).toFixed(2));
                    $('#amount').val((parseFloat($('#need_cash').text()) - parseFloat($('#J_integralforcashvalue').text())).toFixed(2));
                } else {
                    $("#pay_cash").html(need_cash.toFixed(2));
                    $('#amount').val(need_cash.toFixed(2));
                }
            }

            function ajax_pay(pay_type) {
                var project_id = $("#project_id").val();
                var payment_name = "points";
                $.ajax({
                    method:'POST',
                    url:"{{ route('service.setmeal.pay.save') }}",
                    data:{
                        pay_type: pay_type,
                        project_id: project_id,
                        payment_name: payment_name,
                        _token:"{{ csrf_token() }}"
                    },
                    beforeSend:function(){
                        $('#points_pay_submit').addClass('btn_disabled');
                        $('#points_pay_submit').val('兑换中').prop('disabled',true);
                    },
                    success:function(result){
                        if (result.status == 1) {
                            $("#points_pay_submit").removeClass('btn_disabled')
                            disapperTooltip("success", "兑换成功！");
                            setTimeout(function () {
                                location.href = "{{url('company/service/setmeal/finish')}}/"+result.data;
                            }, 0);
                        } else {
                            disapperTooltip("remind", result.msg);
                            return false;
                        }
                    },
                    complete:function () {
                        $('#points_pay_submit').val('立即兑换').prop('disabled',false).removeClass('btn_disabled');
                    }
                });
            }
        });
    </script>
@endsection