@extends('layouts.app8')

@section('title', 'Investment')

@section('content')
<header class="header-image ken-burn-center light" data-parallax="true" data-natural-height="500" data-natural-width="1920" data-bleed="0" data-image-src="media/hd-wide-5.jpg" data-offset="0">
        <div class="container">
            <h1>Investment Plans</h1>
            <h2>Enjoy real benefits and rewards on your accrue investing</h2>
        </div>
    </header>

    <main>
        <section class="section-base section-color">
            <div class="container">
                 <h1>Investment Plans</h1>
                <div class="row" data-anima="fade-bottom" data-timeline="asc" data-time="2000">
                    @foreach($plans as $plan)
                    <div class="col-lg-4 anima">
                        <div class="cnt-box cnt-pricing-table">
                            <div class="top-area">
                                <h2>{{ $plan->name }}</h2>
                                <div class="price">{{ $plan->percentage }}<span>%</span></div>
                                <p> Duration {{ $plan->duration }} days</p>
                            </div>
                            <ul>
                                <li>Minimum ${{ number_format($plan->minimum,2) }}</li>
                                <li>Maximum ${{ number_format($plan->maximum,2) }}</li>
                                <li>Asset Protection</li>
                                <li>Live Support</li>
                            </ul>
                            <div class="bottom-area">
                                <a class="btn btn-border btn-xs" href="register">Get Started</a>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
              
            </div>
        </section>
    </main>


@endsection