@extends('layouts.app')

@section('content')

@if (count($posts) > 0 )

<div class="container">
   
  
        
        
   
   
   
        <div class="row">
          @foreach ($posts as $post)
          <div class="col-md-3 col-sm-6 item">
            <div class="card item-card card-block">
              <img  src="/public/cover_images/{{$post->cover_image}}" alt="winking">
            <h5 class="card-title text-right"><a href="/posts/{{$post->slug}}"><i class="material-icons">{!!$post->title!!}</i></a></h5>
               <p class="card-text">{!!$post->body!!}<a href="/posts/{{$post->slug}}"> read more</a> </p> 
             
            
        </div>
          </div>
         


  @endforeach
@else 
<p>no post found</p>
@endif

@endsection