@extends('layouts/app')
@section('title', 'User Personal Messages')
@section('description', 'www.WebMoto.us – Online Motorcycle Trader! User Personal Messages!' )
@section('og:url', request()->url())
@section('header_styles')
@endsection

@section('content')
    <section class="page-header page-header-xs">
        <div class="container">

            <h1>My Messages - Review</h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><a href="{{ url('user/messages') }}">My Messages</a></li>
            </ol><!-- /breadcrumbs -->

        </div>
    </section>

    <div class="container">

        <div class="row">
            <!-- LEFT -->

            <div class="col-lg-8 col-md-8 col-sm-12">

                <!-- LIST OPTIONS -->
                <div class="clearfix shop-list-options margin-bottom-20">

                    <div class="pagination nomargin pull-right col-md-8 col-sm-12">
                        <!-- Pagination Default -->
                        @if ($paramsobj->message)
                            {{ $paramsobj->message->appends(request()->query())->links() }}
                        @endif
                    </div>

                </div>
                <!-- /LIST OPTIONS -->
                <!-- ITEM -->
                @if (!$paramsobj->message)
                    <div class="">You still have no saved search!</div>
                @else
                    <ul class="nav nav-tabs nav-top-border">
                        <li class="tabmessages active" id="all"><a href="{{ url('user/messages?sort=all') }}">All</a>
                        </li>
                        <li class="tabmessages" id="received"><a href="{{ url('user/messages?sort=received') }}">Received</a>
                        </li>
                        <li class="tabmessages" id="sended"><a
                                    href="{{ url('user/messages?sort=sended') }}">Send</a></li>
                        <li class="tabmessages" id="archived"><a href="{{ url('user/messages?sort=archived') }}">Archived</a>
                        </li>

                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="allS">
                            <div id="panel-1" class="panel panel-default">
                                <div class="panel-heading">
							<span class="elipsis">
								<strong>Messages @if($headmessage->deleted_at)<span class="text-warning pull-right"><i
                                                class="fa fa-warning white"></i> archived</span>@endif</strong>
                                <!-- panel title -->
							</span>


                                </div>


                                <div class="box-inner">

                                    <div class="timeline"><!-- .timeline-inverse = right position [left on RTL] -->
                                        <div class="timeline-item timeline-item-bordered"
                                             id="message-{{ $headmessage->message_id }}">
                                            <!-- timeline entry -->
                                            <div class="timeline-entry rounded"><!-- .rounded = entry -->
                                                @php
                                                    $dt = \Carbon\Carbon::parse($headmessage->created_at);
                                                   // \Carbon\Carbon::setLocale('bg');
                                                   // setlocale(LC_TIME, 'bg');
                                                @endphp
                                                {{  $dt->formatLocalized('%d') }}
                                                <span>{{  $dt->formatLocalized('%b %Y') }}</span>
                                                <div class="timeline-vline"><!-- vertical line --></div>
                                            </div>
                                            <!-- /timeline entry -->

                                            <a href="{{ url('listing/ad/'.$headmessage->moto_adds_id.'-'.$motoadd->slug) }}"
                                               class=""><h2
                                                        class="uppercase">{{ @str_limit($headmessage->title, 200) }}</h2>
                                            </a>

                                            <p>
                                                Ad ID: {{ $headmessage->moto_adds_id }}
                                            </p>
                                            <div class="text-right">
                                                @if(!$headmessage->deleted_at)
                                                    <a href="javascript:void(0)" class="btn btn-danger btn-xs"
                                                       onclick="ArchiveUserMessage('{{ Auth::id() }}', '{{ $headmessage->message_id }}')"><i
                                                                class="fa fa-times white"></i> Archive </a>
                                                @else
                                                    <a href="javascript:void(0)" class="btn btn-danger btn-xs"
                                                       onclick="DestroyUserMessage('{{ Auth::id() }}', '{{ $headmessage->message_id }}')"><i
                                                                class="fa fa-times white"></i> Delete </a>
                                                    <a href="javascript:void(0)" class="btn btn-info btn-xs"
                                                       onclick="ActivateUserMessage('expand', '{{ $headmessage->message_id }}')"><i
                                                                class="fa fa-times white"></i> Activation </a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <hr/>
                                @php $i=0; @endphp
                                @foreach($paramsobj->message as $items)
                                        @php
                                            $toid = ($items->user_id == $items->from_id) ?  $items->to_id : $items->from_id;
                                            $i++;
                                        @endphp
                                        @if($i==1)
                                        <p class="no-margin"><a href="javascript:void(0)"
                                                                onclick="StoreReplayToMessages('{{ $motoadd->id }}', '{{ Auth::id() }}', '{{ $toid }}', '{{ $items->message_id }}')"
                                                                class="btn btn-info btn-sm"><i class="fa fa-reply"></i>
                                                message</a>
                                        </p>
                                        @endif
                                    @if($items->user_id == $items->from_id)
                                        <!-- ITEM SENDER -->
                                            <div class="comment-list">

                                                <div class="row">
                                                    <div class="col-md-2 col-sm-2 hidden-xs">
                                                        <figure class="thumbnail">
                                                            {{--<img class="img-responsive" src="assets/images/avatar2.jpg">--}}
                                                            <figcaption
                                                                    class="text-center">{{ $items->sender->name }}</figcaption>
                                                        </figure>
                                                    </div>
                                                    <div class="col-md-10 col-sm-10">
                                                        <div class="panel panel-default arrow left">
                                                            <div class="panel-body">
                                                                <header class="text-left">
                                                                    <div class="comment-user"><i class="fa fa-user"></i>
                                                                        to: {{ $items->receiver->name  }}</div>
                                                                    @php
                                                                        $dt = \Carbon\Carbon::parse($items->created_at);
                                                                        $dtupdate = \Carbon\Carbon::parse($items->updateed_at);
                                                                    @endphp
                                                                    <span class="comment-date"><i
                                                                                class="fa fa-clock-o"></i> {{ $dt->formatLocalized('%d %b %Y  %H:%I:%S') }}</span>
                                                                </header>
                                                                <div class="comment-post">
                                                                    <p>
                                                                        {{ $items->message }}
                                                                    </p>
                                                                    @if((bool)$items->isread)
                                                                        @if($items->isread->first()->status)
                                                                            <span class="comment-date pull-right small">seen <i
                                                                                        class="fa fa-clock-o"></i>
                                                                                {{ \Carbon\Carbon::parse($items->isread->first()->updated_at)->diffForHumans() }}
                                                                            </span>
                                                                        @endif
                                                                    @endif
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- /ITEM -->
                                        @else
                                        <!-- ITEM SENDER -->
                                            <div class="comment-list">
                                                <div class="row">
                                                    <div class="col-md-9 col-sm-9 col-md-offset-1 col-md-pull-1 col-sm-offset-0">
                                                        <div class="panel panel-default arrow right">
                                                            <div class="panel-body">
                                                                <header class="text-left">
                                                                    <div class="comment-user"><i class="fa fa-user"></i>
                                                                        to: {{ $items->receiver->name  }}</div>
                                                                    @php
                                                                        $dt = \Carbon\Carbon::parse($items->created_at);
                                                                        $dtupdate = \Carbon\Carbon::parse($items->updateed_at);
                                                                    @endphp
                                                                    <span class="comment-date"><i
                                                                                class="fa fa-clock-o"></i> {{ $dt->formatLocalized('%d %b %Y  %H:%I:%S') }}</span>
                                                                </header>
                                                                <div class="comment-post">
                                                                    <p>
                                                                        {{ $items->message }}
                                                                    </p>
                                                                    @if((bool)$items->isread)
                                                                        @if($items->isread->first()->status)
                                                                            <span class="comment-date pull-right small">seen <i
                                                                                        class="fa fa-clock-o"></i> {{ \Carbon\Carbon::parse($items->isread->first()->updated_at)->diffForHumans() }}
                                                                            </span>
                                                                        @endif
                                                                    @endif
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2 col-sm-2 col-md-pull-1 hidden-xs">
                                                        <figure class="thumbnail">
                                                            {{--<img class="img-responsive" src="assets/images/avatar2.jpg">--}}
                                                            <figcaption
                                                                    class="text-center">{{ $items->sender->name }}</figcaption>
                                                        </figure>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- /ITEM -->
                                        @endif
                                    @endforeach


                                </div>
                                @endif
                                <div class="divider divider-dotted"><!-- divider --></div>
                                <div class="text-center">
                                    <!-- Pagination Default -->
                                @if ($paramsobj->message)
                                    {{ $paramsobj->message->appends(request()->input())->links() }}
                                @endif
                                <!-- /Pagination Default -->
                                </div>

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



            </div>

        <!-- RIGHT -->
        <div class="col-lg-4 col-md-4 col-sm-12 margin-top-20">

            <!-- CATEGORIES -->
            @include('layouts.sidebar', ['hotlinks' => true, 'sidemenucats' => false])
            @include('layouts.banners', ['banner' => '300x250x1'])
            @include('layouts.sidebar', ['hotlinks' => false, 'sidemenucats' => true])

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


    <!-- CATEGORIES -->
    @include('layouts.catsbox')
    <!-- /CATEGORIES -->
@endsection
@section('footer_scripts')
<script type="text/javascript">

    $(document).ready(function(){

        var sort = getUrlParameter('sort');
        if(sort) {
            $(".tabmessages").removeClass('active');
            $("#"+sort).addClass('active');
//            $("#"+sort).trigger('click');

        } else {
//            $("#all").addClass('active');
        }



//        alert(sort);

    });



    function LoadUserMessage(sort) {

//        console.log(urlparams.join(''));
        var url = '/user/messages?sort=' + sort;
        window.location.href = url;

    };




</script>
@endsection