{{--{{ dd(request()->getMethod()) }}--}}
@extends('layouts.app')
{{--@section('keywords', $keywords)--}}
@if($paramsobj->vendor->categoryname) @section('description', 'www.WebMoto.us – Online Motorcycle Trader! Dealers in category: '.$paramsobj->vendor->categoryname) @endif
@if($paramsobj->vendor->categoryname) @section('og:title', 'www.WebMoto.us – Dealers in category: '.$paramsobj->vendor->categoryname ) @endif
@section('og:url', request()->url())
@section('og:image', 'http://webmoto.niko.com/images/main/logo.png')
@if($paramsobj->vendor->categoryname) @section('og:description', 'www.WebMoto.us – Online Motorcycle Trader! Dealers in category: '.$paramsobj->vendor->categoryname ) @endif
@if($paramsobj->vendor->categoryname) @section('title', 'www.WebMoto.us – Dealers in category: '.$paramsobj->vendor->categoryname ) @endif

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

            <h1>Dealers Catalog</h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                <li><a href="/">Home</a></li>
                <li>Dealers Catalog</li>
            </ol><!-- /breadcrumbs -->

        </div>
    </section>
    <section>
        <div class="container">

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

                <div class="col-lg-9 col-md-9 col-sm-9">
                    <!-- Search  Form -->
                    <div class="col-sm-12 margin-bottom-20">
                        <form class="" id="searchvendors" action="/{{ $paramsobj->vendor->catlink }}" method="get"
                              datatype="">
                            {{--{{ csrf_field() }}--}}
                            <input type="hidden" id="count-searchvendors" value="" name="searchcount">
                            <div class="col-md-12">
                                <div class="col-md-4 col-sd-12">
                                    <div class="form-group" style="position: static;">
                                        <label for="select-1" class="text-left">Name</label>
                                        {{--<input type="text" id="title" class="form-control" name="title" onchange="LiveFormRequest(id, form.getAttribute('id'))" @if(request('title')) value="{{ request('title') }}" @endif>--}}

                                        <input type="text" id="title" class="form-control typeahead"
                                               data-provide="typeahead" autocomplete="off" name="title"
                                               onchange="LiveFormRequest(id, form.getAttribute('id'))"
                                               @if(request('title')) value="{{ request('title') }}" @endif>
                                        <input type="hidden" id="titleid" value="" name="titleid">
                                    </div>
                                </div>
                                <div class="col-md-4 col-sd-12">
                                    <label for="select-1" class="text-left">Category</label>
                                    <select class="form-control" name="category" id="category"
                                            onchange="LiveFormRequest(id, form.getAttribute('id'))">
                                        <option value="">Select</option>
                                        @foreach($searchdata->category as $item)
                                            <option value="{{ $item->id }}" @if(request('catid') == $item->id || request('category') == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4 col-sd-12">
                                    <label for="select-1" class="text-right">Sort by:</label>
                                    <select class="form-control" name="sort" id="sort"
                                            onchange="LiveFormRequest(id, form.getAttribute('id'))">
                                        @foreach($searchdata->sort as $item)
                                            <option value="{{ $item->id }}" @if(request('sort') == $item->id) {{ 'selected' }} @endif>{{ $item->value }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12 col-sd-12">
                                <div class="col-md-4 col-sd-12">
                                    <div class="form-group" style="position: static;">
                                        <label for="input-text-1">State</label>
                                        <select class="form-control select2" id="region" name="region"
                                                onchange="LiveFormRequest(id, form.getAttribute('id'), value)">
                                            <option value="">Select</option>
                                            @foreach($searchdata->region as $item)
                                                <option value="{{ $item->id }}" @if(request('region') == $item->id) {{ 'selected' }} @endif>{{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sd-12">
                                    <div class="form-group" style="position: static;">
                                        <label for="input-text-1">City</label>
                                        <select class="form-control select2" id="location-searchvendors" name="location"
                                                onchange="LiveFormRequest(id, form.getAttribute('id'))">
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sd-12">
                                    <label for="input-text-1">&nbsp;</label>
                                    <button type="submit" class="btn btn-responsive btn-primary full-width pull-right">
                                        <i class="fa fa-search"></i> Search <span
                                                class="badge badge-info pull-right margin-top-3 margin-left-6"
                                                id="ajaxcount-searchvendors">@if(request('searchcount')) {{ request('searchcount') }} @endif @if(!request('searchcount')){{ $vendorscount }}@endif</span>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /Search  Form -->
                    <!-- ITEM -->
                    @php
                        $i = 0;
                    @endphp
                    @foreach($paramsobj->vendors as $items)
                        @php
                            $i++;
                        @endphp
                        @if($i == 8)
                            <ul class="shop-item-list row list-inline nomargin ">
                                <li class="col-lg-12">
                                    <div class="shop-item clearfix">
                                        @include('layouts.banners', ['banner' => 'emission-bew-adds'])
                                    </div>
                                </li>
                            </ul>
                        @endif
                        <ul class="shop-item-list row list-inline nomargin">
                            <li class="col-lg-12">
                                <div class="shop-item clearfix">

                                    {{--@include('layouts.banners', ['banner' => 'emission-bew-adds'])--}}

                                    <div class="thumbnail">
                                        <!-- product image(s) -->
                                        <a class="shop-item-image" href="{{ url($items->link) }}">
                                            <img class="img-responsive" src="{{ $items->vendorimagethumb }}"
                                                 alt="{{ $items->title }}"/>
                                        </a>
                                        <!-- /product image(s) -->

                                        <!-- product more info -->
                                        <div class="shop-item-info">
                                            @if (strtotime($items->updated_at) > strtotime(\Carbon\Carbon::now()->subDays(30)))
                                                <span class="label label-success">NEW</span> @endif
                                            @if ($items->vip == 1)<span class="label label-danger"><i
                                                        class="fa fa-rocket"></i> FEATURED</span> @endif
                                        </div>
                                        <!-- /product more info -->
                                    </div>

                                    <div class="shop-item-summary padding-0" style="min-width: 70%">
                                        <div class="col-md-12 padding-0">
                                            <div class="col-md-8 col-sm-12 padding-0"><a href="{{ url($items->link) }}">
                                                    <h2>@if($items->title){{ @str_limit($items->title, 30) }} @endif</h2>
                                                </a></div>
                                            <div class="col-md-4 col-sm-12 shop-item-price margin-top-3 nopadding-right text-right">

                                                {{--@if ($items->promo_price) <price class="text-red">{{ $items->promo_price.'&nbsp;'. @head($items->valuta)->value }}</price> @else {{ $items->price }} @if (array_has(@head($items->valuta), 'value')) {{  @head($items->valuta)->value }} @else &dollar;. @endif @endif--}}
                                            </div>

                                            <!-- rating -->
                                        {{--<div class="rating rating-4 size-13"><!-- rating-0 ... rating-5 --></div>--}}
                                        <!-- /rating -->

                                            <div class="col-md-8 col-sm-12 padding-0">
                    <span class="small"><i class="fa fa-navicon"></i>
                                                @foreach ($items->categoryname as $catitems)
                            <a href="{{ @url('vendors/category/'.$catitems->id. '-' .$catitems->slug) }}">{{ $catitems->value }}</a>
                            | </span>
                                                @endforeach
                                            </div>
                                            <div class="col-md-4 col-sm-12 text-right nopadding-right"><i
                                                        class="fa fa-photo"></i><span
                                                        class="badge badge-info margin-left-3 margin-right-6">{{ @$items->imagescount }}</span>
                                            </div>
                                            <p class="padding-0 margin-top-6 margin-bottom-6 col-md-12">

                                                <!-- product short description -->
                                                {{--                    {{ @str_limit($items->description, 150) }}--}}
                                            </p><!-- /product short description -->
                                        </div>
                                        <!-- price -->

                                        <!-- /price -->

                                        <!-- buttons -->
                                        <div class="shop-item-buttons">

                                            @if ($items->vendorphone)
                                                <span class="pull-right margin-right-6"><i
                                                            class="fa fa-phone"></i></span>
                                            @endif
                                            @if ($items->skype)
                                                <span class="pull-right margin-right-6"><i
                                                            class="fa fa-skype"></i></span>
                                            @endif
                                            @if ($items->weburl)
                                                <span class="pull-right margin-right-6"><i
                                                            class="fa fa-link"></i></span>
                                            @endif
                                            @if ($items->vendoremail)
                                                <span class="pull-right margin-right-6"><i
                                                            class="fa fa-envelope"></i></span>
                                            @endif

                                            @if ($items->isfavoriadd)
                                                <button class="btn btn-default add-wishlist text-danger"
                                                        id="favdistroy-" href="#"
                                                        data-item-id="1" data-toggle="tooltip"
                                                        title="Get out of the garage"
                                                        onclick="DestroyUserFavorites('{{ $items->id }}', '{{ Auth::id() }}')">
                                                    <i class="fa fa-heartbeat nopadding"></i></button>
                                            @else
                                                <button class="btn btn-default add-wishlist"
                                                        id="favadd-" href="#" data-item-id="1"
                                                        data-toggle="tooltip" title="Park into the garage"
                                                        onclick="AddAddsFavorites('{{ $items->id }}', '{{ Auth::id() }}')">
                                                    <i class="fa fa-heart nopadding"></i></button>
                                            @endif
                                            <button class="btn btn-default add-wishlist"
                                                    onclick="ReportAdministrator('{{ $items->id }}', '{{ Auth::id() }}', '{{ Request::ip() }}')"
                                                    href="javascript:void(0)" data-item-id="1" data-toggle="tooltip"
                                                    title="Irregularity Reporting"><i class="fa fa-bell nopadding"
                                                                                      data-toggle="tooltip"></i>
                                            </button>
                                                <button class="btn btn-default add-wishlist" href="#" data-item-id="1"
                                                        data-toggle="tooltip" title="Preview"
                                                        onclick="window.location='{{ $items->link }}'"><i
                                                            class="fa fa-eye nopadding"></i></button>
                                        </div>
                                        <!-- /buttons -->
                                        <div class="col-sm-12 nopadding margin-top-6">
                                            <span class="small"><i
                                                        class="fa fa-eye"></i> Seen: {{ $items->visit }}</span> |
                                            <span class="small"><i
                                                        class="fa fa-heart"></i> Saved: {{ $items->favcount }}</span>
                                            |
                                            <span class="small"><i
                                                        class="fa fa-map-marker"></i> {{ $items->locationname }}</span>
                                            <span class="pull-right">
                        <span class="small top-center margin-right-6">Rating:</span><span
                                                        class="dropdown-toggle size-12"><b
                                                            class="badge badge-info size-11">{{ $items->ratingscore }}</b>
                                <div class="rating rating-{{ round($items->ratingscore) }} size-13 margin-top-10 width-100"></div></span>
                    </span>

                                        </div>
                                    </div>

                                </div>

                            </li>
                        </ul>
                        <hr class="margin-top-0"/>
                    @endforeach

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


                </div>


                <!-- RIGHT -->
                <div class="col-lg-3 col-md-3 col-sm-3">

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

                </div>
            </div>
        </div>
    </section>
    <!-- CATEGORIES -->
    @include('layouts.catsbox')
    <!-- /CATEGORIES -->
@endsection

@section('footer_scripts')
<script type="text/javascript" src="{{ asset('packages/typeahead/js/typeahead.js') }}"></script>
{{--<script type="text/javascript" src="{{ asset('packages/bootstrap/js/bootstrap.min.js')}}"></script>--}}
<script type="text/javascript">
    $(document).ready(function () {


        jQuery('#title').typeahead({

            source: function (query, process) {
                var url = "/searchtitle";
                var datas = new Array;
                var token = '{{ csrf_token() }}';
                datas = [""];

                jQuery.ajax({
                    url: url,
                    dataType: "json",
                    type: "POST",
                    data: {_token: token, query_: query},
                    success: function (data) {
                        jQuery.map(data, function (data) {
                            var group;
                            group = {
                                id: data.id,
                                lablename: data.lablename,
                                toString: function () {
                                    return JSON.stringify(this);
                                    //return this.variable;
                                },
                                toLowerCase: function () {
                                    return this.lablename.toLowerCase();
                                },
                                indexOf: function (string) {
                                    return String.prototype.indexOf.apply(this.lablename, arguments);
                                },
                                replace: function (string) {
                                    var value = '';
                                    value += this.lablename;

                                    return String.prototype.replace.apply('' + value + '', arguments);
                                }
                            };
                            datas.push(group);
                        });
                        process(datas);
                    },
                    error: function (err) {
//                        alert("err");

                    }
                });
            },

            items: 20,
            minLength: 3,
            updater: function (item) {
                var item = JSON.parse(item);
                jQuery('#titleid').val(item.id);
                return item.lablename;
            }

        });

    });

</script>

@endsection