@extends('layouts.app')
@include('layouts.footer')

@section('content')
    <section id="news-title" class="d-flex align-items-center">
        <div class="container position-relative">
            <h1 class="display-1">{!! $events->race_name !!}</h1>
        </div>
    </section>
   
    <div class="container-lg">
        <div class="row">
            <div class="col-sm-4">
                <img src="{{ asset(config('app.url').'/'.$events->race_logo) }}" class="img-fluid" alt="{{ $events->race_logo_alt}}" width="80%" />
                
                        @isset($events->documents)
                            <div class="newstext">
                                <h3>Documentos</h3>
                                <ul id="myUL" style="margin-left: 1em; ">
                                    @forelse ($events->documents as $item)
                                        <li>
                                            <p>
                                                <span class="caret">
                                                    <a href="{{ asset($item->document_link)}}">{!! $item->document_name !!}</a>
                                                </span> 
                                            </p> 
                                        </li>
                                    @empty
                                        <li> Sem documentos para apresentar </li>
                                    @endforelse
                                </ul>
                            </div>
                        @endisset
                  
                
                @isset($events->race_galery_id)
                    <div class="newstext">
                        <h3> Fotos e Resultados </h3>
                        
                        <ul class="myUl" style="padding-left: 15px;">
                        @forelse($events->files->Events()->get() as $file)
                            <li>
                                <p>
                                    
                                    <span class="caret">
                                        <a href="{{ asset("https://www.euroindy.com/galeria/".$file->link)}}">
                                        {{ $file -> name }}
                                        </a>
                                    </span>
                                
                                </p>
                            </li>
                        @empty 
                        @endforelse
                        </ul>
                    </div>
                @endisset
            </div>
            <div class="col-sm-8">
                    @if($events->race_desc != "")
                    <div class="newstext">
                        <h3>Descrição</h3>
                        <p>{!! $events->race_desc !!}</p>
                    </div>
                @endif
        
                @if($events->race_info != "")
                    <div class="newstext">
                        <h3>Mais informação</h3>
                        <p>{!! $events->race_info !!}</p>
                    </div>
                @endif
            </div>
        </div>
    



       


      

        <hr />
        <h6><span class="badge badge-secondary">{{$events->category->name}}</span>&nbsp;Publicado:&nbsp;{{ $events->created_at}} &nbsp;Actualizado em: {{ $events->updated_at}}</h6>
    
        <div align="center">
            <a href="{{ url()->previous() }}"><button class="button-news">Voltar</button></a>
        </div>
        
       

    </div>
    @include('events.relatedCategory',['category' => $events->category])
@endsection