@extends("frontend.includes.layout")


@section('content')

    @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">

                        <article class="blog-detail-1">
                            <header class="entry-header">
                                <h1 class="project-style-1" style="font-size: 60px; letter-spacing: -2px; color: #22418b">
                                    {{ $blog->title }}</h1><BR>
                                <span class="entry-date">NOTICIAS Y TIPS DE UC - CAMPUS GDL |
                                    {{ $blog->published_at }}</span>
                            </header>
                            <div class="entry-content-ss">
                                <div class="slick-wrap slick-gallery js-slick-wrapper" data-slick-xs="1" data-slick-sm="1"
                                    data-slick-md="1" data-slick-lg="1" data-slick-xl="1" data-slick-customnav="true"
                                    data-slick-autoplay="true">
                                    <div class="slick-wrap-content">
                                        <div class="slick-content js-slick-content">
                                            <div class="slick-item">
                                                <img src="{{ $blog->image_uri }}" alt="{{ $blog->title }}">
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                @if ($blog->file_uri)
                                    <br style="padding-bottom: 20px;">

                                    <div class="row justify-content-center">
                                        <a download="Plan de estudios-{{ $blog->title }}.pdf"
                                            class="btn btn-outline-primary colors-ucg" target="_blank"
                                            style="font-size: initial;" href="{{ $blog->file_uri }}">
                                            <i class="fas fa-file-download"></i>
                                            Descargar archivo adjunto
                                        </a>
                                    </div>
                                    <br style="padding-bottom: 20px;">

                                @endif

                                <div class="row justify-content-center">
                                    <div class="col-md-10">

                                        <div class="ql-editor">
                                            {!! $blog->content !!}
                                        </div>

                                    </div>
                                </div>



                            </div>
                        </article>

                    </div>

                    <div class="col-md-4 col-lg-3">
                        @include("frontend.blogs.blogs-ads")
                    </div>
                </div>
            </div>
        </section>
        <!-- END BLOG-->


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













{{-- <!-- MAIN-->
    <main id="main">


        <!-- CAREER DETAIL-->
        <section class="section p-t-100 p-b-80">
            <div class="container">
                <article class="blog-detail-1">
                    <header class="entry-header">
                        <h1 class="project-style-1" style="font-size: 60px; letter-spacing: -2px; color: #22418b">
                            {{ $blog->title }}</h1><BR>
                        <span class="entry-date">NOTICIAS Y TIPS DE UC - CAMPUS GDL | {{ $blog->published_at }}</span>
                    </header>
                    <div class="entry-content">
                        <div class="slick-wrap slick-gallery js-slick-wrapper" data-slick-xs="1" data-slick-sm="1"
                            data-slick-md="1" data-slick-lg="1" data-slick-xl="1" data-slick-customnav="true"
                            data-slick-autoplay="true">
                            <div class="slick-wrap-content">
                                <div class="slick-content js-slick-content">
                                    <div class="slick-item">
                                        <img src="{{ $blog->image_uri }}" alt="{{ $blog->title }}">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="row justify-content-center">
                            <div class="col-md-10">

                                <div class="ql-editor">
                                    {!! $blog->content !!}
                                </div>

                            </div>
                        </div>

                    </div>
                </article>
            </div>
        </section>
        <!-- END CAREER DETAIL-->
    </main>
    <!-- END MAIN--> --}}


@endsection