@extends('Frontend.layouts.master')
@section('content')
    <div class="product-banner">
        <div class="container">
            <div class="content aos-init aos-animate" data-aos="fade-right">
                <h1>{{ $etf->name }}</h1>
                <p>Seawoods, Navi Mumbai</p>
                <a class="yellow-btn" data-bs-toggle="modal" id="recipes-popbtn-four"
                    data-product-id="{{ $etf->products_id }}">Invest</a>
            </div>
        </div>
    </div>
    <div class="inner-text-content">
        <div class="inner-disc">
            <!--    <div class="container overlay-box">-->
            <!--        <div class="book_call aos-init aos-animate" data-aos="zoom-in">-->
            <!--            <div class="row">-->
            <!--                <div class="col-md-4 crds">-->
            <!--                    <img src="https://staging.jerichoalternatives.in/public/assets/media/FrontendImages/yield (1)@2x.png">-->
            <!--                    <div class="crds-inner">-->
            <!--                        <h2>12</h2>-->
            <!--                        <span>Total Subscribers</span>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--                <div class="col-md-4 crds">-->
            <!--                    <img src="https://staging.jerichoalternatives.in/public/assets/media/FrontendImages/capital (1)@2x.png">-->
            <!--                    <div class="crds-inner">-->
            <!--                        <h2>₹50,000</h2>-->
            <!--                        <span>Total Amount Subscribed</span>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--                <div class="col-md-4 crds">-->
            <!--                    <img src="https://staging.jerichoalternatives.in/public/assets/media/FrontendImages/funding (1)@2x.png">-->
            <!--                    <div class="crds-inner">-->
            <!--                        <h2>Fully Funded</h2>-->
            <!--                        <span>Current Status</span>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</div>-->
            <div class="table-invest">
                <div class="container">
                    <div class="categeory">
                        <div class="details aos-init aos-animate" data-aos="zoom-in">
                            <div class="tables row">
                                <div class="col-md-4">
                                    <p>Ticker</p>
                                    <span>{{ $etf->ticker ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Exchange</p>
                                    <span>{{ $etf->exchange ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>About REIT</p>
                                    <span>{{ $etf->about ?? '-' }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="categeory">
                        <div class="details aos-init aos-animate" data-aos="zoom-in">
                            <div class="tables row">
                                <div class="col-md-4">
                                    <p>Provider</p>
                                    <span>{{ $etf->provider ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Category</p>
                                    <span>{{ $etf->category ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Expense Ratio</p>
                                    <span>{{ $etf->expense_ratio ?? '-' }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="categeory">
                        <div class="details aos-init aos-animate" data-aos="zoom-in">
                            <div class="tables row">
                                <div class="col-md-4">
                                    <p>Dividend Yield</p>
                                    <span>{{ $etf->dividend_yield ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Beta</p>
                                    <span>{{ $etf->beta ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Payouts</p>
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="categeory">
                        <div class="details aos-init aos-animate" data-aos="zoom-in">
                            <div class="tables row">
                                <div class="col-md-4">
                                    <p>1 Month Return</p>
                                    <span>{{ $etf->month1_return ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>6 Month Return</p>
                                    <span>{{ $etf->month6_return ?? '-' }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>1 Year Return</p>
                                    <span>{{ $etf->year1_return ?? '-' }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="categeory">
                        <div class="details aos-init aos-animate" data-aos="zoom-in">
                            <div class="tables row">
                                <div class="col-md-6">
                                    <p>3 Year Return</p>
                                    <span>{{ $etf->year3_return ?? '-' }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- <div class="categeory">
                <div class="details aos-init aos-animate" data-aos="zoom-in">
                    <div class="tables row">
                        <div class="col-md-12 ">
                            <div class="col-md-12 d-flex justify-content-around">
                                <div>
                                    <h5>Persentation</h5>
                                    <i class="fa fa-download" style="font-size:24px"></i>
                                    <a href="{{$productData->presentation}}" class="card-link"> PDF not available</a> 
                                </div>
                                <div>
                                    <h5>Fact Sheet</h5>
                                    <i class="fa fa-download" style="font-size:24px"></i>
                                    <a href="{{$productData->fact_sheet}}" class="card-link">  PDF not available</a>
                                </div>
                            </div>
                         </div>
                    </div>
                </div>
            </div> --}}
                    @include('Frontend.Pages.alternative-investment-fund.presentation-factsheet')
                </div>
            </div>
        </div>
    </div>
@endsection