@extends('layout.investor')

@section('title', 'Nexus Unit Chart | Nexus | Real Estate Investment Trust (REIT)')
@section('description',
    'Nexus Unit Chart - Nexus Select Trust is India’s publicly listed retail Real Estate Investment
    Trust (REIT).')
@section('keywords', 'Nexus Unit Chart, REIT, Real Estate Investment Trust, Nexus Select Trust')
@section('canonical', 'https://www.nexusselecttrust.com/nexus-unit')

@section('body_class', 'investor-body')

@section('pagecontent')
    <section class="vertical-scrolling fp-auto-height pt-5 uhp-con mb-5" data-anchor="section1">
        <div class="row g-3">
            <div class="col-md-12">
                <h1 class="heading-1 border-heading text-purple fw-sbold">Unit Information</h1>
            </div>
        </div>

        <div class="tabs-dropdown-xs">
            <button class="btn d-block d-lg-none">North Region</button>
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="Unit-Quote-tab" data-bs-toggle="tab" data-bs-target="#Unit-Quote"
                        type="button" role="tab" aria-controls="Unit-Quote" aria-selected="true">Unit Quote</button>
                </li>

                <li class="nav-item unit-chart" role="presentation" urlAttr="{{ URL('nexus-unit#Unit-Chart') }}">
                    <button class="nav-link" id="Unit-Chart-tab" data-bs-toggle="tab" data-bs-target="#Unit-Chart"
                        type="button" role="tab" aria-controls="Unit-Chart" aria-selected="false">Unit
                        Chart</button>
                </li>

                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="Historical-UnitQuote-tab" data-bs-toggle="tab"
                        data-bs-target="#Historical-UnitQuote" type="button" role="tab"
                        aria-controls="Historical-UnitQuote" aria-selected="false">Historical
                        Unit Quote</button>
                </li>

                <!-- <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="Unit-HoldingPattern-tab" data-bs-toggle="tab"
                                            data-bs-target="#Unit-HoldingPattern" type="button" role="tab"
                                            aria-controls="Unit-HoldingPattern" aria-selected="false">Unit Holding
                                            Pattern</button>
                                    </li> -->

            </ul>
        </div>

        <div class="tab-content h-auto" id="myTabContent">
            <div class="tab-pane fade active show" id="Unit-Quote" role="tabpanel" aria-labelledby="Unit-Quote-tab"
                tabindex="0">
                <div class="row g-4">
                    <div class="col-sm-12 Unit-Quote-frame">
                        <iframe width="100%"
                            src="https://content.dionglobal.in/nexusmallsir/marketlive/fundamentals/sharetablesnsenew.aspx "></iframe>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade" id="Unit-Chart" role="tabpanel" aria-labelledby="Unit-Chart-tab" tabindex="0">
                <div class="row g-4">
                    <div class="col-sm-12 Unit-Chart-frame">
                        <iframe width="100%"
                            src="https://content.dionglobal.in/nexusmallsir/marketlive/fundamentals/charting/chartdetails.aspx"></iframe>
                    </div>
                </div>
            </div>


            <div class="tab-pane fade" id="Historical-UnitQuote" role="tabpanel" aria-labelledby="Historical-UnitQuote-tab"
                tabindex="0">
                <div class="row g-4">
                    <div class="col-sm-12 Information-frame">
                        <iframe width="100%" scrolling="no" frameborder="0"
                            src="https://content.dionglobal.in/nexusmallsir/marketlive/fundamentals/historicalprices.aspx"></iframe>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade" id="Unit-HoldingPattern" role="tabpanel" aria-labelledby="Unit-HoldingPattern-tab"
                tabindex="0">
                <h2 class="heading-1 border-heading text-purple fw-sbold mb-4 mt-4">Unit Holding Pattern</h2>

                <div class="row">
                    <div class="col-sm-5">
                        <div id="pichart"></div>
                    </div>
                    <div class="col-sm-5">
                        <div id="pichart1"></div>
                    </div>
                    <div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection