@extends('layouts.app')
<style>

  .avatar-user img {
    width: 50px;
  }

  .user-text label {
    font-size: 14px !important;
  }
</style>
@section('content')

<div class="page-container">

  <div class="main-content">

    @if(isset($comment))
    <div class="home_capital_direct-add pt-5">
      <h3 class="text-center">Comments</h3>
      <div class="container">
      <div class=" mt-5 rounded shadow-sm">
        @foreach($comment as $val)
        <div class="review-rating p-5 bg-white rounded shadow-sm mb-4">
          <div class="row">
            <div class="col-sm-12">
              <div class="d-flex align-items-center avatar-user">
                <img src="https://shortages.lcb.co.uk/public/img/Ellipse 189.png" alt="avatar" />
                <h5 class="ml-4 mb-0">{{ !empty($val->user)? $val->user->fname:''}} {{ !empty($val->user)? $val->user->lname:''}}</h5>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-sm-12 user-text pt-2">
              <label for=""><b>Comment: </b> {{$val->comment}}</label>
              {{ $val->created_at->format('m-d-Y') }}
            </div>
            
          </div>
        </div>
      @endforeach
      </div>
      </div>
    </div>
    @endif

  </div>

</div>

</div>
@endsection