@extends('layouts.admin')

@section('title', 'Articles')

@section('content')
    <div class="row">
        <div class="col-sm-4 col-3">
            <h4 class="page-title">Articles</h4>
        </div>
        <div class="col-sm-8 col-9 text-right m-b-20">
            <a href="{{ route('admin-cnp.articles.create') }}" class="btn btn-primary float-right btn-rounded">
                <i class="fa fa-plus"></i> Nouvel article
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
            @endif
        </div>
    </div>

    <div class="row">
        @forelse ($articles as $article)
            <div class="col-sm-6 col-md-6 col-lg-4">
                <div class="blog grid-blog">
                    <div class="blog-image">
                        <a href="{{ route('admin-cnp.articles.show', $article) }}">
                            <img class="img-fluid" style="height:130px;" src="{{asset('images/articles/'.$article->image)}}" alt="">
                        </a>
                    </div>
                    <div class="blog-content">
                        <h3 class="blog-title"><a href="{{ route('admin-cnp.articles.show', $article) }}">{{ Str::limit($article->titre, 50) }}</a></h3>
                        <div class="blog-info clearfix">
                            <div class="post-left">
                                <ul>
                                    <li><i class="fa fa-calendar"></i> <span>{{ date("d M Y à H:i", strtotime($article->created_at)) }}</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @empty
            {{"Pas encore d'article"}}
        @endforelse
        
        <div class="col-md-12">
            @if ($articles)
            <div class="mt-3">
                {{ $articles->links() }}
            </div>
            @endif
        </div>
    </div>
@endsection