@extends('front.layout.app')
@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ asset('admin/images/' . ($banner['investment_banner_image'] ?? '')) }}" class="w-100 h-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>{{ $banner['investment_banner_name'] ?? '' }} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="commentry-sec investmentsection pb-0">
        <div class="container">
            <div class="title text-center mb-5">
                <h2 class="commentryheading">Primary Investment Allocation</h2>
            </div>
            <div class="row row-cols-lg-4 row-cols-md-3 row-cols-sm-2 no-gutters">
                @foreach ($primaryInvestments as $investment)
                    <div class="col-12">
                        <div class="commentrymodal-content">
                            <h4>{{ $investment->title }}</h4>
                            <ul>

                                @foreach (json_decode($investment->points) as $point)
                                    <li>{{ $point }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>


    <section class="commentry-sec allocatesec">
        <div class="container">
            <div class="title text-center mb-5">
                <h2 class="commentryheading">401k Allocation</h2>
            </div>
            <div class="row no-gutters">
                @foreach ($allocations as $allocation)
                    <div class="col-md-6">

                        <div class="commentcntnt commentrymodal-content">
                            <h4>{{ $allocation->name ?? '' }}</h4>
                            <ul>
                                @foreach (json_decode($allocation->description) as $point)
                                    <li>{{ $point }}</li>
                                @endforeach
                            </ul>
                        </div>

                    </div>
                @endforeach
            </div>

        </div>
    </section>
@endsection