@if (count($blogs) > 0)
    <section class="p-t-65 p-b-65" id="blog">
        <div class="container">
            <div class="section-title m-b-70">
                <p class="title-sub">De nuestro blog</p>
                <h2 class="title-1">Avisos importantes</h2>
            </div>
            <div class="custom-carousel-container custom-carousel-container--blogs">
                <div class="custom-carousel custom-carousel--blogs" data-items-desktop="2" data-items-tablet="1"
                    data-items-mobile="1">
                    <div class="custom-carousel-viewport">
                        <div class="custom-carousel-track">
                            @foreach ($blogs as $blog)
                                <div class="custom-carousel-item">
                                    <article class="blog">
                                        <figure class="entry-image">
                                            <a href="{{ route('blog', ['blog_id' => $blog->uri]) }}">
                                                <img data-src="{{ $blog->image_uri }}" class="lazyload"
                                                    alt="Universidades en Santa Anita, Prepa, Licenciaturas, Maestrias, Doctorados" />
                                            </a>
                                        </figure>
                                        <div class="entry-summary">
                                            <h3 class="entry-title">
                                                <a href="{{ route('blog', ['blog_id' => $blog->uri]) }}">
                                                    {{ $blog->title }}
                                                </a>
                                            </h3>
                                            <span class="entry-meta">{{ $blog->published_at }}</span>
                                            <p class="entry-excerpt text-justify">
                                                {{ substr($blog->cut_content, 0, 300) . '...' }}
                                            </p>
                                        </div>
                                    </article>
                                </div>
                            @endforeach
                        </div>
                    </div>

                    @if (count($blogs) > 2)
                        <button class="custom-carousel-prev" aria-label="Previous">
                            <i class="ti-angle-left"></i>
                        </button>
                        <button class="custom-carousel-next" aria-label="Next">
                            <i class="ti-angle-right"></i>
                        </button>
                    @endif
                </div>
            </div>
        </div>
    </section>
@endif