neiyou_user_web/resources/views/user/invite.blade.php

@extends('user.layouts')
@section('css')
	<link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" type="text/css" rel="stylesheet">
@endsection
@section('content')
	<div class="page-header">
		<h1 class="page-title cyan-600"><i class="icon wb-extension"></i>{{trans('home.invite_code')}}</h1>
		<div class="page-content container-fluid">
			<div class="alert alert-info" role="alert">
				<button class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				{!! trans('home.promote_invite_code', ['traffic' => $referral_traffic, 'referral_percent' => $referral_percent * 100]) !!}
			</div>
			<div class="row">
				<div class="col-xxl-3 col-lg-4">
					<div class="card">
						<div class="card-block">
							<h4 class="card-title cyan-600"><i class="icon wb-plus"></i> {{trans('home.invite_code_make')}}
							</h4>
							<p class="card-text alert alert-info">
								<i class="icon wb-warning red-700"></i> {{trans('home.invite_code_tips1')}} <strong> {{$num}} </strong> {{trans('home.invite_code_tips2', ['days' => \App\Components\Helpers::systemConfig()['user_invite_days']])}}
							</p>
							<button type="button" class="btn btn-primary btn-animate btn-animate-side" onclick="makeInvite()" @if(!$num) disabled @endif><i class="icon wb-plus"></i> {{trans('home.invite_code_button')}}
							</button>
						</div>
					</div>
				</div>
				<div class="col-xxl-9 col-lg-8">
					<div class="card">
						<div class="card-block">
							<h4 class="card-title cyan-600"><i class="icon wb-extension"></i>{{trans('home.invite_code_my_codes')}}
							</h4>
							<table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
								<thead class="thead-default">
								<tr>
									<th data-cell-style="cellStyle"> #</th>
									<th> {{trans('home.invite_code_table_name')}} </th>
									<th> {{trans('home.invite_code_table_date')}} </th>
									<th> {{trans('home.invite_code_table_status')}} </th>
									<th> {{trans('home.invite_code_table_user')}} </th>
								</tr>
								</thead>
								<tbody>
								@if($inviteList->isEmpty())
									<tr>
										<td colspan="5">{{trans('home.invite_code_table_none_codes')}}</td>
									</tr>
								@else
									@foreach($inviteList as $invite)
										<tr>
											<td> {{$loop->iteration}} </td>
											<td>
												<a href="javascript:void(0)" class="mt-clipboard" data-clipboard-action="copy" data-clipboard-text="{{url('/register?aff='.Auth::user()->id.'&code='.$invite->code)}}">{{$invite->code}}</a>
											</td>
											<td> {{$invite->dateline}} </td>
											<td>
												{!!$invite->status_label!!}
											</td>
											{{$invite->status == 1 ? (empty($invite->user) ? '【账号已删除】' : $invite->user->email) : ''}}
										</tr>
									@endforeach
								@endif
								</tbody>
							</table>
						</div>
						<div class="card-footer card-footer-transparent">
							<div class="row">
								<div class="col-md-4">
									{{trans('home.invite_code_summary', ['total' => $inviteList->total()])}}
								</div>
								<div class="col-md-8">
									<nav class="Page navigation float-right">
										{{$inviteList->links()}}
									</nav>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection
@section('script')
	<script src="/assets/custom/Plugin/clipboardjs/clipboard.min.js" type="text/javascript"></script>
	<script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
	<script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js" type="text/javascript"></script>
	<script type="text/javascript">
        // 生成邀请码
        function makeInvite() {
            $.ajax({
                type: "POST",
                url: "/makeInvite",
                async: false,
                data: {_token: '{{csrf_token()}}'},
                dataType: 'json',
                success: function (ret) {
                    swal.fire({title: ret.message, type: 'success', timer: 1000})
                        .then(() => {
                            if (ret.status === 'success') {
                                window.location.reload();
                            }
                        });
                }
            });
            return false;
        }

        const clipboard = new ClipboardJS('.mt-clipboard');
        clipboard.on('success', function () {
            swal.fire({
                title: '复制成功',
                type: 'success',
                timer: 1300,
                showConfirmButton: false
            });
        });
        clipboard.on('error', function () {
            swal.fire({
                title: '复制失败，请手动复制',
                type: 'error',
                timer: 1500,
                showConfirmButton: false
            });
        });
	</script>
@endsection