@extends('admin.admin')
@section('title', 'Detalhes do serviço '.$servico->designacao)
@section('content')
    <div class="pagedesignacao">
        <h1>{{ $servico->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')}}">Serviços</a></li>
                <li class="breadcrumb-item">Detalhes</li>
                <li class="breadcrumb-item active"><a href="{{route('painel.servico.show', $servico->idservico)}}">{{$servico->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.servico.addImage', $servico) }}">
                    <i class="bi bi-images"></i> Imagens/Vídeos
                </a>&ensp;
                <a class="btn bg-default" href="{{ route('painel.servico.edit', $servico->idservico) }}">
                    <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>Categoria</strong><br>
                                <p>{{ $servico->categoria->categoria }}</p>
                            </div>
                            <div class="col-lg-4 col-sm-12 mb-3">
                                <strong>Publicado por</strong><br>
                                <p>{{ $servico->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($servico->created_at)) }}
                                    <strong><small style="color: #000 !important;">{{ $servico->created_at->diffForHumans() }}</small></strong>
                                </p>
                            </div>

                            <div class="col-lg-4 col-sm-12 mb-3">
                                <strong>Imagem</strong><br>
                                <p>
                                    @if ($servico->capa != 'default')
                                        <img src="{{ asset('storage/servicos/'.$servico->capa) }}" alt="{{ $servico->designacao }}" width="100%">
                                    @else
                                        Sem imagem
                                    @endif
                                </p>
                            </div>

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

                            <div class="col-12 mb-3">
                                <strong>Conteúdo</strong><br>
                                <p>{!! $servico->descricao !!}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
@endsection
@section('script')
<script src="{{ asset('assets/js/default-admin.js') }}"></script>
@endsection