@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 articles-list">
        <div class="col-md-8">
            <div class="gta-card card mb-4">
                <div class="card-header">Gérer la page</div>
                <div class="card-body">
                    <form action="{{ route('articles.page') }}" method="POST" enctype="multipart/form-data">
                        @method('PUT')
                        @csrf
                        <div class="form-row align-items-end mt-3">
                            <div class="form-group col-md-5">
                                <label for="inputPageTitle">Titre</label>
                                <input type="text" class="form-control @error('title') is-invalid @enderror"
                                    value="{{ old('title', $page->title ?? null) }}" name="title" id="inputPageTitle">
                                @error('title')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group col-md-5">
                                <label for="inputPageSubTitle">Sous titre</label>
                                <input type="text" class="form-control @error('subtitle') is-invalid @enderror"
                                    value="{{ old('subtitle', $page->subtitle ?? null) }}" name="subtitle"
                                    id="inputPageSubTitle">
                                @error('subtitle')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group col-md-2">
                                <button type="submit" class="btn btn-primary w-100">Modifier</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="d-flex justify-content-between align-items-center navigation">
                <a href="{{ route('articles.create') }}" class="btn btn-sm btn-info text-white">
                    <i class="bi bi-plus-circle"></i>
                    Ajouter
                </a>
                {{ $articles->links() }}
            </div>
            @foreach ($articles as $article)
                <article class="d-flex p-3 mb-5">
                    <figure class="col-md-4 pl-0 article-thumb">
                        <a href="{{ route('articles.show', ['article' => $article->id]) }}">
                            <img src="@if ($article->thumbnail) {{ asset($article->thumbnail->url()) }} @endif"
                                alt="article-thumb">
                        </a>
                    </figure>
                    <div class="col-md-8 article-content">
                        <h2 class="article-title">
                            <a href="{{ route('articles.show', ['article' => $article->id]) }}">{{ $article->title }}
                            </a>
                        </h2>
                        <div class="meta-data">
                            Publié le :
                            <span
                                class="created-at">{{ \Carbon\Carbon::parse($article->created_at)->format('d-m-Y') }}</span>
                        </div>
                        <div class="article-excerpt">
                            {!! Str::words($article->content, 40) !!}
                            <a href="{{ route('articles.show', ['article' => $article->id]) }}">Continuer la lecture <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </article>
            @endforeach
        </div>
    </div>
@endsection