@extends('layouts.site')

@section('content')


<section id="" class="pagina-interna galeria-foto-interna">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="box-conteudo">

                <h1 class="titulo-internas">Melhores momentos / Marcha 2023</h1>


                <div id="galeria" class="row box-galeria" style="justify-content: center;">

                   <div class="box-video-marcha" style="    width: 591px"> 
                    
                       <iframe width="100%" height="315" src="https://www.youtube.com/embed/uQX-a0RcqHw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                   </div>  

                </div>
            </div>
        </div>
    </div>

</section>



<section id="" class="pagina-interna galeria-foto-interna">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="box-conteudo">
                <h1 class="titulo-internas">Galeria de fotos / Marcha 2023 </h1>
                <div id="galeria" class="row box-galeria">

                        @forelse($galerias as $i => $galeria)

                        @php
                            if(!array_key_exists('photoset', $galeria)) continue;
                            $galeria = $galeria['photoset'];
                        @endphp

                        <!--Capa album-->
                        <div class="col-12 col-md-4 col-lg-3">
                            <a href="galeria/{{$galeria['id']}}" class="capa card box-card-galeria">
                                <figure>
                                    <img src="https://farm{{ $galeria['farm'] }}.staticflickr.com/{{ $galeria['server'] }}/{{ $galeria['primary'] }}_{{ $galeria['secret'] }}_n.jpg&w=320&h=210" alt="" class="img-fluid">
                                </figure>
                                <h1>{!! $galeria['title']['_content'] !!}</h1>
                            </a>
                        </div>
                        <!--Fim Capa album-->

                        @empty
                            <h2 style="text-align:center">Em Breve...</h2>
                        @endforelse 

                    </div>

                </div>
            </div>
        </div>
    </div>

</section>



@endsection