@extends("frontend.includes.layout")

@section('content')
    <!-- MAIN-->
    <main id="main">
        <div class="wrap wrap--w1790">
            <div class="container-fluid">
                <article class="project-style-2">

                    {{-- <div class="project-images">
                        <img class="wp-post-image" src="/images/instalaciones/auditorio/auditorio1.png" alt="Post 1">
                        <img class="wp-post-image" src="/images/instalaciones/auditorio/auditorio2.png" alt="Post 2">
                        <img class="wp-post-image" src="/images/instalaciones/auditorio/auditorio3.png" alt="Post 3">
                        <img class="wp-post-image" src="/images/instalaciones/auditorio/auditorio4.png" alt="Post 4">
                        <img class="wp-post-image" src="/images/instalaciones/auditorio/auditorio5.png" alt="Post 5">
                    </div> --}}

                    <div class="project-images text-center">
                        <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">

                                    @foreach ($installation->gallery->toArray() as $gallery)
                                        <div class="slick-item">
                                            <img src="{{ $gallery["path"] }}"
                                                alt="Universidad, Licenciatura, Bachillerato, Diplomados, Maestrias, Doctorados, Ingenierias en Santa Anita, Jalisco">
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="slick__nav arrows-2 light">
                                <i class="slick-prev slick-arrow js-slick-prev ti-angle-left"></i>
                                <i class="slick-next slick-arrow js-slick-next ti-angle-right"></i>
                            </div>
                        </div>

                    </div>
                    <aside class="entry-summary-wrap">
                        <div class="entry-summary-content" id="js-sticky-content">
                            <div class="entry-summary js-sticky">
                                <div class="entry-summary__inner">
                                    <h2 class="entry-title">{{ $installation->title }}</h2>
                                    <p class="entry-content">
                                        {{ $installation->description }}
                                        <!--  <a class="au-btn au-btn--arrow" href="https://ucg.edu.mx/assets/files/reglamento-biblioteca.pdf"> Descargar Reglamento
                                                                <i class="zmdi zmdi-arrow-right ic-arrow"></i>       </a>-->

                                        <!--                                         <div class="entry-meta">
                                                            <div class="entry-meta__item">
                                                                <h4 class="key">DATE:</h4>
                                                                <span class="value">May - 21 - 2018</span>
                                                            </div>
                                                            <div class="entry-meta__item">
                                                                <h4 class="key">status:</h4>
                                                                <span class="value">Completed</span>
                                                            </div>
                                                            <div class="entry-meta__item">
                                                                <h4 class="key">client:</h4>
                                                                <span class="value">Domingo Norton</span>
                                                            </div>
                                                            <div class="entry-meta__item">
                                                                <h4 class="key">location:</h4>
                                                                <span class="value">Perth , Australia</span>
                                                            </div>
                                                        </div> -->

                                </div>

                            </div>
                        </div>
                    </aside>
                </article>
            </div>
        </div>
    </main>
    <!-- END MAIN-->
@endsection