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

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

            <h1>User Rating for : {{ $user->name.' - '.$user->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(auth()->id() != $user->id)
                            <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="{{ $user->id }}" name="touserid">
                                <input type="hidden" value="" 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">

                <h4 class="size-16 margin-bottom-6">
                    <i class="fa fa-user"></i>
                    ЧАСТННО ЛИЦЕ
                    <!-- product more info -->
                    <div class="shop-item-info pull-right">
                        @if(strtotime($user['created_at']) > strtotime(\Carbon\Carbon::now()->subDays(20)))
                            <span class="label label-success size-14"><i class="fa fa-battery-full"></i> NEW</span>
                        @endif
                    </div>
                    <!-- /product more info -->
                </h4>
                <span class="weight-600">{{ $user->name }} - </span>
                <span>{{ $user->locationname }}</span>
                <!-- rating -->
                <div class="com-md-12 margin-bottom-10 margin-top-10">
                    <a href="{{ url('listing/category/137') }}"
                       class="dropdown-toggle size-12"><b
                                class="badge badge-info size-11">{{ $rating->ratingscore }}</b>
                        <div class="rating rating-{{ round($rating->ratingscore) }} size-13 margin-top-10 width-100"></div>
                    </a>

                </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($user->phone, 0, -6) }} *** *** <small>show</small></div>
                    <div id="phone-show" style="display: none">{{ $user->phone }}</div>
                </button>
                <p class="size-11">The number is hidden because of security reason.</p>
                <hr>

                <p class="size-11">
                    At WebMoto.us from: {{ $user->created_at }}
                </p>

            </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 must be registered at WebMoto.us to add a rating!');
            }

        });


        function PhoneShow() {

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

        }
    </script>
@endsection