@extends('layouts.layoutPost')

@section('content')


 @foreach ($postagens as $value)
                            
          <div class="mx-auto col-10 my-3">
           <div class="card">
              <div class="card-header">
                 <h5 class="mb-0 card-title">{{ $value->titulo }}</h5>
               </div>

               <!--   CARD BODY    -->
               <div class="card-body">
                 <div class="perfilUser d-flex align-items-center">
                   <img src="https://i.pinimg.com/550x/da/ba/b8/dabab85a04f90e5e4071c906611c7271.jpg" class="img-fluid" alt="...">
                    <div class="userPost">
                      <div class="userName">{{ $value->user->name }}</div>
                         <span><time class="published">{{ \Carbon\Carbon::parse($value->created_at)->diffForHumans(); }}</time></span>
                    </div>

                      <!--  ICONE DENUNCIAR    -->
                      <i class="bi bi-exclamation-triangle text-danger ms-auto dropdown-toggle"
                         data-bs-toggle="dropdown"
                         aria-expanded="false">
                        <ul class="dropdown-menu">
                          <li><a class="dropdown-item" href="#">Denunciar Usuário</a></li>
                          <li><a class="dropdown-item" href="#">Denunciar postagem</a></li>
                        </ul>
                      </i>
                 </div>

                    <!-- CONTEUDO POSTAGEM -->
                    <p class="card-text">{!! $value->conteudo !!}</p>

                </div> <!-- Fechando CARD BODY -->

                <!-- FOOTER CARD -->
                <div class="card-footer bg-transparent d-flex">
                 <time class="published">{{ \Carbon\Carbon::parse($value->created_at)->format('d/m/Y') }}</time>
                   <div class="ms-auto">
                     <a href="{{ url('/blog/curtida/' . $value->id) }}">
                     <i class="bi bi-heart"></i></a>
                       {{ $value->curtidas->count() }}
                       
                     <a href="{{ url('/blog/postagem/' . $value->id) }}">
                     <i class="bi bi-chat"></i></a>
                       {{ $value->comentarios->count() }}
                    </div>      
                </div>
          
         </div> <!-- Fechando CARD -->
       </div> 
   
   
<!-- COMENTANDO -->
   <div class="mx-auto col-10 my-3">         
         @auth
         <form action="{{ route('blog.postagemComentario', $postagem->id) }}" method="post">
          @csrf
          
          <div class="mb-3 mx-auto col-8">
          <textarea name="conteudo" class="form-control" id="conteudo"></textarea>
          </div>
          
        <div class="d-flex justify-content-center">
           <button type="submit" class="btn btn-primary px-4">Comentar
           </button>
                </div>
										</form>
									@endauth
        
          <h3 class="mt-5 text-center">Comentários:</h3>
         <div class="my-2 border-bottom">
			@foreach ($postagem->comentarios as $comentario)
		 <h6>{{ $comentario->user->name }}</h6> 
         <span class="data">| Data {{ $comentario->created_at }}</span>
         <p>{{ $comentario->conteudo }}</p>
		</div>	
            @endforeach
</div> <!-- Fechando COMENTARIOS -->                           
                            
                        @endforeach



@endsection