@extends('layouts.app')

@section('content')
    <div class="row shadow-sm rounded">
        @if (isset($image->imagem))
            <div class="aos-init aos-animate p-5 d-flex justify-content-center " data-aos="zoom-in"> <img
                    src="{{ url("storage/{$image->imagem}") }}" class="img-fluid rounded  shadow-lg" alt=""></div>
        @endif

        @if (isset($evento->titulo))
            <h3>{{ $evento->titulo }}</h3>
        @endif

        @if (isset($evento->data))
            <p> {{ $evento->data }}</p>
        @endif

        @if (isset($evento->descricao))
            <div> 
                <p>
                    {{$evento->descricao}}
                </p>
            </div>
        @endif
    </div>

    {{--
        <div class="container">
        <h2 style="margin:20px">Galeria</h2>

        <div class="row p-3">

            @foreach ($images as $imagem)
                <div class="col-md-3" style="margin-top: 1em; ">
                    <div class="thumbnail">
                        <a href="{{ url("storage/{$imagem->imagem}") }}" target="_blank">
                            <img src="{{ url("storage/{$imagem->imagem}") }}" alt="Lights"
                                class="img-fluid rounded shadow-sm" >

                        </a>
                    </div>
                </div>
            @endforeach


        </div>
        
    </div>
    --}}
    </div>
@endsection