@extends('layouts.admin')

@section('title', 'Articles')

@section('content')
            <div class="row">
                <div class="col-md-12">
                    <h2 class="text-left mb-2 mt-0 pt-0 pb-0 font-weight-bold">
                        Articles : <strong class="red-text">{{ $articleCount }}</strong>
                    </h2>
                    <div class="progress mt-0 warning-color" style="height: 2px; width: 10%;"></div>
                    <div class="card col-md-10 mb-3 mx-auto">
            
            <div class="card-body mx-auto"  style="width:70%;">
                <form class="px-1" action="{{ route('admin.article.index') }}" method="GET">
                    <div class="form-row md-form">

                        <div class="col-md-6">
                            <input type="text" class="form-control" value="" placeholder="Nom" name="nom">
                        </div>
                        
                        <div class="col">
                        <a class="btn btn-2 rounded p-2 float-right" href="{{ route('admin.article.create') }}">
                            <i class="fa fa-plus" aria-hidden="true"></i> <span class="add-1">Ajouter un article</span>
                        </a>
                            <button type="submit" class="btn btn-sm bg-color-2">rechercher</button>
                        </div>
                    </div>
                </form>

                
            </div>
                </div>
                            
                    <div class="row">
                        @forelse ($articles as $article)
                            <div class="col-md-4 px-md-2">
                                <div class="card border border-light mb-3">
                                    <div class="view overlay">
                                        <img src="{{ asset('img/articles/'.$article->photo) }}" style="height: 240px" class="card-img-top" alt="{{ $article->titre }}">
                                        <a href="{{ route('admin.article.show', $article) }}">
                                            <div class="mask rgba-white-slight"></div>
                                        </a>
                                    </div>
                                    
                                    <div class="card-body">
                                        <h5 class="card-title" style="height: 100px" >
                                            <a href="{{ route('admin.article.show', $article) }}" class="link-text-color-1"><strong>{{ $article->titre }}</strong></a>
                                        </h5>
                                        <span class="grey-text">{{ date_format(date_create($article->created_at), "d/m/Y") }}</span>
                                        
                                        <hr>
                                        <a href="{{ route('admin.article.edit', $article) }}" class="btn btn-1 btn-sm py-2 px-2 mx-0 rounded">
                                            <i class="fa fa-pencil" aria-hidden="true"></i> Modifier
                                        </a> 
                                        <a data-toggle="modal" data-target="#mdsup" class="btn btn-1 btn-sm py-2 px-2 mx-0 rounded">
                                            <i class="fa fa-trash" aria-hidden="true"></i> Supprimer
                                        </a>
                                        @include('articles.FormSup')

                                        @if($article->published==true)
                                        <a href="{{ route('admin.desactive.article',$article)}}" class="btn btn-1 btn-sm py-2 px-2 mx-0 rounded">
                                            <i class="fa fa-eye-slash" aria-hidden="true"></i> Activé
                                        </a>
                                        @else
                                        <a href="{{ route('admin.desactive.article',$article)}}" class="btn btn-1 btn-sm py-2 px-2 mx-0 rounded">
                                            <i class="fa fa-eye-slash" aria-hidden="true"></i> Désactivé
                                        </a>
                                        @endif
                                    </div>
                                </div>

                            </div>
                        @empty
                            <div class="col-lg-12 col-md-12 mb-4 wow fadeIn" data-wow-delay="0.4s">
                                <p>{{"Pas encore d'articles !"}}</p>
                            </div>
                        @endforelse

                        @if($articles)
                            <div class="col-lg-12 col-md-12 mb-4 ">
                                {{ $articles->links() }}
                                
                            </div>
                        @endif
                    </div>
                </div>
            </div>
@endsection


@push('scripts')
    <script type="text/javascript">
        
    </script>
@endpush