@extends('layouts.user')

@section('after-styles')
<style>
	.btn-default.active {
		color: #fff !important;
	    background-color: #51af33 !important;
	    border-color: #51af33 !important;
	}
	.set-payment {
		    box-shadow: 0px 1px 2px 1px #e1e1e1;
    	padding-bottom: 20px;
	}
	.heading-underline {
		width: 11% !important;
	    display: block;
	    border: 1px solid #51af33;
	}
</style>
@endsection

@section('content')

<div class="content-wrap gray-bg">

	<div class="dashboard row m-0 p-30">
		
		<div class="container">

			@include('notification.notify')
   
            <div class="jobs white-bg m-30 p-f-30">
				
				<div class="tab-content job-content">
					
					<div class="row">
					
					  	<h3>{{tr('referrals')}}

			                <a onclick="window.history.back();" class="btn btn-info pull-right">
			                	{{tr('back')}}
			                </a>

		                </h3>
		                <hr>
		            			
						<div class="row white-bg col-md-12" style="margin-bottom: 20px">

							    <div class="col-xs-3">
							       
						            <p class="text-success"> 
						            	{{tr('referral_code')}}
						            	
						            </p>
						            <p class="product-description">
						                <b>{{$user_referrer_details->referral_code}}</b>
						            </p>
							    </div>

							    <div class="col-xs-3">
							       
						            <p class="text-success"> 
						            	{{tr('username')}}
						            	
						            </p>
						            <p class="product-description">
						                <b>{{$user_details->name}}</b>
						            </p>
							    </div>

							    <div class="col-xs-3">
							       
						            <p class="text-success"> 
						            	{{tr('total_referrals')}}
						            	
						            </p>
						            <p class="product-description">
						                <b>{{$user_referrer_details->total_referrals}}</b>
						            </p>
							    </div>

							    <div class="col-xs-3">
							       
						            <p class="text-success"> 
						            	{{tr('total_referrals_earnings')}}
						            	
						            </p>
						            <p class="product-description">
						                <b>{{$user_referrer_details->total_referrals_earnings}}</b>
						            </p>
							    </div>

						</div>

					</div>

				</div>

			</div>

		</div>
	
	</div>

</div>



@endsection