@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>
  </div>
</div>

<div class="page-section">
  <div class="container">
    <div class="blog-view-container">
      <div class="blog-view-content">
        <h2 class="pageheader-sub">
          {{$post->title}}
          <br>
          <p style="font-size: 12px;">{{"published by :".$post->user->name}}</p>
        </h2>
        <div class="image">
          <p>{!!$post->description!!}</p>
        
        <p class="page-text"></p>
        <div class="comment-content">
          <div class="add-comment">
            <div class="bio-img">
              <img id="img_prev" src="{{user_asset($post->featured_image_path)}}" alt="">
            </div>
            <div class="comment">
              <form method="post" action="{{ route('comments') }}" enctype="multipart/form-data">
                  @csrf
                    <input type="hidden" name="postId" value="{{$post->id}}">
                    <textarea id="comment" style="" class="form-control gc-pic-textarea gc-pic-textarea" name="comment" placeholder="Type your comment here"></textarea>
                    @if ($errors->has('comment'))
                          <div class="invalid-feedback">
                              {{ $errors->first('comment') }}
                          </div>
                      @endif

                    <div class="error-block" id="comenterror"></div>
                    <button type="submit" class="btn btn-info pull-right gc-btn-margin2">Post</button>
                    <br>
              </form>
              
            </div>
          </div>

          @foreach($posts->comments as $comments) 
          @if($comments->user != null)
          <div class="user-comment">
            <div class="bio-img">
                <img id="img_prev" src="{{user_asset($comments->user->profile_image_path)}}" alt="">
            </div>
            <div class="comment">
            <h4>{{$comments->user->fname}}</h4>
              <p>{{$comments->body}}</p>
            </div>
          </div>
          @endif
            @endforeach
          </div>
      </div>
    </div>
  </div>
</div>
@endsection