<!-- Markets Section starts -->
<section class="market_more what_trending bg5-color pt-120 pb-120">
    <div class="container">
        <div class="row categories__header mb-4 mb-md-6">
            <div class="col-xl-7 col-lg-8 col-sm-8">
                <div class="categories__title d-flex align-items-center gap-5 gap-md-6 wow fadeInUp">
                    <h2 class="mb-3 mb-md-4">Trading Bots</h2>
                    <a href="javascript:void(0)" class="roboto d-flex align-items-center gap-2 p1-color">Risk Free Investment
                        <i class="ti ti-chevron-right p1-color"></i></a>
                </div>
            </div>
            <div
                class="col-xl-5 col-lg-4 col-sm-4 categories_top_btn categories_top_btntwo categories_top_btnthree categories_top_btnfour mt-6 mt-sm-0">
                <div class="slider-btn d-center justify-content-start justify-content-sm-end gap-4">
                    <button type="button" aria-label="Slide Prev"
                        class="ara-prev d-center cmn-btn third-alt px-2 py-1 rounded-5">
                        <i class="ti ti-chevron-left fs-four"></i>
                    </button>
                    <button type="button" aria-label="Slide Next"
                        class="ara-next d-center cmn-btn px-2 py-1 rounded-5">
                        <i class="ti ti-chevron-right fs-four"></i>
                    </button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="singletab">
                <ul class="tablinks d-flex align-items-center gap-3 flex-wrap mb-10 mb-md-15 wow fadeInUp">
                    <li class="nav-links">
                        <button
                            class="tablink clickable-active active  py-3 px-5 px-md-6 rounded-2 br2">Staking</button>
                    </li>
                    
                </ul>
                <div class="tabcontents">
                    <div class="tabitem active">
                        <div class="swiper categories_top">
                            <div class="swiper-wrapper">
                            
                                @if ($plans)
                                    @foreach ($plans as $plan)
                                    <div class="swiper-slide">
                                        <div class="items-wrapper">
                                            <div
                                                class="market_more__item text-center py-8 py-md-10  px-5 px-md-6 bg1-color rounded-3">
                                                <div
                                                    class="d-flex align-items-center justify-content-center gap-3 mb-8 mb-md-10">
                                                    {{-- <div class="d-flex align-items-center">
                                                        <img class="mb-3 mb-md-4" src="assets/images/icon/homeicon2.png"
                                                            alt="icon">
                                                        <img class="imgstyle mb-3 mb-md-4"
                                                            src="assets/images/icon/homeicon3.png" alt="icon">
                                                    </div> --}}
                                                    <div class="text-start">
                                                        {{-- <h3 class="mb-1">{{$plan->total_earning}}</h3> --}}
                                                        <span class="mb-5 mb-md-6 d-block">{{$plan->name}}</span>
                                                    </div>
                                                </div>
                                                <span class="fs-one p1-color fw_500 mb-1 d-block ">{{$plan->total_earning}}%</span>
                                                <span class="mb-8 mb-md-10 d-block fs-five">DAILY ROI</span>
                                                <div class="d-flex align-items-center justify-content-between mb-3">
                                                    <span>${{$plan->min_amount}}</span>
                                                    <span>
                                                        @if ($plan->amount_invested > 10000000)
                                                        Unlimited
                                                    
                                                            @else
                                                            ${{$plan->amount_invested}}
                                                        @endif
                                                    </span>
                                                        
                                                </div>
                                                <div
                                                    class="d-flex align-items-center justify-content-between mb-9 mb-md-12">
                                                    <span>Min Stake</span>
                                                    <span>Max Stake</span>
                                                </div>
                                                <a href="https://dashboard.young-trade.com/"
                                                    class="cmn-btn third-alt py-3 px-5 px-md-6 w-100 ">Stake</a>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                @endif

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Markets Section ends -->