@extends('layouts.front_main')
@section('title', $page_name)

@if(isset($page) && $page)
   @include('front.partials._meta_properties_page')

@endif
@section('content')
<div class="page-wrapper"> 
    @include('front.partials._breadcrumb')

    <section class="standard-section inbox-section about-text-section align-items-center justify-content-center">
        <div class="container">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">All</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">Unread</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact-tab-pane" type="button" role="tab" aria-controls="contact-tab-pane" aria-selected="false">Archived</button>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">  
                    <div class="row d-none d-md-flex pb-3">
                        <div class="col-6 col-md-4"><strong class="color-green">From / To</strong></div>
                        <div class="col-12 col-md-4"><strong class="color-green">Message</strong></div>
                        <div class="col-6 col-md-4"><strong class="color-green">Updated</strong></div>
                    </div>
                    <div class="messages-list">
                      
                        @if($messages)
                            @foreach ($messages as $message)
                            
                                @if($message->message_from != Auth::user()->id)
                                    <div class="single">
                                        <div class="row">
                                            <div class="col-6 order-1 col-md-4">
                                                <strong class="d-block d-md-none color-green">From / To</strong>
                                                <a href="{{route('conversations',['user' => $message->messageFrom->username])}}">
                                                    {{$message->messageFrom->name }}
                                                    @if($message->first_unread()) <span class="color-main">(new)</span> @endif
                                            
                                                </a>
                                            </div>
                                            <div class="col-12 pt-2 pt-md-0 order-3 order-md-2 col-md-4"><strong class="d-block d-md-none color-green">Message</strong><a href="{{route('conversations',['user' => $message->messageFrom->username])}}">{{$message->latest()->message_body}}</a></div>
                                            <div class="col-6 order-2 order-md-3 col-md-4"><strong class="d-block d-md-none color-green">Updated</strong>{{Carbon\Carbon::parse($message->latest()->created_at)->format('M d H:i')}}</div>
                                        </div>
                                    </div>
                                   
                                    {{-- <a href="{{route('conversations',['user' => $message->first()->messageFrom->username])}}">View conversation</a> --}}

                                @elseif($message->message_to != Auth::user()->id)
                                    <div class="single">
                                        <div class="row">
                                            <div class="col-6 order-1 col-md-4"><strong class="d-block d-md-none color-green">From / To</strong><a href="{{route('conversations',['user' => $message->messageTo->username])}}"> {{$message->messageTo->name}}  @if($message->first_unread()) <span class="color-main">(new)</span> @endif</div>
                                            <div class="col-12 pt-2 pt-md-0 order-3 order-md-2 col-md-4"><strong class="d-block d-md-none color-green">Message</strong><a href="{{route('conversations',['user' => $message->messageTo->username])}}">{{$message->latest()->message_body}}</a></div>
                                            <div class="col-6 order-2 order-md-3 col-md-4"><strong class="d-block d-md-none color-green">Updated</strong>{{Carbon\Carbon::parse($message->latest()->created_at)->format('M d H:i')}}</div>
                                        </div>
                                    </div>
                                   
                                 
                                @endif
                            
                                
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="tab-pane fade" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
                    <div class="row d-none d-md-flex pb-3">
                        <div class="col-6 col-md-4"><strong class="color-green">From / To</strong></div>
                        <div class="col-12 col-md-4"><strong class="color-green">Message</strong></div>
                        <div class="col-6 col-md-4"><strong class="color-green">Updated</strong></div>
                    </div>
                    <div class="messages-list">
                        @if($messages)
                            @foreach ($messages as $message)
                                @if($message->first_unread())
                                    @if($message->message_from != Auth::user()->id)
                                        <div class="single">
                                            <div class="row">
                                                <div class="col-6 order-1 col-md-4">
                                                    <strong class="d-block d-md-none color-green">From / To</strong>
                                                    <a href="{{route('conversations',['user' => $message->messageFrom->username])}}">
                                                        {{$message->messageFrom->name }}
                                                        @if($message->first_unread()) <span class="color-main">(new)</span> @endif
                                                
                                                    </a>
                                                </div>
                                                <div class="col-12 pt-2 pt-md-0 order-3 order-md-2 col-md-4"><strong class="d-block d-md-none color-green">Message</strong><a href="{{route('conversations',['user' => $message->messageFrom->username])}}">{{$message->latest()->message_body}}</a></div>
                                                <div class="col-6 order-2 order-md-3 col-md-4"><strong class="d-block d-md-none color-green">Updated</strong>{{Carbon\Carbon::parse($message->latest()->created_at)->format('M d H:i')}}</div>
                                            </div>
                                        </div>
                                    
                                        {{-- <a href="{{route('conversations',['user' => $message->first()->messageFrom->username])}}">View conversation</a> --}}

                                    @elseif($message->message_to != Auth::user()->id)
                                        <div class="single">
                                            <div class="row">
                                                <div class="col-6 order-1 col-md-4"><strong class="d-block d-md-none color-green">From / To</strong><a href="{{route('conversations',['user' => $message->messageTo->username])}}"> {{$message->messageTo->name}}  @if($message->first_unread()) <span class="color-main">(new)</span> @endif</div>
                                                <div class="col-12 pt-2 pt-md-0 order-3 order-md-2 col-md-4"><strong class="d-block d-md-none color-green">Message</strong><a href="{{route('conversations',['user' => $message->messageTo->username])}}">{{$message->latest()->message_body}}</a></div>
                                                <div class="col-6 order-2 order-md-3 col-md-4"><strong class="d-block d-md-none color-green">Updated</strong>{{Carbon\Carbon::parse($message->latest()->created_at)->format('M d H:i')}}</div>
                                            </div>
                                        </div>
                                    
                                    
                                    @endif
                                @endif
                                
                            @endforeach
                       
                        @endif
                    </div>
                </div>
                <div class="tab-pane fade show" id="contact-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">
                    <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">  
                        <div class="row d-none d-md-flex pb-3">
                            <div class="col-6 col-md-4"><strong class="color-green">From / To</strong></div>
                            <div class="col-12 col-md-4"><strong class="color-green">Message</strong></div>
                            <div class="col-6 col-md-4"><strong class="color-green">Updated</strong></div>
                        </div>
                        <div class="messages-list">
                            @if($messages_arhived)
                                @foreach ($messages_arhived as $message)
                                
                                    @if($message->message_from != Auth::user()->id)
                                        <div class="single">
                                            <div class="row">
                                                <div class="col-6 order-1 col-md-4">
                                                    <strong class="d-block d-md-none color-green">From / To</strong>
                                                    <a href="{{route('conversations',['user' => $message->messageFrom->username])}}">
                                                        {{$message->messageFrom->name }}
                                                        @if($message->first_unread()) <span class="color-main">(new)</span> @endif
                                                
                                                    </a>
                                                </div>
                                                <div class="col-12 pt-2 pt-md-0 order-3 order-md-2 col-md-4"><strong class="d-block d-md-none color-green">Message</strong><a href="{{route('conversations',['user' => $message->messageFrom->username])}}">{{$message->latest()->message_body}}</a></div>
                                                <div class="col-6 order-2 order-md-3 col-md-4"><strong class="d-block d-md-none color-green">Updated</strong>{{Carbon\Carbon::parse($message->latest()->created_at)->format('M d H:i')}}</div>
                                            </div>
                                        </div>
                                    
                                        {{-- <a href="{{route('conversations',['user' => $message->first()->messageFrom->username])}}">View conversation</a> --}}

                                    @elseif($message->message_to != Auth::user()->id)
                                        <div class="single">
                                            <div class="row">
                                                <div class="col-6 order-1 col-md-4"><strong class="d-block d-md-none color-green">From / To</strong><a href="{{route('conversations',['user' => $message->messageTo->username])}}"> {{$message->messageTo->name}}  @if($message->first_unread()) <span class="color-main">(new)</span> @endif</div>
                                                <div class="col-12 pt-2 pt-md-0 order-3 order-md-2 col-md-4"><strong class="d-block d-md-none color-green">Message</strong><a href="{{route('conversations',['user' => $message->messageTo->username])}}">{{$message->latest()->message_body}}</a></div>
                                                <div class="col-6 order-2 order-md-3 col-md-4"><strong class="d-block d-md-none color-green">Updated</strong>{{Carbon\Carbon::parse($message->latest()->created_at)->format('M d H:i')}}</div>
                                            </div>
                                        </div>
                                    
                                    
                                    @endif
                                
                                    
                                @endforeach
                            @endif

                        </div>
                </div>
            </div>


            <div class="col-12">
              

            </div>
        </div>
    </section>
</div>


@endsection




@push('scripts')

@endpush