Current File : //home/tradevaly/public_html/resources/views/user/pages/message/messages.blade.php
@extends('user.ayaan.master')


@push('title','Message')

@push('style')

@endpush

@section('content')
<div class="main-content">
<div class="container-fluid">
    <div class="page-content">
        <div class="container-fluid">
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">Inbox</h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Email</a></li>
                                <li class="breadcrumb-item active">Inbox</li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row">
                <div class="col-12">
                    <!-- Left sidebar -->
                    <div class="email-leftbar card">
                        <!--<button type="button" class="btn btn-danger btn-block waves-effect waves-light" data-bs-toggle="modal" data-bs-target="#composemodal">-->
                        <!--    Compose-->
                        <!--</button>-->
                        <div class="mail-list mt-4">
                            <a href="javascript: void(0);" class="active"><i class="mdi mdi-email-outline me-2"></i> Inbox <span class="ms-1 float-end">(18)</span></a>
                            <a href="javascript: void(0);"><i class="mdi mdi-star-outline me-2"></i>Read</a>
                            <a href="javascript: void(0);"><i class="mdi mdi-diamond-stone me-2"></i>Unread</a>
                            <a href="javascript: void(0);"><i class="mdi mdi-email-check-outline me-2"></i>Sent Mail</a>
                        </div>

                    </div>
                    <!-- End Left sidebar -->


                    <!-- Right Sidebar -->
                    <div class="email-rightbar mb-3">
                        
                        <div class="card">
                            <!--<div class="btn-toolbar p-3" role="toolbar">-->
                            <!--    <div class="btn-group me-2 mb-2 mb-sm-0">-->
                            <!--        <button type="button" class="btn btn-primary waves-light waves-effect"><i class="fa fa-inbox"></i></button>-->
                            <!--        <button type="button" class="btn btn-primary waves-light waves-effect"><i class="fa fa-exclamation-circle"></i></button>-->
                            <!--        <button type="button" class="btn btn-primary waves-light waves-effect"><i class="far fa-trash-alt"></i></button>-->
                            <!--    </div>-->
                            <!--    <div class="btn-group me-2 mb-2 mb-sm-0">-->
                            <!--        <button type="button" class="btn btn-primary waves-light waves-effect" data-bs-toggle="dropdown" aria-expanded="false">-->
                            <!--            <i class="fa fa-folder"></i> <i class="mdi mdi-chevron-down ms-1"></i>-->
                            <!--        </button>-->
                            <!--        <div class="dropdown-menu">-->
                            <!--            <a class="dropdown-item" href="#">Updates</a>-->
                            <!--            <a class="dropdown-item" href="#">Social</a>-->
                            <!--            <a class="dropdown-item" href="#">Team Manage</a>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--    <div class="btn-group me-2 mb-2 mb-sm-0">-->
                            <!--        <button type="button" class="btn btn-primary waves-light waves-effect" data-bs-toggle="dropdown" aria-expanded="false">-->
                            <!--            <i class="fa fa-tag"></i> <i class="mdi mdi-chevron-down ms-1"></i>-->
                            <!--        </button>-->
                            <!--        <div class="dropdown-menu">-->
                            <!--            <a class="dropdown-item" href="#">Updates</a>-->
                            <!--            <a class="dropdown-item" href="#">Social</a>-->
                            <!--            <a class="dropdown-item" href="#">Team Manage</a>-->
                            <!--        </div>-->
                            <!--    </div>-->

                            <!--    <div class="btn-group me-2 mb-2 mb-sm-0">-->
                            <!--        <button type="button" class="btn btn-primary waves-light waves-effect" data-bs-toggle="dropdown" aria-expanded="false">-->
                            <!--            More <i class="mdi mdi-dots-vertical ms-2"></i>-->
                            <!--        </button>-->
                            <!--        <div class="dropdown-menu">-->
                            <!--            <a class="dropdown-item" href="#">Mark as Unread</a>-->
                            <!--            <a class="dropdown-item" href="#">Mark as Important</a>-->
                            <!--            <a class="dropdown-item" href="#">Add to Tasks</a>-->
                            <!--            <a class="dropdown-item" href="#">Add Star</a>-->
                            <!--            <a class="dropdown-item" href="#">Mute</a>-->
                            <!--        </div>-->
                            <!--    </div>-->
                            <!--</div>-->
                            <ul class="message-list">
                                @foreach($messages as $message)
                                <li class="{{($message->seen==null)?'unread':''}}">
                                    <div class="col-mail col-mail-1">
                                        <div class="checkbox-wrapper-mail">
                                            <input type="checkbox" id="chk19">
                                            <label for="chk19" class="toggle"></label>
                                        </div>
                                        <a href="{{route('user.message.view',$message->chat_id)}}" class="title">
                                            @if($message->person_one == auth()->id())
                                                @if(isset($message->personTwo->name))
                                                {{$message->personTwo->name}}
                                                @else
                                                Acount Deleted
                                                @endif
                                            @else
                                                @if(isset($message->personOne->name))
                                                {{$message->personOne->name}}
                                                @else
                                                Acount Deleted
                                                @endif
                                            @endif
                                            {!!($message->seen==null)?'<span class=text-warning>unread</span>':''!!}
                                        </a>
                                        <span class="star-toggle far fa-star"></span>
                                    </div>
                                    <div class="col-mail col-mail-2">
                                        <a href="{{route('user.message.view',$message->chat_id)}}" class="subject">
                                            @if($message->last_message==null)
                                            Lets Start To chat with 
                                            @if($message->person_one == auth()->id())
                                                @if(isset($message->personTwo->name))
                                                {{$message->personTwo->name}}
                                                @else
                                                <strong class="text-warning">Acount Deleted</strong>
                                                @endif
                                            @else
                                                @if(isset($message->personOne->name))
                                                {{$message->personOne->name}}
                                                @else
                                                <strong class="text-warning">Acount Deleted</strong>
                                                @endif
                                            @endif
                                            @else
                                            {{$message->last_message}}
                                            @endif
                                        </a>
                                        <div class="date">{{$message->updated_at->format('M y');}}</div>
                                    </div>
                                </li>
                                @endforeach

                            </ul>

                        </div><!-- card -->

                        <div class="row">
                            <div class="col-7">
                                <!--Showing 1 - 20 of 1,524-->
                            </div>
                            <div class="col-5">
                                <div class="btn-group float-end">
                                    <button type="button" class="btn btn-sm btn-success waves-effect"><i class="fa fa-chevron-left"></i></button>
                                    <button type="button" class="btn btn-sm btn-success waves-effect"><i class="fa fa-chevron-right"></i></button>
                                </div>
                            </div>
                        </div>

                    </div> <!-- end Col-9 -->

                </div>

            </div><!-- End row -->

        </div> <!-- container-fluid -->
    </div>
</div>
</div>

@push('script')