@extends("frontend.includes.layout")


@section('content')
    <!-- MAIN-->
    <main id="main">

        <!-- BLOG-->
        <section class="p-t-100">
            <div class="container">
                <div class="row">


                    <div class="col-md-8 col-lg-9">

                        @foreach ($blogs as $blog)
                            <article class="blog">
                                <figure class="entry-image">
                                    <a href="{{ route('blog', ['blog_id' => $blog->uri]) }}">
                                        <img src="{{ $blog->image_uri }}"
                                            alt="Universidad, Preparatoria, Maestrias, Santa Anita" />
                                    </a>
                                </figure>
                                <div class="entry-summary">
                                    <h4 class="entry-title">
                                        <a href="{{ route('blog', ['blog_id' => $blog->uri]) }}">
                                            {{ $blog->title }}
                                        </a>
                                    </h4>
                                    <span class="entry-meta">{{ $blog->published_at }}</span>
                                    <p class="entry-excerpt"> {{ substr($blog->cut_content, 0, 300) . '...' }}</p>
                                </div>
                                <br>
                                <a class="au-btn au-btn--arrow" href="{{ route('blog', ['blog_id' => $blog->uri]) }}">Leer
                                    Más
                                    <i class="zmdi zmdi-arrow-right ic-arrow"></i>
                                </a>
                                <hr class="mt-5">
                            </article>

                        @endforeach



                        {{ $blogs->links() }}
                        <br>
                        <br>

                    </div>

                    <div class="col-md-4 col-lg-3">

                        @include("frontend.blogs.blogs-ads")

                    </div>
                </div>
            </div>
        </section>
        <!-- END BLOG-->


    </main>
    <!-- END MAIN-->
@endsection