@component('open._layouts.app', [
    'title' => $stockPage->name,
    'meta' => $stockPage->meta(),
])
    <section class="article-detail">
        {{ Breadcrumbs::render('stock') }}

        <section class="container article-detail-container">
            <div class="row">
                <div class="col col-12">
                    <iframe src="@lang('stock.list_iframe_src')" frameborder="0" scrolling="no" id="ticker2" class="stock__list"></iframe>
                    <iframe src="@lang('stock.table_iframe_src')" frameborder="0" scrolling="no" id="indices" class="stock__table"></iframe>
                </div>
            </div>
            @if($article)
            <div class="row">
                <div class="col col-3 sidebar no-margin clear-both">
                    @include('open.stock._partials.infoCard')

                    @if($sidebarBoxFragment)
                        @include('open._fragments.sidebarBox')
                    @endif

                    @if($sidebarNewsletterBoxFragment)
                        @include('open._fragments.newsletterBox', ['newsletter' => $sidebarNewsletterBoxFragment])
                    @endif

                    @if($sidebarCTAFragment)
                        @include('open._fragments.sidebarCTA')
                    @endif
                </div>
                <div class="col col-1 placeholder"></div>
                <div class="col col-7 content">
                    <article class="with-corner">
                        <header>
                            <div class="date">
                                <div>{{ $article->started_at->format('d') }}</div>
                                <div>
                                    <span>{{ get_month_date($article->started_at) }}</span>
                                    <span>{{ $article->started_at->format('Y') }}</span>
                                </div>
                            </div>
                            <h1>{{ $article->name }}</h1>
                            <p>
                                {{ $article->description }}
                            </p>
                            @if($image = $article->getFirstMedia('featured'))
                            <figure>
                                <img src="{{ $image->getUrl('cover') }}" alt="{{ $image->name }}">
                            </figure>
                            @endif
                        </header>
                        <section class="s-wysiwyg">
                            {!! $article->content !!}
                        </section>
                    </article>
                </div>
                <div class="col col-1 placeholder"></div>
            </div>
            @endif
        </section>
    </section>
@endcomponent