@include('more.vendor.partials._header')

         {{-- Main content --}}
         <div class="main-content">
            <div class="row">
               <div class="col-lg-12">
                  <div class="main-content-title-profile mb-30">
                     <div class="main-content-title">
                        <h3>{{ $title }}</h3> 
                        <span id="time_span"></span>
                        <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
                           <path d="M6.669 2.27202L0.94102 8L0 7.05898L5.72731 1.331H0.679478V0H8V7.32052H6.669V2.27202Z" />
                        </svg>
                     </div>
                  </div>
               </div>
            </div>
            <div class="dashboard-message-wrapper">
               <div class="row">
                  <div 
                     @if ($message_tag == 2)
                        style="display: none;"
                     @endif
                     class="col-xl-12 col-md-12 col-12 s-d-p-0">
                     <div class="inbox-wrap">
                        <div class="inbox-top-area">
                           <div class="inbox-title">
                              <h6>{{ count($messages) }} message(s)</h6>
                           </div>
                        </div>
                        <div class="inbox-message-list">
                           <ul>
                              {{--  --}}
                              @if (count($messages) > 0)
                                 @foreach ($messages as $msg)
                                    @foreach ($msg as $m)
                                       <a href="/seller/message/{{ $m['sender']['id'] }}/{{ $m['receiver']['id'] }}">
                                          <li>
                                             <div class="author-area">
                                                <div class="author-img">
                                                   @if (isset($m['sender']['photo']))
                                                      <img src="{{ $m['sender']['photo'] }}"
                                                         alt="{{ $m['sender']['name'] }}">
                                                   @else
                                                      <img src="/more/media/favicon.png" alt>
                                                   @endif
                                                </div>
                                                <div class="author-content">
                                                   <h6>{{ $m['sender']['name'] }}</h6>
                                                   <p>{{ $m['content'] }}</p>
                                                </div>
                                             </div>
                                             <div class="time-status">
                                                <div class="time">
                                                   {{-- <span>10.00 AM</span> --}}
                                                   <span>{{ $m['created_at'] }}</span>
                                                </div>
                                                {{-- <div class="status">
                                                   <span>2</span>
                                                </div> --}}
                                             </div>
                                          </li>
                                       </a>
                                    @endforeach
                                 @endforeach
                              @else
                                 No Messages
                              @endif
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         

         {{-- Footer Content --}}
@include('more.vendor.partials._footer')