@extends('layouts.dashboard-skelton')

@section('main')
    <div class="row justify-content-center">
        @if (session()->has('status'))
            <div class="alert alert-success" role="alert">
                {{ session()->get('status') }}
            </div>
        @endif
    </div>
    <div class="row justify-content-center single-article mb-5">
        <div class="col-md-8">
            <article>
                <div class="article-header">
                    <time>Publié le : {{ \Carbon\Carbon::parse($article->created_at)->format('d-m-Y') }}</time>
                    <div class="article-actions">
                        <a href="{{ route('articles.edit', ['article' => $article->id]) }}" class="btn btn-edit"
                            title="">
                            <i class="bi bi-pencil-fill"></i>
                        </a>
                        <form action="{{ route('articles.destroy', ['article' => $article->id]) }}" class="d-inline"
                            method="POST" enctype="multipart/form-data">
                            @method('DELETE')
                            @csrf
                            <button type="submit" class="btn btn-delete"><i class="bi bi-x-lg"></i></button>
                        </form>
                    </div>
                </div>
                <div class="article-content">
                    <h1 class="article-title">
                        {{ $article->title }}
                    </h1>
                    <figure class="article-thumb">
                        <img src="@if ($article->thumbnail) {{ asset($article->thumbnail->url()) }} @endif"
                            alt="article-thumb">
                    </figure>
                    {!! $article->content !!}
                </div>
            </article>
        </div>
    </div>
@endsection