@extends('module.layouts.person')

@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('module.section.person_left')
		<div class="mainbox">
			<!--切换卡 -->
			<div class="tab">
				<a class="li J_hoverbut" href="{{ url('person/service') }}">我的积分</a>
				<a class="li J_hoverbut" href="{{ url('person/service/task') }}">我的任务</a>
				<a class="li select">增值服务</a>
				<a class="li J_hoverbut" href="{{ url('person/service/order_list') }}">服务订单</a>
				<div class="clear"></div>
			</div>
			<!--切换卡结束 -->
			<form target="_blank" id="cash_pay_form" method="post" action="{{ route('person.resume.tpl.pay') }}">
				{{ csrf_field() }}
				<div class="order_add">
						<div class="lefttit">服务名称：</div>
						<div class="rights">
							<div class="sname font_blue">简历模板</div>
						</div>
						<div class="lefttit">选择模板：</div>
						<div class="rights">
							@if(!$info->isEmpty())
								@foreach($info as $key=>$val)
									<div class="tpl J_hoverbut @if($key==0) select @endif tpl_tab" tplid="{{ $val->id or 0 }}" points="{{ $val->price or 0 }}">
										<div class="hook"></div>
										<div class="name">{{ $val->name or '' }}</div>
										<div class="thumbnail"><img src="{{ upload_asset($val->images) }}" width="200px;" height="120px;"/></div>
										<div class="preview">
                                            @if($resume)
											<div class="lp link_blue"><a target="_blank" href="{{route('resumes.show',['id'=>$resume[0]->id, 'tpl'=>$val->blade_name])}}">预览模板</a></div>
											@endif
                                            <div class="rp">{{ $val->price or 0 }} 积分</div>
											<div class="clear"></div>
										</div>
									</div>
								@endforeach
							@endif
							<div class="clear"></div>
						</div>
							<div class="clear"></div>
							<input type="hidden" id="tplid" name="tplid" value="{{ $info[0]->id or 0 }}">
							<input type="hidden" id="points" name="points" value="{{ $info[0]->price 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 select points_tab" >积分兑换</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('person/service/task') }}" target="_blank">做任务</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('person/service/task') }}" target="_blank">做任务</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">
								<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>
								<input type="hidden" id="amount" name="amount" value="">
								<input type="hidden" name="payment_name" id="payment_name" value="">
								<input type="hidden" name="pay_type" value="cash">
								<input type="hidden" name="type" value="tpl">
								<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>
				</div>
			</form>
		</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') }}";
            $(".tpl_tab").click(function(){
                $(this).siblings().removeClass('select');
                $(this).addClass('select');
                $("#tplid").val($(this).attr("tplid"));
                $("#points").val($(this).attr("points"));
                select_pay_type(1);
            });
            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));
                $('#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(){
                ajax_pay('tpl','points');
            });
            $(".pays").click(function(){
                $(this).siblings().removeClass('select');
                $(this).addClass('select');
                $("#payment_name").val($(this).attr("typename"));
            });
            $("#cash_pay_submit").click(function(){
                if(!$("#payment_name").val()){
                    disapperTooltip("remind","请选择支付方式！");
                    return false;
                }
                if(parseFloat($("#amount").val())==0.00){
                    ajax_pay('tpl','points');
                }else{
                    if($("#payment_name").val()=='wechat'){
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            cache: true,
                            type: "POST",
                            url: "{{ route('person.resume.tpl.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: "{{ url('person/service/weixin/payStatus') }}",
                                        type: 'POST',
                                        dataType: 'json',
                                        data: {
                                            tradeNo:result.tradeNo.number,
                                        },
                                        success: function (result) {
                                            if(result.status==1){
                                                window.location.href="{{ url('person/service/order_list') }}";
                                            }
                                        }
                                    })
                                },5000)
                            }, error: function (errorData) {
                                if(errorData.status==400) {//业务错误
                                    disapperTooltip("remind", errorData.responseJSON.message);
                                }
                            }
                        });
                    }else{
                        $("#cash_pay_form").submit();
                    }
                }
            });

        });

        function run(){
            $.getJSON("{:U('check_weixinpay_notify')}",function(result){
                if(result.status==1){
                    location.href=result.data;
                }
            });
        }
        function ajax_pay(type,pay_type){
            var tplid = $("#tplid").val();
            var payment_name = "points";
            $.ajax({
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                url: "{{ route('person.resume.tpl.points') }}",
                type: 'POST',
                dataType: 'json',
                data: {
                    type:type,
                    pay_type:pay_type,
                    payment_name:payment_name,
                    tplid:tplid
                },
                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