{{--{{ dd($rating->isEmpty()) }}--}}
@extends('layouts/app')
{{--@section('keywords', $keywords)--}}
@section('title', 'www.WebMoto.us – Online Motorcycle Trader! Vendor Rating - Vendor: '.$vendor->name.' - '.$vendor->locationname )
@section('description', 'www.WebMoto.us – Online Motorcycle Trader! Vendor Rating - Vendor: '.$vendor->name.' - '.$vendor->locationname )
@section('og:title', 'www.WebMoto.us – ! Vendor Rating - Vendor: '.$vendor->name.' - '.$vendor->locationname )
@section('og:url', request()->url())
@section('og:image', asset('images/main/logo.png'))
@section('og:description', 'www.WebMoto.us – Online Motorcycle Trader! Vendor Rating - Vendor: '.$vendor->name.' - '.$vendor->locationname )
@section('title', 'www.WebMoto.us – Vendor Rating - Vendor: '.$vendor->name.' - '.$vendor->locationname )

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

            <h1>User Rating for : {{ $vendor->title.' - '.$vendor->locationname }}</h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                <li><a href="{{ @url('/') }}">Home</a></li>
                <li>User Rating</li>
            </ol><!-- /breadcrumbs -->

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

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

                <div class="col-lg-9 col-md-9 col-sm-9">
                    <!-- LIST OPTIONS -->
                    <!-- REVIEWS -->
                    <div class="col-sm-12">
                        <!-- REVIEW FORM -->
                        @if($vendor->sowner == false)
                            <h4 class="margin-top-0">ADDING RATING</h4>
                            <form id="formrating">

                                <!-- Comment -->
                                <div class="margin-bottom-30">
                                    <textarea name="message" id="textrating" class="form-control" rows="6"
                                              placeholder="Comment" maxlength="600" required></textarea>
                                </div>
                                <!-- Stars -->
                                <div class="product-star-vote clearfix">

                                    <label class="radio pull-left">
                                        <input type="radio" name="rating" value="1"/>
                                        <i></i> 1
                                    </label>

                                    <label class="radio pull-left">
                                        <input type="radio" name="rating" value="2"/>
                                        <i></i> 2
                                    </label>

                                    <label class="radio pull-left">
                                        <input type="radio" name="rating" value="3"/>
                                        <i></i> 3
                                    </label>

                                    <label class="radio pull-left">
                                        <input type="radio" name="rating" value="4"/>
                                        <i></i> 4
                                    </label>

                                    <label class="radio pull-left">
                                        <input type="radio" name="rating" value="5"/>
                                        <i></i> 5
                                    </label>

                                </div>
                                <label id="errorwarn" class="error text-red margin-bottom-10"></label>
                                <!-- Send Button -->
                                <input type="hidden" value="{{ $vendor->id }}" name="touserid">
                                <input type="hidden" value="{{ $vendor->id }}" name="tovendorid">
                                {{--<input type="hidden" value="{{ $motoadd->vendor_id }}" name="tovendorid">--}}
                                <button type="button" name="submit" id="submit" class="btn btn-primary"
                                            onclick="StoreUsersRating($(this).closest('form').attr('id'),'{{ Auth::id() }}')">
                                    <i class="fa fa-check"></i> Submit
                                </button>

                            </form>
                            <div class="text-info weight-600" id="ifuserauth"><i class="fa fa-warning"></i></div>
                            <!-- /REVIEW FORM -->
                            <div class="divider divider-dotted"><!-- divider --></div>
                        @endif

                        @if ($rating->isEmpty())
                            <div class="text-info weight-600" id="ifuserauth"><i class="fa fa-warning"></i> There is no
                                rating for this user yet
                            </div>
                        @else

                        <!-- REVIEW ITEM -->
                            @foreach($rating as $items)

                                <div class="block margin-bottom-60">

                                    <span class="user-avatar"><!-- user-avatar -->
                                        <img class="pull-left media-object" src="{{ @asset('images/avatar2.jpg') }}"
                                             width="64" height="64" alt="">
                                    </span>

                                    <div class="media-body">
                                        <h4 class="media-heading size-14">
                                            {{ $items->fromuser->name }} &ndash;
                                            <span class="text-muted">{{ $items->created }}</span> &ndash;

                                            <span class="size-14 text-muted"><!-- stars -->
                                                @for($i=0; $i<$items->rating; $i++)
                                                    <i class="fa fa-star"></i>
                                                @endfor
                                                @for($ii=0; $ii<=4-$items->rating; $ii++)
                                                    <i class="fa fa-star-o"></i>
                                                @endfor

                                         </span>
                                        </h4>

                                        <p>
                                            {{ $items->message }}
                                        </p>

                                    </div>

                                </div>
                            @endforeach
                        <!-- /REVIEW ITEM -->
                        @endif

                    </div>


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




                </div>


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

                        <a href="{{ url($vendor->link) }}" class="" target="_blank"><h4 class="size-16 margin-bottom-6">
                                <span class="weight-600">{{ $vendor->title }}</span>
                            </h4></a>
                        <div class="shop-item-info pull-right">
                            @if(strtotime($vendor->created_at) > strtotime(\Carbon\Carbon::now()->subDays(30)))
                                <span class="label label-success size-12"><i class="fa fa-battery-full"></i> NEW</span>
                            @endif
                        </div>
                        <span class="clearfix"><i class="fa fa-industry"></i> business profile</span>
                        <!-- product more info -->

                        <!-- /product more info -->
                        <div class="shop-item-info pull-right">
                            @if($vendor->weburl)
                            <a href="{{ url($vendor->weburl) }}" class="" target="_blank"><img class="width-100" src="{{ $vendor->logo }}"></a>
                                @else
                                <img class="width-100" src="{{ $vendor->logo }}">
                            @endif
                        </div>

                        <span><i class="fa fa-map-marker"></i> {{ $vendor->locationname }}</span><br>
                        <span class="small">{{ $vendor->address }}</span><br>
                        @if($vendor->skype)<i class="fa fa-skype"></i><span class="small"> {{ $vendor->skype }}</span>
                        <br>@endif
                        @if($vendor->description)<i class="fa fa-info"></i> <span
                                class="small">{{ $vendor->description }}</span><br>@endif
                    <!-- rating -->
                        <div class="com-md-12 margin-bottom-10 margin-top-10">
                            <b class="badge badge-info size-11">{{ $vendor->ratingscore }}</b>
                            <div class="rating rating-{{ round($vendor->ratingscore) }} size-13 margin-top-10 width-100"></div>
                            <span class="small">rating</span>

                        </div>

                        <!-- /rating -->

                        <h4 class="size-16 margin-top-6">
                            <i class="fa fa-phone-square"></i>
                            PHONE
                        </h4>
                        <button class="btn mce-btn-large btn-info fullwidth" onclick="PhoneShow()">
                            <div id="phone-hidden">{{ @substr($vendor->vendorphone, 0, -6) }} *** ***
                                <small>show</small>
                            </div>
                            <div id="phone-show" style="display: none">{{ $vendor->vendorphone }}</div>
                        </button>
                        <p class="size-11">The number is hidden because of security reason.</p>
                        <p class="size-11">
                            At WebMoto.us from: {{ $vendor->from }}
                        </p>
                        <hr>

                    </div>

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

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

        jQuery(document).ready(function () {

            var usersuth = '{{ Auth::id() }}';
            if (!usersuth) {
                $("#formrating").hide();
                $("#ifuserauth").append('You have to be sing up to add a rating!');
            }


        });

        function PhoneShow() {

            $("#phone-show").show();
            $("#phone-hidden").hide();

        }
    </script>
@endsection