@extends('layouts/app')
@section('title', 'List of messages')
@section('description', 'www.WebMoto.us – Online Motorcycle Trader! Users list of 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</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->messages)
                            {{ $paramsobj->messages->appends(request()->input())->links() }}
                        @endif
                    </div>

                </div>
                <!-- /LIST OPTIONS -->
                <!-- ITEM -->
                @if (!$paramsobj->messages)
                    <div class="">You still have no saved searches!</div>
                @else
                    <ul class="nav nav-tabs nav-top-border">
                        <li class="tabmessages active" id="all"><a href="javascript:void(0)"
                                                                   onclick="LoadUserMessage('all')">All</a></li>
                        <li class="tabmessages" id="received"><a href="javascript:void(0)"
                                                                 onclick="LoadUserMessage('received')">Received</a></li>
                        <li class="tabmessages" id="sended"><a href="javascript:void(0)"
                                                               onclick="LoadUserMessage('sended')">Send</a></li>
                        <li class="tabmessages" id="archived"><a href="javascript:void(0)"
                                                                 onclick="LoadUserMessage('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</strong> <!-- panel title -->
							</span>


                                </div>


                                <div class="box-inner">

                                    <div class="timeline"><!-- .timeline-inverse = right position [left on RTL] -->
                                    @foreach($paramsobj->messages as $items)
                                        <!-- ITEM -->
                                            <div class="timeline-item timeline-item-bordered"
                                                 id="message-{{ $items->message_id }}">
                                                <!-- timeline entry -->
                                                <div class="timeline-entry rounded"><!-- .rounded = entry -->
                                                    @php
                                                        $dt = \Carbon\Carbon::parse($items->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 -->

                                                <h2 class="uppercase">{{ $items->sender->name }}<span
                                                            class="small"> to {{ $items->receiver->name }}</span></h2>
                                                <p>
                                                    {{ @str_limit($items->title, 200) }}
                                                    @if($items->status != '1') <span class="btn btn-xs btn-info"><i
                                                                class="fa fa-bell"></i> new message </span> @endif
                                                </p>
                                                <div class="text-right">
                                                    <a href="{{ url( 'user/message/'. $items->moto_adds_id ) }}"
                                                       class="btn btn-warning btn-xs">
                                                        <i class="fa fa-eye white"></i> Preview </a>
                                                    @if(request('sort') != 'archived')
                                                        <a href="javascript:void(0)" class="btn btn-danger btn-xs"
                                                           onclick="ArchiveUserMessage('{{ Auth::id() }}', '{{ $items->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() }}', '{{ $items->message_id }}')"><i
                                                                    class="fa fa-times white"></i> Delete </a>
                                                        <a href="javascript:void(0)" class="btn btn-info btn-xs"
                                                           onclick="ActivateUserMessage('{{ Auth::id() }}', '{{ $items->message_id }}')"><i
                                                                    class="fa fa-times white"></i> Activate </a>
                                                    @endif
                                                </div>
                                            </div>
                                            <!-- /ITEM -->
                                        @endforeach
                                    </div>

                                </div>
                                @endif
                                <div class="divider divider-dotted"><!-- divider --></div>
                                <div class="text-center">
                                    <!-- Pagination Default -->
                                @if ($paramsobj->messages)
                                    {{ $paramsobj->messages->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');


        } else {

        }


//        alert(sort);

    });


    function LoadUserMessage(sort) {

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

    };


</script>
@endsection