@extends('admin.admin')
@section('title', 'Detalhes do serviço '.$evento->designacao)
@section('content')
    <div class="pagedesignacao">
        <h1>{{ $evento->designacao }}</h1>
        <nav>
            <ol class="breadcrumb">
                 <li class="breadcrumb-item"><a href="{{route('painel.dashboard')}}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{route('painel.servico.index')}}">Eventos</a></li>
                <li class="breadcrumb-item">Detalhes</li>
                <li class="breadcrumb-item active"><a href="{{route('painel.servico.show', $evento->idevento)}}">{{$evento->designacao}}</a></li>
            </ol>
        </nav>
    </div>
    <section class="section">
        <div class="row">
            <div class="col col-12 d-flex justify-content-end mb-3">
                <a class="btn bg-light border" href="{{ route('painel.evento.addImage', $evento) }}">
                    <i class="bi bi-images"></i> Imagens/Vídeos
                </a>&ensp;
                <a class="btn bg-default" href="{{ route('painel.evento.edit', $evento->idevento) }}">
                    <i class="bi bi-pencil-square"></i> Editar serviço
                </a>
            </div>
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body p-5">
                        <div class="row">                            
                            <div class="col-lg-4 col-sm-12 mb-3">
                                <strong>Imagem</strong><br>
                                <p>
                                    @if ($evento->capa != 'default')
                                        <img src="{{ asset('storage/eventos/'.$evento->capa) }}" alt="{{ $evento->designacao }}" width="100%">
                                    @else
                                        Sem imagem
                                    @endif
                                </p>
                            </div>

                            <div class="col-12 mb-3">
                                <strong>Título</strong><br>
                                <p>{{ $evento->designacao }}</p>
                            </div>

                            <div class="col-12 mb-3">
                                <strong>Conteúdo</strong><br>
                                <p>{!! $evento->descricao !!}</p>
                            </div>

                            <div class="col-lg-4 col-sm-12 mb-3">
                                <strong>Publicado por</strong><br>
                                <p>{{ $evento->user->name ?? '-' }}</p>
                            </div>
                            <div class="col-lg-4 col-sm-12 mb-3">
                                <strong>Data da publicação</strong><br>
                                <p>
                                    {{ date('d/m/Y H:i',strtotime($evento->created_at)) }}
                                    <strong><small style="color: #000 !important;">{{ $evento->created_at->diffForHumans() }}</small></strong>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
@endsection
@section('script')
<script src="{{ asset('assets/js/default-admin.js') }}"></script>
@endsection