@extends($activeTemplate.'layouts.home')

@push('style')
<link rel="stylesheet" href="{{ asset('users/assets/trade/css/team.css') }}{{$catch}}" >
<link rel="stylesheet" href="{{ asset('users/assets/trade/css/product.css') }}{{$catch}}" >
@endpush

@section('wrapper')<div class="wrapper">@endsection


@section('content')
<div data-v-af01384a="">
	<div id="home" data-v-c35495fc="" data-v-af01384a="" style="background:#f3f4f6;border-radius:0 0 8px 8px">
		<div class="bg" data-v-c35495fc="" style="height:18vmin"></div>
		<div class="main" data-v-c35495fc="">
			<div class="titleBar" data-v-c35495fc="">
				<div class="left" data-v-c35495fc="">
					<a data-href="{{ route('user.home')}}" data-v-c35495fc="" class="linkBTN text-white">←</a>
				</div>
				<div class="right" data-v-c35495fc="" style="margin-top: -15px;margin-right: -.75rem;">
					<a data-href="{{ route('user.profile')}}" class="linkBTN right" data-v-c35495fc="" style=""><img src="{{getImage(imagePath()['logoIcon']['path'] .'/logo.png')}}{{$catch}}" alt="" data-v-c35495fc="" style="height:36px;height: 37px; border-radius:5px 0 0px 5px;width: auto;" /></a>
				</div>
			</div>
			<div data-v-af01384a="">
				<div id="team" data-v-c6f9d966="" data-v-af01384a="" class="">
					<div class="containerh" data-v-c6f9d966="">
						<div class="part2" data-v-385ac480="" data-v-c6f9d966="" style="margin-left:0px;">
							<div class="top_lv_VIEw" data-v-385ac480=""><i class="left_icon" data-v-385ac480=""></i><span data-v-385ac480="">System products</span></div>
							<div class="m" data-v-385ac480="" style="background: #FFF;margin-bottom: -10px;">
								<div class="item" data-v-385ac480=""><span data-v-385ac480="">Deposit balance</span><span data-v-385ac480="">{{ config('settings')->cur_sym }}{{ getAmount($userBalance['main']) }}</span></div>
								<div href="" class="item rightItme" data-v-385ac480=""><span data-v-385ac480="">Earning balance</span><span data-v-385ac480="">{{ config('settings')->cur_sym }}{{ getAmount($userBalance['income']) }}</span></div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<section class="container is-max-widescreen dapp" data-v-98c026d4="">
				<div class="isgrid apps" data-v-98c026d4="">
				
				@foreach($plans as $plan)
				@php
					$statusClass = 'badge bg-primary';
					$statusText = 'Available';
					$statusLink = 1;
				@endphp

					<div class="vite-card app-card relative" data-v-98c026d4="">
						<div class="bgs" style="background-image: linear-gradient(to bottom, rgba(81, 101, 148, 0.82), rgba(0, 0, 0, 0.83)),url({{ asset('assets/'.$plan['img']) }});"></div>
						<div class="apiLink linkBTN relative" data-v-98c026d4="" data-href="{{ route('user.product.view', ['id' => $plan['identifier']]) }}" data-name="$plan['identifier']">
							<div class="app-logo" data-v-98c026d4="">
								<figure class="image" data-v-98c026d4="">
									<img src="{{ asset('assets/'.$plan['img']) }}" alt="{{ $plan['name'] }}" data-v-98c026d4="">
								</figure>
								<span data-v-98c026d4="" class="tag" style="border:1px solid #FFF; color:#fff; background-color:#000000 !important;">From {{ $plan['cur_sym'] }}{{ showAmount($plan['min_amount'],0) }}</span>
								<span data-v-98c026d4="" class="tag2 {{ $statusClass }}" style="">{{ $statusText }}</span>
							</div>
							<h5 class="app-name single" data-v-98c026d4="" style="color: #e5f2de;">{{ $plan['name'] }}</h5>
							<p class="app-intro injustify" data-v-98c026d4="">
								<span style="">${{showAmount($plan['capital'],2)}}</span>
								@if( 0 > @$plan['growth'] )
								<span class="text-small danger text-warning" style="display:inline-flex"><svg class="danger dark:text-white" height="20px" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19V5m0 14-4-4m4 4 4-4"></path></svg> {{ @$plan['growth'] }}%</span>
								@else
								<span class="text-small text-white" style="display:inline-flex"><svg class="text-blue-200 dark:text-white" height="20px" style="margin-top: 1px;" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/></svg> {{ @$plan['growth']}}%</span>
								@endif
							</p>
							<div class="truncate green">{!! $plan['notes'] !!}</div>
								
							<p class="app-intro injustify" data-v-98c026d4="">
								<span class="text--small ">Daily Profit</span>
								@if( $plan['interest_type'] == 1)
								<span class="text--small text-warning" style="display:inline-flex"> {{ showAmount($plan->interest_amount) }}%</span>
								@else
								<span class="text--small text-warning" style="display:inline-flex"> {{ $plan->cur_sym }}{{ showAmount($plan->interest_amount) }}</span>
								@endif
							</p>
							<p class="app-intro injustify" data-v-98c026d4="">
								<span class="text--small ">Duration</span>
								<span class="text--small text-warning" style="display:inline-flex"> {{ $plan->total_return }} Days</span>
							</p>
							<p class="app-intro injustify" data-v-98c026d4="" style="margin-top:25px;">
								<span class="text--small ">Min Trade</span>
								<span class="text--small text-warning" style="display:inline-flex">Max Trade</span>
							</p>
							<p class="app-intro injustify" data-v-98c026d4="">
								<span class="text--small ">{{ $plan->cur_sym }}{{ showAmount($plan->min_amount) }}</span>
								<span class="text--small text-warning" style="display:inline-flex"> {{ $plan->cur_sym }}{{ showAmount($plan->max_amount) }}</span>
							</p>
						</div>

						<div class="linkBTN ikJbcs" data-href="{{ route('user.product.view', ['id' => $plan['identifier']]) }}" data-name="$plan['identifier']">
							<div></div>
							<div>
								<div></div>
								<div class="ekIksd">
									<div>
										@if($statusLink)<button id="btn-pay">More info</button> @else <button>Sold Out</button> @endif
									</div>
									<div>
										<div role="button">
											<p>Share Value</p>
											<p>{{ $plan['cur_sym'] }}{{ showAmount($plan['min_amount']) }}</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					@endforeach
				</div>
			</section>
		</div>
	</div>
</div>
@endsection

@push('script')

@endpush