@extends('layouts.dashlayoutwithlogin')
@section('content')

		<div class="jumbotron card card-image mb-4">
			<div class="container">
				<div class="row">
                    
					{!! optionByKey('product_content_top') !!}

				</div>
			</div>
		</div>
		
		
		<div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body text-center">
                           
						   {!! optionByKey('product_content_middle') !!}
                            
                            <div class="row justify-content-center text-center">
                                <div class="col-lg-12">
                                    <h2 class="pt-5 pb-5">{{ optionByKey('vip_benfits') }}</h2>
                                </div>
								
                             	@foreach($products as $product)
								@php $val = explode('x',$product->name);
                                 $price = number_format($coins_rate*$product->per_coin_rate,2,'.','');
                                 $excprice = number_format($coins_rate*$product->exc_coin_rate,2,'.','');
                                @endphp
								
                                <div class="col-md-3 pb-4 pt-4">									@if($product->days_name =='Night')
										<div class="prodcut-plannight">{{ $val[0] }}x<span>{{ $val[1] }}</span></div>
										<div class="text-muted night mt-0">{{ $product->days_name}}</div>									@else										<div class="prodcut-planday">{{ $val[0] }}x<span>{{ $val[1] }}</span></div>										<div class="text-muted day mt-0">{{ $product->days_name}}</div>									@endif
                                    <hr>
									{!! $product->description !!}
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group p-0">
                                           {{ optionByKey('from_btn') }} <strong>{{ $currency_symbol }} {{ $price }}</strong>
                                            {{ $product->per_coin_rate }} {{ optionByKey('coins_name') }}
                                        </li>
                                    </ul>
                                </div>
								 @endforeach 
							
							   <div class="col-md-12 mb-4 mt-4">
                                    <a data-href="{{ url('c/account/ads') }}" class="btn-w270 btn btn-primary btn-block">
                                        {{ optionByKey('promote_single_ad') }}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
				
                <div class="col-md-12">
                    <div class="text-center pt-5 mb-5">
					
					{!! optionByKey('promote_bottom_content') !!}
					                                 
                    </div>
                </div>
				
                <div class="col-md-12">
                    <div class="card">
					
					{!! optionByKey('vip_comtent_top') !!}
					
                        
                    </div>
                </div>
				
                <hr class="my-3 bg-transparent border-0">
                <hr class="my-3 bg-transparent border-0">
               
			   <div class="col-md-12">
                    <div class="card">
					
					{!! optionByKey('vip_exclusive_price') !!}
						
                    </div>
					
                </div>
				
                <hr class="my-3 bg-transparent border-0">
                <hr class="my-3 bg-transparent border-0">
                
				<div class="col-md-12">
                    <div class="card">
					
						{!! optionByKey('vip_comtent_bottom') !!}
					                        
                    </div>
                </div>
				
				
                <hr class="my-3 bg-transparent border-0">
                <hr class="my-3 bg-transparent border-0">
				
				{!! optionByKey('add_premium') !!}
			
            </div>
			
			
			@if(Auth::user())
				<div class="row">
					<div class="col-md-12 mt-5">		
						@include('includes.need_help')  				
					</div>
				</div>
			@endif
			
        </div>
        
		
		
		
		
		
        
@endsection	

@push('css-styles')

    <link rel="stylesheet" href="/static/css/promote-your-ads.css?v={{time()}}" type="text/css">

@endpush