@extends("frontend.includes.layout")
@section('links')
    <link href="/css/offert.css" rel="stylesheet" />
    <link href="/vendor/animate.css/animate.min.css" rel="stylesheet" media="all">
@endsection

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

    <section class="section m-5">
        <div class="section-title">
            <h5 class="title-sub">Nuestras instalaciones</h5>

        </div>



    </section>



    <div class="p-t-110"></div>


    @php($side = 'left')
    @foreach ($installations as $index => $installation)
    @if (count($installation['gallery']) > 0)
    <section
        class="p-t-50 animate__animated  {{ $side === 'right' ? 'animate__slideInRight' : 'animate__slideInLeft' }}  animate__slow">
        <div class="wrap wrap--w1790">
            <div class="container-fluid">
                <article class="media-project-3 {{ $side }}">
                    <div class="media__body">
                        <figure class="media__img">
                            <a href="{{ route('installation', $installation['uri']) }}">
                                <img src="{{ $installation['gallery'][0]['path'] }}"
                                    alt="Bachillerato, Preparatoria, Tetramestral, Santa Anita, Privada" />
                            </a>
                        </figure>

                        <div class="media__content">
                            <div class="pointer"></div>
                            <h4 class="title-sub title-sub--c8">INSTALACIONES UC</h4>
                            <h2 class="title-3" style="color: #22418b;">{{ $installation['title'] }}
                            </h2>
                            <!-- <p class="media__text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque still laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi arch sat itecto beatae vitae dicta sunt
                                                                    explicabo.</p> -->
                            <a class="au-btn au-btn--arrow" href="{{ route('installation', $installation['uri']) }}">Más
                                Detalles
                                <i class="zmdi zmdi-arrow-right ic-arrow"></i>
                            </a>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </section>
    @php($side = $side === 'right' ? 'left' : 'right')
    @endif
    @endforeach



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