@extends('layouts.app')

@section('content')
<div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
  <div class="overlay">
    <h1>MEMBER BLOG</h1>
    <a href="{{ route('posts.create') }}" class="girt-btn white">
        Add BLOG
        <i></i>
    </a>
  </div>
</div>

<div class="page-section">
  <div class="container">
    <div class="member-blog-container">
      <div class="row">
        @forelse ($allPost as $post)
          <div class="col-md-6 col-lg-4">
            <div class="blog-content">
              <div class="image" style="background-image: url('{{ user_asset($post->featured_image_path) }}');"></div>

              <h3>{{$post->title}}</h3>
              @if($post->approved ==2)
                <p>Reject Post</p>
                <div class="btn-content"><a href="{{ route('posts.reject.edit',$post->id) }}" class="girt-btn">read more <i></i></a></div>
              @elseif($post->approved ==1)
                <p>Approved Post</p>
                <div class="btn-content"><a href="{{ route('posts.show',$post->id) }}" class="girt-btn">read more <i></i></a></div>
              @else
                <p>Panding Post</p>
                <div class="btn-content"><a href="{{ route('posts.reject.show',$post->id) }}" class="girt-btn">read more <i></i></a></div>
              @endif
              
            </div>
          </div>
        @empty
          <tr>
              <td><div class="no-data">No post yet</div></td>
          </tr>
        @endforelse
      </div>
    </div>
  </div>
</div>
@endsection