<?php $homeColor = 'bebcbc'; ?>
@extends($activeTemplate.'layouts.users')

@push('style-lib')
	<link rel="stylesheet" href="{{ asset($activeTemplateTrue.'css/swiper.min.css') }}{{$catch}}">
	<link rel="stylesheet" href="{{ asset($activeTemplateTrue.'css/home.css') }}{{$catch}}">
@endpush

@section('content')
    <uni-app class="uni-app--showtabbar uni-app--maxwidth">
        <uni-page data-page="pages/index/index">
            <uni-page-wrapper class="uIrjC">
                <uni-page-body>
                    <uni-view data-v-3d89ad10="" class="content">

                        <!--uni-view data-v-3d89ad10="" class="pg-top home-top">
							<img data-v-3d89ad10="" mode="aspectFit" src="{{getImage(imagePath()['logoIcon']['path'] .'/logo.png')}}{{$catch}}" style="height: 25px;" />
							@if( config('settings')->app_link )
							<img data-v-3d89ad10="" mode="aspectFit" src="{{ asset($activeTemplateTrue.'img/googlePlay.png') }}" style="height: 25px;" />
							@endif
						</uni-view-->
                        <!--p data-v-3d89ad10="" major-title="true" style="margin: 20px 0px 15px 10px;">{{ greetings() }}{{$user->username}}</p-->
							
						@include($activeTemplate.'user.home.slider')
						
                        <!--uni-view data-v-3d89ad10="" class="notice-content">
                            <uni-view data-v-27efbb3a="" data-v-3d89ad10="" class="uni-noticebar">
                                <uni-text data-v-0a75b799="" data-v-27efbb3a="" class="uni-icons uni-noticebar-icon uniui-sound" style="color: rgb(156, 100, 49); font-size: 22px;"><span></span></uni-text>
                                <uni-view data-v-27efbb3a="" class="uni-noticebar__content-wrapper uni-noticebar__content-wrapper--scrollable">
                                    <uni-view data-v-27efbb3a="" id="Uni_dt5n" class="uni-noticebar__content uni-noticebar__content--scrollable">
                                        <uni-text data-v-27efbb3a="" id="Uni_ktjn" class="uni-noticebar__content-text uni-noticebar__content-text--scrollable" style="color: rgb(156, 100, 49); animation-play-state: running; animation-delay: -3.43s; animation-duration: 5.9075s;">
											@foreach($pages as $blog)
												<span class=" linkBTN" data-href="{{ route('user.page.blog', ['id' => $blog->data_values->slug]) }}">{{ $blog->data_values->title }}</span>&nbsp;&nbsp;&nbsp;&nbsp;
											@endforeach
										</uni-text>
                                    </uni-view>
                                </uni-view>
                            </uni-view>
                        </uni-view-->

                        <uni-view data-v-1c5cfc7a="" data-v-3d89ad10="" class="fun-list" style="margin-top: 20px;">
                            <uni-view data-v-1c5cfc7a="" class="split-2 activity"></uni-view>
                            <uni-view data-v-1c5cfc7a="" class="fun-item linkBTN" data-href="{{ route('user.online.support') }}">
                                <uni-view data-v-1c5cfc7a="" class="img-container"><img data-v-1c5cfc7a="" class="iuYhskw" src="{{ asset($activeTemplateTrue.'img/service.jpg') }}{{ $catch }}"></uni-view>
                                <uni-text data-v-1c5cfc7a=""><span>Service</span><span data-v-0a75b799="" class="loadIcon"></span></uni-text>
                            </uni-view>
							
                            <uni-view data-v-1c5cfc7a="" class="fun-item linkBTN" data-href="{{route('user.invitation')}}">
                                <uni-view data-v-1c5cfc7a="" class="img-container"><img data-v-1c5cfc7a="" class="iuYhskw" src="{{ asset($activeTemplateTrue.'img/invite.jpg') }}{{ $catch }}"></uni-view>
                                <uni-text data-v-1c5cfc7a=""><span>Invite+</span><span data-v-0a75b799="" class="loadIcon"></span></uni-text>
                            </uni-view>
							
                            <uni-view data-v-1c5cfc7a="" class="fun-item linkBTN" data-href="{{route('user.deposit')}}">
                                <uni-view data-v-1c5cfc7a="" class="img-container"><img data-v-1c5cfc7a="" class="iuYhskw" src="{{ asset($activeTemplateTrue.'img/recharge.jpg') }}{{ $catch }}"></uni-view>
                                <uni-text data-v-1c5cfc7a=""><span>Recharge</span><span data-v-0a75b799="" class="loadIcon"></span></uni-text>
                            </uni-view>
							
                            <uni-view data-v-1c5cfc7a="" class="fun-item linkBTN" data-href="{{route('user.withdraw')}}">
                                <uni-view data-v-1c5cfc7a="" class="img-container"><img data-v-1c5cfc7a="" class="iuYhskw" src="{{ asset($activeTemplateTrue.'img/withdraw.jpg') }}{{ $catch }}"></uni-view>
                                <uni-text data-v-1c5cfc7a=""><span>Withdraw</span><span data-v-0a75b799="" class="loadIcon"></span></uni-text>
                            </uni-view>
                        </uni-view>
						
                        <uni-view data-v-481e7aa4="" data-v-3d89ad10="" style="padding: 0px 10px; margin-top: 25px;">
                            <uni-scroll-view data-v-481e7aa4="">
								<div class="uni-scroll-view-content">
									<p data-v-29f0c87a="" style="margin:0 6px 2px 2px;padding-bottom:10px;">
										<span><u>PRODUCTS</u></span>
										<span style="float:right">
											<uni-view data-v-7625a4cc="" class="asset-btn linkBTN" data-href="{{route('user.investment')}}" style="position: inherit; width: auto; height: 28px;background:linear-gradient(52deg, #afc0da, #5b6569);width:auto;">
												<uni-view data-v-7625a4cc="" class="btn"><span data-v-7625a4cc="">More &nbsp;&nbsp;</span>
													<uni-text data-v-0a75b799="" data-v-7625a4cc="" class="uni-icons uniui-right icoLoader" style="color: rgb(255, 255, 255); font-size: 20px; margin-right: 5px;"><span></span></uni-text>
												</uni-view>
											</uni-view>
										</span>
									</p>
									
									<uni-view data-v-481e7aa4="" style="display: flex; width: 100%; overflow-x: scroll; padding-left: 0px; align-items: center;">
									@foreach($plans as $key => $plan)
										<uni-view data-v-481e7aa4="" class="linkBTN" data-href="{{ route('user.product.view', ['id' => $plan['identifier']]) }}" data-name="$plan['identifier']" style="width:calc(100% / 3);position: relative;margin-right:4px;">
											<div class="bgs" style="background-image: linear-gradient(to bottom, rgb(6 66 207 / 67%), rgb(27 68 110)),url({{ asset('assets/'.$plan['img']) }});"></div>
											<uni-view data-v-481e7aa4="" class="coin-card " style="">
												<uni-view data-v-481e7aa4="" style="flex-shrink: 0; margin-right: 10px; display: flex; align-items: center; margin-bottom: 5px;">
													<uni-image data-v-481e7aa4="" style="width: 100%; height: 70px;">
														<div style="background-image: url(&quot;{{ asset('assets/'.$plan['img']) }}&quot;); background-size: 100% 100%; background-repeat: no-repeat;"></div>
														<img src="{{ asset('assets/'.$plan['img']) }}" draggable="false">
													</uni-image>
													
												</uni-view>
												<uni-view data-v-481e7aa4="" class="nth2">
													<span data-v-481e7aa4="" style="font-weight: bold; font-size: 15px; text-wrap: nowrap;margin-left:4px;color:#000;">{{ strtoupper($plan->name) }}</span>
													<span data-v-481e7aa4="" style="font-weight: bold; font-size: 20px; text-wrap: nowrap;margin-left:4px;color:#47e49b !important;">{{ $plan->cur_sym }} {{ getAmount($plan['min_amount'],0) }}</span>
												</uni-view>
											</uni-view>
										</uni-view>
									
										@php if( $key > 1 ){ break; } @endphp
									@endforeach
									</uni-view>
								</div>
							</uni-scroll-view>
						</uni-view>
						
                        <uni-view data-v-481e7aa4="" data-v-3d89ad10="" style="padding: 0px 10px; margin-top: 5px;margin-bottom: 75px;">
							<uni-view data-v-29f0c87a="" data-v-481e7aa4="" class="deoLsf" style="margin-top: 2px;">
								@include($activeTemplate.'user.home.blog')
							</uni-view>
						</uni-view>
					
					@php $about = getContent(config('settings')->active_template, 'about.content', true); @endphp
					<!--uni-view data-v-3d89ad10="" class="card about_us bcard" style="margin-bottom: 75px;">
                        <p data-v-3d89ad10="" title="true">ABOUT US</p>
                        <uni-view data-v-3d89ad10="" class="about_txt">
                            <uni-view data-v-3d89ad10="" style="width: 100%; display: flex;">
								<img data-v-3d89ad10="" src="{{ getImage('assets/images/frontend/about/' .@$about->data_values->image, '900x456') }}" alt="About Us" style="height: 200px; width:100%; margin: 0px auto;border-radius:7px;">
							</uni-view>

                            <uni-view data-v-3d89ad10="" class="about">
								{!! @$about->data_values->content !!}
                            </uni-view>
                        </uni-view>
						
                        <uni-view data-v-3d89ad10="" class="mask"></uni-view>
                        <uni-view data-v-3d89ad10="" class="learn-more linkBTN" href="{{ route('user.about') }}" style="background-color:transparent;">
                            <uni-button data-v-3d89ad10="" type="primary" style="margin-top: 0px;">Learn More <span data-v-0a75b799="" class="loadIcon" style="position: absolute;right: 21px;top:revert;"></span></uni-button>
                        </uni-view>
                    </uni-view-->
					
					<a data-v-3d89ad10="" class="contact linkBTN" style="display:none;" data-href="{{ route('user.online.support') }}"><img data-v-3d89ad10="" src="{{ asset($activeTemplateTrue.'img/contact.png') }}{{ $catch }}"></a></uni-view>
                </uni-page-body>
            </uni-page-wrapper>
        </uni-page>

		@include($activeTemplate.'layouts.menu',['activeLink'=>'dashboard'])
	</uni-app>

@endsection


@push('script')
	<script src="{{ asset($activeTemplateTrue.'script/swiper.min.js') }}{{$catch}}"></script>
	<script>
        $(function() {
            new Swiper('.swiper-banner', {
                loop: false,
                autoplay: {
                    delay: 5000
                }
            });

            new Swiper('.swiper-news', {
                loop: false,
                autoplay: {
                    delay: 5000
                }
            });

            var timer;
            $('#auto-scroll').hover(function() {
                clearInterval(timer);
            }, function() {
                timer = setInterval(function() {
                    $('#auto-scroll').find("ul:first").animate({
                        marginTop: "-.5rem"
                    }, 800, function() {
                        $(this).css({
                            marginTop: "0px"
                        }).find("li:first").appendTo(this);
                    });
                }, 3000);
            }).trigger('mouseleave');

        });
		
    </script>
@endpush

