@extends('layout.main')
@section('content')
    <section class="noticias">
        <div class="container">
            <div class="content">
                <div class="content__body">
                    <div class="content__big">
                        <div class="section">
                            <article class="nota nota--principal">
                                <div class="nota__image">
                                    <a href="/{{ $data[0]->attributes->slug }}/"><img
                                            src="{{ env('STRAPI_URL') }}{{ $data[0]->attributes->featuredmedia->data->attributes->path }}" /></a>
                                    <div class="nota__categoria">
                                        <p><a
                                                href="/{{ $data[0]->attributes->categories->data[0]->attributes->key_word }}/">{{ $data[0]->attributes->categories->data[0]->attributes->name }}</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="nota__body">
                                    <h3><a href="/{{ $data[0]->attributes->slug }}/">{{ $data[0]->attributes->title }}</a>
                                    </h3>
                                    <p>{{ str_replace('[&hellip;]', '', strip_tags($data[0]->attributes->summary)) }}</p>
                                </div>
                            </article>
                            <article class="nota nota--principal nota--categoria-arriba">
                                <div class="nota__image">
                                    <a href="/{{ $data[1]->attributes->slug }}/"><img
                                            src="{{ env('STRAPI_URL') }}{{ $data[1]->attributes->featuredmedia->data->attributes->path }}" /></a>
                                    <div class="nota__categoria">
                                        <p><a
                                                href="/{{ $data[1]->attributes->categories->data[0]->attributes->key_word }}/">{{ $data[1]->attributes->categories->data[0]->attributes->name }}</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="nota__body">
                                    <h3><a href="/{{ $data[1]->attributes->slug }}/">{{ $data[1]->attributes->title }}</a>
                                    </h3>
                                    <p>{{ str_replace('[&hellip;]', '', strip_tags($data[1]->attributes->summary)) }}</p>
                                </div>
                            </article>
                            <center>
                                <a href="https://michoacan.travel" target="_blank">
                                    <img src="{{ asset('images/banners/michoacan_travel.jpg') }}" width="360" />
                                </a><br />&nbsp;
                            </center>
                        </div>
                        <div class="section section--destacadas">
                            <div class="section__header">
                                <h4>Noticias destacadas</h4>
                            </div>
                            <div class="section__body">
                                @foreach ($data as $key => $article)
                                    @if ($key > 1)
                                        @if ($key < 6)
                                            <article class="nota">
                                                <div class="nota__image">
                                                    <a href="/{{ $article->attributes->slug }}/"><img
                                                            src="{{ env('STRAPI_URL') }}{{ $article->attributes->featuredmedia->data->attributes->path }}" /></a>
                                                </div>
                                                <div class="nota__body">
                                                    <div class="nota__categoria">
                                                        <p><a
                                                                href="/{{ $article->attributes->categories->data[0]->attributes->key_word }}/">{{ $article->attributes->categories->data[0]->attributes->name }}</a>
                                                        </p>
                                                    </div>
                                                    <h3><a
                                                            href="/{{ $article->attributes->slug }}/">{{ $article->attributes->title }}</a>
                                                    </h3>
                                                </div>
                                            </article>
                                        @endif
                                    @endif
                                @endforeach
                            </div>
                        </div>
                        <div class="section">
                            @foreach ($data as $key => $article)
                                @if ($key > 5)
                                    @if ($key < 10)
                                        <article class="nota">
                                            <div class="nota__image">
                                                <a href="/{{ $article->attributes->slug }}/"><img
                                                        src="{{ env('STRAPI_URL') }}{{ $article->attributes->featuredmedia->data->attributes->path }}" /></a>
                                            </div>
                                            <div class="nota__body">
                                                <div class="nota__categoria">
                                                    <p><a
                                                            href="/{{ $article->attributes->categories->data[0]->attributes->key_word }}/">{{ $article->attributes->categories->data[0]->attributes->name }}</a>
                                                    </p>
                                                </div>
                                                <h3><a
                                                        href="/{{ $article->attributes->slug }}/">{{ $article->attributes->title }}</a>
                                                </h3>
                                                <p>{{ str_replace('[&hellip;]', '', strip_tags($article->attributes->summary)) }}
                                                </p>
                                            </div>
                                        </article>
                                    @endif
                                @endif
                            @endforeach
                        </div>
                    </div>
                    <div class="content__small">
                        <div class="section">
                            <center>
                                <a href="https://www.facebook.com/Club-Britania-Las-Américas-Morelia-307924519267383/?ti=as"
                                    target="_blank">
                                    <img src="{{ asset('images/banners/banner_albatros_v2.jpeg') }}" width="280" />
                                </a><br />&nbsp;
                            </center>
                            @foreach ($data as $key => $article)
                                @if ($key >= 10)
                                    @if ($key < 22)
                                        <article class="nota">
                                            <div class="nota__body">
                                                <div class="nota__categoria">
                                                    <p><a
                                                            href="/{{ $article->attributes->categories->data[0]->attributes->key_word }}/">{{ $article->attributes->categories->data[0]->attributes->name }}</a>
                                                    </p>
                                                </div>
                                                <h3><a
                                                        href="/{{ $article->attributes->slug }}/">{{ $article->attributes->title }}</a>
                                                </h3>
                                            </div>
                                            <div class="nota__image">
                                                <a href="/{{ $article->attributes->slug }}/"><img
                                                        src="{{ env('STRAPI_URL') }}{{ $article->attributes->featuredmedia->data->attributes->path }}" /></a>
                                            </div>
                                        </article>
                                    @endif
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="content__body">
                    <div class="content__big content__big_sinsmall">
                        <div class="section section--destacadas section--shadow">
                            <div class="section__header">
                                <h4>Noticias destacadas</h4>
                            </div>
                            <div class="section__body">
                                @foreach ($data as $key => $article)
                                    @if ($key >= 22)
                                        @if ($key < 26)
                                            <article class="nota">
                                                <div class="nota__image">
                                                    <a href="/{{ $article->attributes->slug }}/"><img
                                                            src="{{ env('STRAPI_URL') }}{{ $article->attributes->featuredmedia->data->attributes->path }}" /></a>
                                                </div>
                                                <div class="nota__body">
                                                    <div class="nota__categoria">
                                                        <p><a
                                                                href="/{{ $article->attributes->categories->data[0]->attributes->key_word }}/">{{ $article->attributes->categories->data[0]->attributes->name }}</a>
                                                        </p>
                                                    </div>
                                                    <h3><a
                                                            href="/{{ $article->attributes->slug }}/">{{ $article->attributes->title }}</a>
                                                    </h3>
                                                </div>
                                            </article>
                                        @endif
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>

                <div class="content__body">
                    <div class="content__big content__big_sinsmall">
                        <div class="section section--fotogaleria">
                            <div class="section__header">
                                <h4><a style="text-decoration:none; color: black;" href="/morelia/">FOTOGALERÍA</a></h4>
                            </div>
                            <div class="section__body">
                                <div class="section--fotogaleria__principal">
                                    @if (isset($data[26]))
                                        <article class="nota">
                                            <div class="nota__image nota__image--foto">
                                                <a href="/{{ $data[26]->attributes->slug }}/">
                                                    <img
                                                        src="{{ env('STRAPI_URL') }}{{ $data[26]->attributes->featuredmedia->data->attributes->path }}" />
                                                </a>
                                                <div class="nif__foto">

                                                </div>
                                            </div>
                                            <div class="nota__body">
                                                <h3><a
                                                        href="/{{ $data[26]->attributes->slug }}/">{{ $data[26]->attributes->title }}</a>
                                                </h3>
                                                {{ str_replace('[&hellip;]', '', strip_tags($data[26]->attributes->summary)) }}
                                            </div>
                                        </article>
                                    @endif

                                </div>
                                <div class="section--fotogaleria__mediano">
                                    @if (isset($data[27]))
                                        <article class="nota">
                                            <div class="nota__image">
                                                <a href="/{{ $data[27]->attributes->slug }}/">
                                                    <img
                                                        src="{{ env('STRAPI_URL') }}{{ $data[27]->attributes->featuredmedia->data->attributes->path }}" />
                                                </a>
                                            </div>
                                            <div class="nota__body">
                                                <h3><a
                                                        href="/{{ $data[27]->attributes->slug }}">{{ $data[27]->attributes->title }}</a>
                                                </h3>
                                            </div>
                                        </article>
                                    @endif
                                    @if (isset($data[28]))
                                        <article class="nota">
                                            <div class="nota__image">
                                                <a href="/{{ $data[28]->attributes->slug }}/">
                                                    <img
                                                        src="{{ env('STRAPI_URL') }}{{ $data[28]->attributes->featuredmedia->data->attributes->path }}" />
                                                </a>
                                            </div>
                                            <div class="nota__body">
                                                <h3><a
                                                        href="/{{ $data[28]->attributes->slug }}/">{{ $data[28]->attributes->title }}</a>
                                                </h3>
                                            </div>
                                        </article>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('layout.sidebar')
    </section>
@endsection