@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>{{ $equities->name }}</h1>
                <p>Seawoods, Navi Mumbai</p>
                <a class="yellow-btn" data-bs-toggle="modal" id="recipes-popbtn-four"
                    data-product-id="{{ $equities->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>{{ $equities->ticker }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Exchange</p>
                                    <span>{{ $equities->exchange }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>About Equities</p>
                                    <span>{{ $equities->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>{{ $equities->provider }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Category</p>
                                    <span>{{ $equities->category }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Expense Ratio</p>
                                    <span>{{ $equities->expense_ratio }}</span>
                                </div>
                            </div>
                            <div class="tables row">
                                <div class="col-md-4">
                                    <p>Dividend Yield</p>
                                    <span>{{ $equities->dividend_yield }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Beta</p>
                                    <span>{{ $equities->beta }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>Payouts</p>
                                    <span>{{ $equities->payouts }}</span>
                                </div>
                            </div>
                            <div class="tables row">
                                <div class="col-md-4">
                                    <p>1 Month Return</p>
                                    <span>{{ $equities->month1_return }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>6 Month Return</p>
                                    <span>{{ $equities->fund_aum }}</span>
                                </div>
                                <div class="col-md-4">
                                    <p>1 Year Return</p>
                                    <span>{{ $equities->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-4">
                                    <p>3 Year Return</p>
                                    <span>{{ $equities->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>
                </div>
            </div>
        </div>
    </div>
@endsection