@extends('jkq.module.layouts.main_index')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_user.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_ajax_dialog.css') }}" rel="stylesheet">
@endpush

@section('content')
    <div class="user_main">
        @include('jkq.module.section.person_left')
        <div class="mainbox">
            <!--切换卡 -->
            <div class="tab">
                <a class="li J_hoverbut" href="{{ url('jkq/person/service') }}">我的积分</a>
                <a class="li J_hoverbut" href="{{ url('jkq/person/service/task') }}">我的任务</a>
                <a class="li select">增值服务</a>
                <a class="li J_hoverbut" href="{{ url('jkq/person/service/order_list') }}">服务订单</a>
                <div class="clear"></div>
            </div>
            <!--切换卡结束 -->
            <div class="order_add">
                <form target="_blank" id="cash_pay_form" method="post" action="">
                    <div class="lefttit">服务名称：</div>
                    <div class="rights">
                        <div class="sname font_blue">简历置顶</div>
                    </div>
                    <div class="lefttit">选择简历：</div>
                    <div class="rights">
                        <div class="input_245_34_div selectinput J_hoverinput J_dropdown J_listitme_parent">
                            <span class="J_listitme_text">选择简历</span>
                            <div class="dropdowbox12 J_dropdown_menu">
                                <div class="dropdow_inner12">
                                    <ul class="nav_box">
                                        @if($resume)
                                            @foreach($resume as $key =>$val)
                                                <li><a class="J_listitme" href="javascript:;" data-code="{{ $val->id }}" buy="{{ $val->stime-time() }}" displ="{{ $val->display }}">{{ $val->title }}</a></li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                            <input class="J_listitme_code" name="resume_id" id="resume_id" type="hidden" value="">
                            <input name="buy" id="buy" type="hidden" value="0">
                            <input name="displ" id="displ" type="hidden" value="0">

                        </div>
                    </div>
                    <div class="lefttit">选择时长：</div>
                    <div class="rights">
                        @if(!$info->isEmpty())
                            @foreach($info as $key => $val)
                                <div class="duration J_hoverbut @if($key==0) select @endif" days="{{ $val->days }}" points="{{ $val->points }}">
                                    <div class="dl">{{ $val->days }} 天</div>
                                    <div class="dr">{{ $val->points }}积分</div>
                                    <div class="clear"></div>
                                </div>
                            @endforeach
                        @endif
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                    <input type="hidden" id="points" name="points" value="{{ $info[0]->points or 0 }}">
                    <input type="hidden" id="mypoints" value="{{ $points->points or 0 }}">
                    <div class="lefttit">支付方式：</div>
                    <div class="rights">
                        <div class="pay_select">
                            <!--小标题切换卡 -->
                            <div class="thtab">
                                <div class="li J_hoverbut points_tab select">积分兑换</div>
                                @if(config('aix.system.pay.alipay.is_on') || config('aix.system.pay.wechat.is_on'))
                                    <div class="li J_hoverbut cash_tab">在线支付</div>
                                @endif
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>

                    <!--积分支付 -->
                    <div class="tabshow" id="points_wrap" style="display:block">
                        <div class="enough">
                            <div class="lefttit">所需积分：</div>
                            <div class="rights">
                                <div class="count link_blue">
                                    <strong class="need_points"></strong>积分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前拥有 <span>{{ $points->points or 0 }}</span> 积分，<a href="{{ url('jkq/person/service/task') }}">做任务</a> 还可以获得更多积分哦！
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div class="lefttit">&nbsp;</div>
                            <div class="rights">
                                <input name="" type="button" id="points_pay_submit" class="btn_yellow J_hoverbut btn_100_38" value="立即兑换">
                            </div>
                        </div>
                        <div class="notenough" style="display:none">
                            <div class="lefttit">所需积分：</div>
                            <div class="rights">
                                <div class="count link_blue">
                                    <strong class="need_points"></strong>积分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前拥有 <span>{{ $points->points or 0 }}</span> 积分，不足以兑换此项服务，建议您 <a href="{{ url('jkq/person/service/task') }}">做任务</a> 获得更多积分！
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div class="lefttit">&nbsp;</div>
                            <div class="rights">
                                <input name="" type="button" class="btn_yellow J_hoverbut btn_100_38 btn_disabled" value="立即兑换">
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="tabshow" id="cash_wrap" style="display: none;">
                        <div class="lefttit">&nbsp;</div>
                        <div class="rights">
                            @if(!$payment->isEmpty())
                                @foreach($payment as $key => $val)
                                    @if($val->alias!='offline')
                                        <div typename="{{ $val->alias }}" class="pays J_hoverbut"><img src="{{ theme_asset('app/images/pay_'.$val->alias.'.png') }}" border="0"><div class="hook"></div>
                                        </div>
                                    @endif
                                @endforeach
                            @endif
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                        <div class="lefttit">订单价格：</div>
                        <div class="rights">
                            <div class="price"><strong id="need_cash"></strong>元</div>
                            <div>
                                <label><input id="J_integralforcash" type="checkbox" checked="checked"> 使用积分抵现</label><span class="small">（当前拥有<span class="orange">{{ $points->points or 0 }}</span>积分）</span><input name="" type="text" class="input_110_34" id="J_integralforcash_input" onkeyup="if(event.keyCode !=37 &amp;&amp; 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">0</span></span> 元
                            </div>
                        </div>
                        <div class="lefttit">应付金额：</div>
                        <div class="rights">
                            <div class="price"><strong id="pay_cash"></strong>元</div>
                        </div>

                        <input type="hidden" id="amountNum" name="amountNum" value="">
                        <input type="hidden" id="amount" name="amount" value="">
                        <input type="hidden" name="payment_name" id="payment_name" value="">
                        <input type="hidden" name="days" id="days" value="{{ $info[0]->days or 1 }}">
                        <input type="hidden" name="pay_type" value="cash">
                        <input type="hidden" name="type" value="stick">
                        <input type="hidden" name="is_deductible" id="is_deductible" value="1"><!-- 是否选中使用积分抵现 -->
                        <input type="hidden" name="deductible" id="deductible" value=""><!-- 抵现积分 -->
                        <div class="lefttit">&nbsp;</div>
                        <div class="rights">
                            <input name="" type="button" id="cash_pay_submit" class="btn_yellow J_hoverbut btn_100_38" value="立即支付">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script src="{{ theme_asset('app/js/person/jquery.common.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var klp = "{{ config('aix.system.site_other.site_other.points_match') }}";
            var tip ='<div class="modify_user_dialog"><div class="tip">该简历已设置置顶标签,重复购买将覆盖之前所购标签!</div></div>';
            $(".J_listitme").click(function(){
                $("#buy").val($(this).attr('buy'));
                $("#displ").val($(this).attr('displ'));
            });
            function select_pay_type(no_change_tab){
                var mypoints = parseInt($("#mypoints").val());
                var current_points = parseInt($("#points").val());
                if(mypoints<current_points){
                    if(no_change_tab==0){
                        @if(config('aix.system.pay.alipay.is_on') || config('aix.system.pay.wechat.is_on'))
                         $(".pay_select .li").removeClass('select');
                            $(".cash_tab").addClass('select');
                          $("#points_wrap").hide();
                          $("#cash_wrap").show();
                        @endif
                    }
                    $('#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();
                        $("#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 = current_points/parseInt(klp);
                $("#need_cash").html(need_cash.toFixed(2));
                $("#amount").val(need_cash.toFixed(2));
                $("#amountNum").val(need_cash);
                $('#J_integralforcashvalue').text(($('#J_integralforcash_input').val()/parseInt(klp)).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));
                }
            }
            select_pay_type(0);
            $(".duration").click(function(){
                $(this).siblings().removeClass('select');
                $(this).addClass('select');
                $("#days").val($(this).attr('days'));
                $("#points").val($(this).attr('points'));
                select_pay_type(1);
            });
            $('#J_integralforcash_input').keyup(function() {
                var mypoints = parseInt($("#mypoints").val());
                var current_points = parseInt($("#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(klp)).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');
                }
            });

            $("#points_pay_submit").click(function(){
                if(parseInt($("#buy").val())>0){
                    var qsDialog = $(this).dialog({
                        title: '提醒',
                        content:tip,
                        yes:function () {
                            ajax_pay('stick','points');
                        }
                    });
                }else{
                    ajax_pay('stick','points');
                }
            });
            $(".pays").click(function(){
                $(this).siblings().removeClass('select');
                $(this).addClass('select');
                $("#payment_name").val($(this).attr("typename"));
            });
            $("#cash_pay_submit").click(function(){
                if(!$("#resume_id").val()){
                    disapperTooltip("remind","请选择简历！");
                    return false;
                }
                if(!$("#payment_name").val()){
                    disapperTooltip("remind","请选择支付方式！");
                    return false;
                }

                if($("#displ").val()==0){
                    disapperTooltip("remind","简历已关闭，无法置顶！");
                    return false;
                }

                if(parseFloat($("#amount").val())==0.00){
                    if(parseInt($("#buy").val())>0){
                        var qsDialog = $(this).dialog({
                            title: '提醒',
                            content:tip,
                            yes:function () {
                                ajax_pay('stick','points');
                            }
                        });
                    }else{
                        ajax_pay('stick','points');
                    }
                }else{
                    if(parseInt($("#buy").val())>0){
                        var qsDialog = $(this).dialog({
                            title: '提醒',
                            content:tip,
                            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')},
                                        url: "{{ url('jkq/person/service/pay') }}",
                                        type: 'POST',
                                        dataType: 'json',
                                        data: $('#cash_pay_form').serialize(),
                                        success: function (result) {
                                            qsDialog.setContent(result.tradeCode);
                                            setInterval(function () {
                                                $.ajax({
                                                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                                    url: "{{ url('jkq/person/service/weixin/payStatus') }}",
                                                    type: 'POST',
                                                    dataType: 'json',
                                                    data: {
                                                        tradeNo:result.tradeNo.number,
                                                    },
                                                    success: function (result) {
                                                        if(result.code==1){
                                                            window.location.href="{{ url('jkq/person/service/order_list') }}";
                                                        }
                                                    }
                                                })
                                            },5000)
                                        }
                                    })
                                }else if($("#payment_name").val()=='alipay'){
                                    var parm = $('#cash_pay_form').serialize();
                                    window.location.href= "{{ url('jkq/person/service/pay') }}/?"+parm;
                                }else{
                                    alert('正在开发中！');
                                }
                            }
                        });
                    }else{
                        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')},
                                url: "{{ url('jkq/person/service/pay') }}",
                                type: 'POST',
                                dataType: 'json',
                                data: $('#cash_pay_form').serialize(),
                                success: function (result) {
                                    qsDialog.setContent(result.tradeCode);
                                    setInterval(function () {
                                        $.ajax({
                                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                                            url: "{{ url('jkq/person/service/weixin/payStatus') }}",
                                            type: 'POST',
                                            dataType: 'json',
                                            data: {
                                                tradeNo:result.tradeNo.number,
                                            },
                                            success: function (result) {
                                                if(result.code==1){
                                                    window.location.href="{{ url('jkq/person/service/order_list') }}";
                                                }
                                            }
                                        })
                                    },5000)
                                }
                            })
                        }else if($("#payment_name").val()=='alipay'){
                            var parm = $('#cash_pay_form').serialize();
                            window.location.href= "{{ url('jkq/person/service/pay') }}/?"+parm;
                        }else{
                            alert('正在开发中！');
                        }
                    }
                }
            });

        });

        function run(){
            $.getJSON("{:U('check_weixinpay_notify')}",function(result){
                if(result.status==1){
                    location.href=result.data;
                }
            });
        }
        function ajax_pay(type,pay_type){
            var days = $("#days").val();
            var resume_id = $("#resume_id").val();
            var payment_name = "points";
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ url('jkq/person/resume/increment_stick_save') }}",
                type: 'POST',
                dataType: 'json',
                data: {
                    resume_id:resume_id,
                    days:days,
                    payment_name:payment_name
                },
                success: function (result) {
                    disapperTooltip('success',result.data);
                    setTimeout(function () {
                        window.location.reload();
                    }, 2000);
                },
                error: function (errorData) {
                    if(errorData.status==400) {//业务错误
                        disapperTooltip("remind", errorData.responseJSON.message);
                    }
                }
            })
        }
    </script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
@endsection