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

@endpush

@push('css')
    <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('app/js/company/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.increment.pay') }}">
                {{ 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="user_tip">
                            <div class="tiptit">小提示</div>
                            <div class="tiptxt link_blue">
                                一次购买，终生使用.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="order_info_group">
                    <div class="info_float_line1">
                        <div class="left_line">服务名称：</div>
                        <div class="right_line"><span class="service_title">{{ $catData[$cat] }}</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">
                            @foreach($cate_arr['cate_arr'] as $key=>$vo)
                                <div class="tpl J_hoverbut @if($key == 0) select @endif tpl_tab" tplid="{{ $vo->id }}" points="{{ $vo->price }}" project_id="{{ $vo->id }}"  my_price="{{ $vo->my_price }}" need_points="{{ $vo->need_points }}">
                                    <div class="hook"></div>
                                    <div class="name">{{ $vo->name }}</div>
                                    <div class="thumbnail"><img src="{{ upload_asset($vo->images) }}" width="160" height="96.7"/></div>
                                    <div class="preview">
                                        <div class="lp link_blue"><a target="_blank" href="{{route('jobs.company',['id'=>auth('web-company')->user()->id, 'preview'=>'1', 'tpl'=>$vo->blade_name])}}">预览模板</a></div>
                                        <div class="rp">{{ $vo->price }} 积分</div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            @endforeach
                        </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()) select @endif">积分兑换</div>
                                    @endif
                                    @if(!$online->isEmpty())
                                        <div class="li J_hoverbut cash_tab select">线上支付</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()) 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->points }}</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->points }}</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($increment_rule[$cat] == 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->points }}</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">
                        <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>

                <!--支付方式名称-->
                <input type="hidden" name="payment_name" id="payment_name" value="">
                <!--支付方式-->
                <input type="hidden" name="pay_type" value="cash">
                <!--增值服务类型唯一标识-->
                <input type="hidden" name="service_type" value="{{ $cat }}">
                <!--服务id-->
                <input type="hidden" id="project_id" name="project_id" value="{{ $cate_arr['cate_arr'][0]->id }}">
                <!--需要支付的现金-->
                <input type="hidden" id="amount" name="amount" value="">
                <!--不抵扣的情况下需要支付的积分-->
                <input type="hidden" id="total_points" name="total_points" value="{{ $cate_arr['cate_arr'][0]->need_points }}">
                <!--我的积分数-->
                <input type="hidden" id="mypoints" value="{{ $mypoints->points }}">
                <!--是否抵扣-->
                <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 type="text/javascript">
        $(document).ready(function(){
            var setmeal_by_points = "{{ $increment_rule[$cat] }}";
            if(setmeal_by_points == 1){
                select_pay_type(0);
            } else {
                select_pay_cash();
            }
            $(".tpl_tab").click(function(){
                $(this).siblings().removeClass('select');
                $(this).addClass('select');
                $("#project_id").val($(this).attr("project_id"));
                $("#total_points").val($(this).attr("need_points"));
                select_pay_type(1);
            });
            //支付方式切换（积分还是现金）
            $('.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"));
            });
            // 套餐列表点击
            var $radiobj = $('.J_radioitme_order');
            $radiobj.on('click', function(event) {
                var $thisParent = $(this).closest('.J_radioitme_parent');
                $thisParent.find('.J_radioitme_order').removeClass("checked");
                $thisParent.find('.service_list_line').removeClass("selected");
                $(this).addClass("checked");
                $(this).closest('.service_list_line').addClass("selected");
                $("#project_id").val($(this).attr("project_id"));
                $("#total_points").val($(this).attr("need_points"));
                select_pay_type(1);
            });
            //积分支付提交
            $("#points_pay_submit").click(function(){
                ajax_pay('{{ $cat }}','points');
            });


            //线下支付
            $('#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){
                    ajax_pay('{{ $cat }}','points');
                }else{
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        cache: true,
                        type: "POST",
                        url: "{{ route('service.increment.pay') }}",
                        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;
                                    }
                                }, error: function (errorData) {
                            if(errorData.status==400) {//业务错误
                                disapperTooltip("remind", errorData.responseJSON.message);
                            }
                        }
                    });
                }
            });

            //现金支付提交
            $("#cash_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){
                    ajax_pay('{{ $cat }}','points');
                }else{
                    if($("#payment_name").val()=='wechat'){
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            cache: true,
                            type: "POST",
                            url: "{{ route('service.increment.pay') }}",
                            data: $('#cash_pay_form').serialize(),
                            async: false,
                            dataType: "json",
                            success: function (result) {
                                var qsDialog = $(this).dialog({
                                    title: '微信支付',
                                    loading: true,
                                    showFooter: false
                                });
                                qsDialog.setContent(result.tradeCode);
                                setInterval(function () {
                                    $.ajax({
                                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                        url: "{{ route('service.setmeal.check.order.status') }}",
                                        type: 'POST',
                                        dataType: 'json',
                                        data: {
                                            tradeNo:result.tradeNo.number,
                                        },
                                        success: function (result) {
                                            if(result.status==1){
                                                window.location.href="{{ route('service.order.index') }}";
                                            }
                                        }
                                    })
                                },5000)
                            }, error: function (errorData) {
                                if(errorData.status==400) {//业务错误
                                    disapperTooltip("remind", errorData.responseJSON.message);
                                }
                            }
                        });
                    }else{
                        $("#cash_pay_form").submit();
                    }
                }
            });
            $('#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 current_points = parseFloat($("#total_points").val());
                var need_cash = current_points/parseInt("{{ config('aix.companyset.points.points_set.payment_rate') }}");;
                $("#amount").val(need_cash.toFixed(2));
                $("#pay_cash").html(need_cash.toFixed(2));
                $("#offline_pay").html(need_cash.toFixed(2));
                if($("#mobile_amount").length>0){
                    if($('#mobile_amount_type').val()==0){
                        $("#mobile_amount").text((parseFloat($('#pay_cash').text())-$('#mobile_amount_val').val()).toFixed(2));
                    }else{
                        $("#mobile_amount").text(((parseFloat($('#pay_cash').text()))/100*$('#mobile_amount_val').val()).toFixed(2));
                    }
                    if(eval($("#mobile_amount").text())<0){
                        $("#mobile_amount").text(0.00);
                    }
                }
            }
            function select_pay_type(){
                var current_points = parseFloat($("#total_points").val());
                $(".need_points").html(current_points);
                var need_cash = current_points/parseInt("{{ config('aix.companyset.points.points_set.payment_rate') }}");
                $("#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));
                }
                if($("#mobile_amount").length>0){
                    var reckon = $('#need_cash').length>0?$('#need_cash').text():$('#pay_cash').text();
                    if($('#mobile_amount_type').val()==0){
                        $("#mobile_amount").text((parseFloat(reckon)-$('#mobile_amount_val').val()).toFixed(2));
                    }else{
                        $("#mobile_amount").text(((parseFloat(reckon))/100*$('#mobile_amount_val').val()).toFixed(2));
                    }
                    if(eval($("#mobile_amount").text())<0){
                        $("#mobile_amount").text(0.00);
                    }
                }
            }
            function ajax_pay(type,pay_type){
                var project_id = $("#project_id").val();
                var payment_name = "points";
                $.ajax({
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    url: "{{ route('service.increment.pay') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        pay_type:pay_type,
                        service_type:type,
                        project_id:project_id,
                        payment_name:payment_name
                    },
                    success: function (result) {
                        // disapperTooltip('success','兑换成功!');
                        setTimeout(function () {
                            location.href="{{url('company/service/setmeal/finish')}}/"+result.data;
                        }, 0);
                    },
                    error: function (errorData) {
                        if(errorData.status==400) {//业务错误
                            disapperTooltip("remind", errorData.responseJSON.message);
                        }
                    }
                })
            }
        });
    </script>
@endsection