@extends('users/layout/master')
@section('users_content')

@if(count($articles)>0)
	<h2 style="text-align: center; font-weight: bold; padding: 20px;">
	LES ARTICLES DISPONIBLES
	</h2>
@else
	<h2 style="text-align: center; font-weight: bold; padding: 20px;">
	PAS D' ARTICLE DISPONIBLE
	</h2>
@endif
             <div class="col-md-12">
             	@foreach($articles as $article)
                <div class="col-md-4">
                <div class="item ">
                  <div class="service-block bg-white">
                    <div class="thumb"> 
                    	<img  alt="featured project" src="{{asset($article->articles_image)}}" style="height: 200px !important;"  class="img-fullwidth">
                   </div>
                    <div class="content text-left flip p-25 pt-0">
                      <h4 class="line-bottom mb-10">{{ $article->articles_title}}</h4>

                      <h5 class="line-bottom mb-10">
                      	...
                      </h5>

                     <a class="btn btn-dark btn-theme-colored btn-sm text-uppercase mt-10" href="{{route('articles.detail', $article)}}">VOIR PLUS</a>
                    </div>
                  </div>
                </div>
                </div>
                @endforeach
             </div>


@push('styles')

@endpush

@endsection