@extends('layouts/app')
@section('title', "List of saved user's search")
@section('description', 'www.WebMoto.us – Online Motorcycle Trader! List of saved user search!' )
@section('og:url', request()->url())
@section('header_styles')

@endsection

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

            <h1>MY SEARCH</h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                Category:
                <li><a href="#">Search</a></li>
                <li><a href="#">my search</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->data)
                            {{ $paramsobj->data->appends(request()->input())->links() }}
                        @endif
                    </div>

                </div>
                <!-- /LIST OPTIONS -->
                <!-- ITEM -->
                @if (!$paramsobj->data)
                    <div class="">You still have no saved search!</div>
                @else
                    <div id="panel-1" class="panel panel-default">
                        <div class="panel-heading">
							<span class="elipsis">
								<strong>MY SEARCH</strong> <!-- panel title -->
							</span>


                        </div>


                        <div class="box-inner">

                            <div class="timeline"><!-- .timeline-inverse = right position [left on RTL] -->
                            @foreach($paramsobj->data as $items)
                                <!-- ITEM -->
                                    <div class="timeline-item timeline-item-bordered"
                                         id="search-{{ $items->search_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->title }}</h2>
                                        <p>

                                            @if ($items->marka) Make:
                                            <strong> {{ $items->marka }}</strong>
                                            ,&nbsp;@endif
                                            @if ($items->condition) Condition:
                                            <strong> {{ $items->condition }}</strong>
                                            ,&nbsp; @endif
                                            @if ($items->categories) Category:
                                            <strong> {{ $items->categories }}</strong>
                                            ,&nbsp; @endif
                                            @if ($items->cena_ot) Price from:
                                            <strong> {{ $items->cena_ot }}</strong>,&nbsp; @endif
                                            @if ($items->cena_do) Price to:
                                            <strong> {{ $items->cena_do }}</strong>,&nbsp; @endif
                                            @if ($items->godina_ot) Year from:
                                            <strong> {{ $items->godina_ot }}</strong>
                                            ,&nbsp; @endif
                                            @if ($items->godina_do) Year to:
                                            <strong> {{ $items->godina_do }}</strong>
                                            ,&nbsp; @endif
                                            @if ($items->location) City:
                                            <strong> {{ $items->location }}</strong>
                                            ,&nbsp; @endif
                                            @if ($items->sort) Sort by:<strong> {{ $items->sort }}</strong>,
                                            &nbsp; @endif
                                        </p>
                                        <div class="text-right">
                                            <a href="javascript:void(0)" class="btn btn-warning btn-xs"
                                               onclick="LoadUserSearch({{ $items->search }})"><i
                                                        class="fa fa-eye white"></i> Preview </a>
                                            <a href="javascript:void(0)" class="btn btn-danger btn-xs"
                                               onclick="DestroyUserSearch({{ $items->search_id }})"><i
                                                        class="fa fa-times white"></i> Delete </a>
                                        </div>
                                    </div>
                                    <!-- /ITEM -->
                                @endforeach
                            </div>

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

    function DestroyUserSearch(id) {

        var user = '{{ Auth::id() }}';

        swal({
                title: "Search delete!",
                text: "Are you sure you want to delete saved search!",
                type: "warning",
                showCancelButton: true

            },
            function () {
                var token = '{{ csrf_token() }}';
                $.ajax({
                    method: 'DELETE', // Type of response and matches what we said in the route
                    url: '/user/search/destroy', // This is the url we gave in the route
                    data: {_token: token, _user: user, _id: id}, // a JSON object to send back
//            dataType: "json",
                    success: function (response) { // What to do if we succeed
                        swal("Congratulations!", "You have successfully deleted your saved search", "success");
                        $("#search-" + id).hide();
                        console.log(response);
                    },
                    error: function (jqXHR, textStatus, errorThrown) { // What to do if we fail
                        console.log(JSON.stringify(jqXHR));
                        console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
                    }
                });

            });


    };

    function LoadUserSearch(postData) {


        var data = JSON.parse(JSON.stringify(postData));
        var arrdata = data['_data'];

        var urlparams = [];
        $.each(arrdata, function (key, value) {
            var dataname = value['name'];
            var datavalue = value['value'];
            urlparams.push(dataname + '=' + datavalue);
        });
//        console.log(urlparams.join(''));
        var url = '/searchresults?' + urlparams.join('&');
        window.location.href = url;

    };
</script>
@endsection