@extends('layouts.public')

@section('titre', $article->titre.' — InnerHayti')

@section('content')
<article class="reading">
  <div class="wrap-narrow">
    <a class="detail-back" href="{{ route('articles.index') }}">← Actualités</a>
    <span class="art-rubrique">{{ $article->rubrique->getLabel() }}</span>
    <h1>{{ $article->titre }}</h1>
    <div class="reading-meta">
      @if($article->auteur_nom) Par {{ $article->auteur_nom }} · @endif
      {{ $article->publie_le?->format('d/m/Y') }} · {{ $article->vues }} vues
    </div>

    @if($article->image)
      <div class="reading-img">
        <img src="{{ asset('storage/'.$article->image) }}" alt="{{ $article->titre }}">
      </div>
    @endif

    <div class="reading-content">
      {!! $article->contenu !!}
    </div>
  </div>
</article>
@endsection