@foreach($reponses as $reponse)

 @if($utilisateur->id === $reponse->iduserRep)
 <li class="d-flex justify-content-between mb-4">
   <img src="{{url($reponse->Profile)}}" alt="avatar"
     class="rounded-circle d-flex align-self-start me-3 shadow-1-strong" width="60">
   <div class="card">
     <div class="card-header d-flex justify-content-between p-3">
       <p class="fw-bold mb-0">{{$reponse->name }} {{$reponse->Nom }}</p>
       <p class="text-muted small mb-0"><i class="far fa-clock"></i> {!! $day !!} {!! $months[$month-1] !!} {!! $hour !!}h {!! $minute !!}</p>
     </div>
     <div class="card-body">
       <p class="mb-0">
         {!! $reponse->ContenuReponse !!}
         
       </p>
     </div>
   </div>
 </li>
 @endif
 @if($utilisateur->id != $reponse->iduserRep)

 <li class="d-flex justify-content-between mb-4">
   <div class="card w-100">
     <div class="card-header d-flex justify-content-between p-3">
       <p class="fw-bold mb-0">{{$reponse->name }} {{$reponse->Nom }}</p>
       <p class="text-muted small mb-0"><i class="far fa-clock"></i>  {!! $day !!} {!! $months[$month-1] !!} {!! $hour !!}h {!! $minute !!}</p>
     </div>
     <div class="card-body">
       <p class="mb-0">
         {!! $reponse->ContenuReponse !!}
       </p>
     </div>
   </div>
   <img src="{{url($reponse->Profile)}}" alt="avatar"
     class="rounded-circle d-flex align-self-start ms-3 shadow-1-strong" width="60">
 </li>


 @endif

 @endforeach

 @if(count($reponsesNonLu) != Null)
 <div class="col-md-7 col-sm-7 col-xs-7">
   <span  class="align-items-center justify-content-center badge badge-pill text-center pull-right" id="nonlu" style="background-color: #3c8dbc; text-align: center !important; align-items: center !important; float: inherit; !important">{{$nonlu}} messages non lu</span>
 </div>
  <br>
 @endif

 @foreach($reponsesNonLu as $reponse)
 

  @if($utilisateur->id === $reponse->iduserRep)
  <li class="d-flex justify-content-between mb-4">
    <img src="{{url($reponse->Profile)}}" alt="avatar"
      class="rounded-circle d-flex align-self-start me-3 shadow-1-strong" width="60">
    <div class="card">
      <div class="card-header d-flex justify-content-between p-3">
        <p class="fw-bold mb-0">{{$reponse->name }} {{$reponse->Nom }}</p>
        <p class="text-muted small mb-0"><i class="far fa-clock"></i> {!! $day !!} {!! $months[$month-1] !!} {!! $hour !!}h {!! $minute !!}</p>
      </div>
      <div class="card-body">
        <p class="mb-0">
          {!! $reponse->ContenuReponse !!}
        </p>
      </div>
    </div>
  </li>
  @endif
  @if($utilisateur->id != $reponse->iduserRep)
  <li class="d-flex justify-content-between mb-4">
    <div class="card w-100">
      <div class="card-header d-flex justify-content-between p-3">
        <p class="fw-bold mb-0">{{$reponse->name }} {{$reponse->Nom }}</p>
        <p class="text-muted small mb-0"><i class="far fa-clock"></i>  {!! $day !!} {!! $months[$month-1] !!} {!! $hour !!}h {!! $minute !!}</p>
      </div>
      <div class="card-body">
        <p class="mb-0">
          {!! $reponse->ContenuReponse !!}
        </p>
      </div>
    </div>
    <img src="{{url($reponse->Profile)}}" alt="avatar"
      class="rounded-circle d-flex align-self-start ms-3 shadow-1-strong" width="60">
  </li>


  @endif


  @endforeach