@extends('layout.main')
@section('content')
    @if (!$isMobile)
        <section class="banners banner__home">
            <div style="width: 100%; text-align: center; padding-bottom: 5px;">
                <a href="http://sfa.michoacan.gob.mx/tvehicular" target="_blank">
                    <img src="{{ asset('images/banners/refrendo2.png') }}" style="margin: auto;" />
                </a>
            </div>
        </section>
    @endif
    <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>

                            @if ($isMobile)
                                <div id="main-amazon">
                                    <a target="_blank"
                                        href="https://www.amazon.com.mx/gp/bestsellers/books/books/ref=s9_acsd_ri_bw_clnk/ref=s9_acsd_ri_bw_c2_x_c2cl?pf_rd_m=A3TO6F13CSVUA4&amp;pf_rd_s=merchandised-search-9&amp;pf_rd_r=89KZH0S5C0J7DBSDDXWA&amp;pf_rd_t=101&amp;pf_rd_p=9e5afbfb-f5b2-4058-8a73-18656bb63a4d&amp;pf_rd_i=9298576011&_encoding=UTF8&tag=moreliamix-20&linkCode=ur2&linkId=f256dade4c90d70857f3b3e694aaee4a&camp=1789&creative=9325">
                                        <button style="margin: 0 auto;" class="btn btn-3 btn-sep icon-cart">Top 100 Libros
                                            en
                                            Amazon.</button>
                                    </a>
                                    <img src="//ir-mx.amazon-adsystem.com/e/ir?t=moreliamix-20&l=ur2&o=34" width="1"
                                        height="1" border="0" alt=""
                                        style="border:none !important; margin:0px !important;" />
                                </div>
                            @endif
                        </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>

                    @if ($isMobile)
                        <div id="main-amazon">
                            <a target="_blank" href="https://amzn.to/3gl5lgt">
                                <button style="margin: 0 auto;" class="btn btn-3 btn-sep icon-cart">Más vendidos en
                                    mascotas.</button>
                            </a>
                            <img src="//ir-mx.amazon-adsystem.com/e/ir?t=moreliamix-20&l=ur2&o=34" width="1"
                                height="1" border="0" alt=""
                                style="border:none !important; margin:0px !important;" />
                        </div>
                    @endif
                </div>
                <div class="content__body">
                    <div class="content__big content__big_sinsmall">
                        <div class="section section--category bg-rosa">
                            <div class="section__header">
                                <h2><a href="/cine/">Cine</a></h2>
                            </div>
                            <div class="section__body">
                                <div class="section--category__principal">
                                    <article class="nota">
                                        <div class="nota__image">
                                            <a href="/{{ $cine[0]->attributes->slug }}/">
                                                <img
                                                    src="{{ env('STRAPI_URL') }}{{ $cine[0]->attributes->featuredmedia->data->attributes->path }}" />
                                            </a>
                                        </div>
                                        <div class="nota__body">
                                            <div class="nota__label" style="max-width: 130px;">
                                                <p><a
                                                        href="/{{ $cine[0]->attributes->categories->data[0]->attributes->key_word }}/">{{ $cine[0]->attributes->categories->data[0]->attributes->name }}</a>
                                                </p>
                                            </div>
                                            <h3><a
                                                    href="/{{ $cine[0]->attributes->categories->data[0]->attributes->key_word }}/">{{ $cine[0]->attributes->title }}</a>
                                            </h3>
                                            {{ str_replace('[&hellip;]', '', strip_tags($cine[0]->attributes->summary)) }}
                                        </div>
                                    </article>
                                </div>
                                <div class="section--category__mediano">
                                    @foreach ($cine as $key => $article)
                                        @if ($key >= 1)
                                            @if ($key < 4)
                                                <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 class="nota__body">
                                                            <div class="nota__label">
                                                                <p><a
                                                                        href="/{{ $article->attributes->categories->data[0]->attributes->key_word }}/">{{ $article->attributes->categories->data[0]->attributes->name }}</a>
                                                                </p>
                                                            </div>
                                                            <h3><a class="categorie"
                                                                    href="/{{ $article->attributes->slug }}/">{{ $article->attributes->title }}</a>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </article>
                                            @endif
                                        @endif
                                    @endforeach
                                </div>
                                <div class="section--category__chico">
                                    @foreach ($cine as $key => $article)
                                        @if ($key >= 4)
                                            @if ($key < 7)
                                                <article class="nota">
                                                    <div class="nota__body">
                                                        <div class="nota__label">
                                                            <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 class="section section--category bg-rojo">
                            <div class="section__header">
                                <h2><a href="/deportes/">Deportes</a></h2>
                            </div>
                            <div class="section__body">
                                <div class="section--category__principal">
                                    <article class="nota">
                                        <div class="nota__image">
                                            <a href="/{{ $deportes[0]->attributes->slug }}/">
                                                <img
                                                    src="{{ env('STRAPI_URL') }}{{ $deportes[0]->attributes->featuredmedia->data->attributes->path }}" />
                                            </a>
                                        </div>
                                        <div class="nota__body">
                                            <div class="nota__label" style="max-width: 130px;">
                                                <p><a
                                                        href="/{{ $deportes[0]->attributes->categories->data[0]->attributes->key_word }}/">{{ $deportes[0]->attributes->categories->data[0]->attributes->name }}</a>
                                                </p>
                                            </div>
                                            <h3><a
                                                    href="/{{ $deportes[0]->attributes->categories->data[0]->attributes->key_word }}/">{{ $deportes[0]->attributes->title }}</a>
                                            </h3>
                                            {{ str_replace('[&hellip;]', '', strip_tags($deportes[0]->attributes->summary)) }}
                                        </div>
                                    </article>
                                </div>
                                <div class="section--category__mediano">
                                    @foreach ($deportes as $key => $article)
                                        @if ($key >= 1)
                                            @if ($key < 4)
                                                <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 class="nota__body">
                                                            <div class="nota__label">
                                                                <p><a
                                                                        href="/{{ $article->attributes->categories->data[0]->attributes->key_word }}/">{{ $article->attributes->categories->data[0]->attributes->name }}</a>
                                                                </p>
                                                            </div>
                                                            <h3><a class="categorie"
                                                                    href="/{{ $article->attributes->slug }}/">{{ $article->attributes->title }}</a>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </article>
                                            @endif
                                        @endif
                                    @endforeach
                                </div>
                                <div class="section--category__chico">
                                    @foreach ($deportes as $key => $article)
                                        @if ($key >= 4)
                                            @if ($key < 7)
                                                <article class="nota">
                                                    <div class="nota__body">
                                                        <div class="nota__label">
                                                            <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>
                <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/">Cultura</a></h4>
                            </div>
                            <div class="section__body">
                                <div class="section--fotogaleria__principal">
                                    @if (isset($cultura[0]))
                                        <article class="nota">
                                            <div class="nota__image nota__image--foto">
                                                <a href="/{{ $cultura[0]->attributes->slug }}/">
                                                    <img
                                                        src="{{ env('STRAPI_URL') }}{{ $cultura[0]->attributes->featuredmedia->data->attributes->path }}" />
                                                </a>
                                                <div class="nif__foto">

                                                </div>
                                            </div>
                                            <div class="nota__body">
                                                <h3><a
                                                        href="/{{ $cultura[0]->attributes->slug }}/">{{ $cultura[0]->attributes->title }}</a>
                                                </h3>
                                                {{ str_replace('[&hellip;]', '', strip_tags($cultura[0]->attributes->summary)) }}
                                            </div>
                                        </article>
                                    @endif
                                </div>
                                <div class="section--fotogaleria__mediano">
                                    @if (isset($cultura[1]))
                                        <article class="nota">
                                            <div class="nota__image">
                                                <a href="/{{ $cultura[1]->attributes->slug }}/">
                                                    <img
                                                        src="{{ env('STRAPI_URL') }}{{ $cultura[1]->attributes->featuredmedia->data->attributes->path }}" />
                                                </a>
                                            </div>
                                            <div class="nota__body">
                                                <h3><a
                                                        href="/{{ $cultura[1]->attributes->slug }}">{{ $cultura[1]->attributes->title }}</a>
                                                </h3>
                                            </div>
                                        </article>
                                    @endif
                                    @if (isset($cultura[2]))
                                        <article class="nota">
                                            <div class="nota__image">
                                                <a href="/{{ $cultura[2]->attributes->slug }}/">
                                                    <img
                                                        src="{{ env('STRAPI_URL') }}{{ $cultura[2]->attributes->featuredmedia->data->attributes->path }}" />
                                                </a>
                                            </div>
                                            <div class="nota__body">
                                                <h3><a
                                                        href="/{{ $cultura[2]->attributes->slug }}/">{{ $cultura[2]->attributes->title }}</a>
                                                </h3>
                                            </div>
                                        </article>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('layout.sidebar')
    </section>
@endsection