@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <section>
            <div class="container">
                <!-- LEFT -->
                <div class="col-lg-3 col-md-3 col-sm-4">

                    <div class="thumbnail text-center">
                        <img src="{{ $userprofile->userimagethumb }}" alt=""/>
                        <h2 class="size-18 margin-top-10 margin-bottom-0">{{ $userprofile->user->name }}</h2>
                        <h3 class="size-11 margin-top-0 margin-bottom-10 text-muted"></h3>
                    </div>

                    <!-- completed -->
                    <div class="margin-bottom-30">
                        <label>88% completed profile</label>
                        <div class="progress progress-xxs">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="88"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 88%; min-width: 2em;"></div>
                        </div>
                    </div>
                    <!-- /completed -->

                    <!-- SIDE NAV -->
                    <ul class="side-nav list-group margin-bottom-60" id="sidebar-nav">
                        <li class="list-group-item"><a href="{{ url('user/profile') }}"><i class="fa fa-user"></i>
                                PROFILE</a></li>
                        <li class="list-group-item active"><a href="#"><i
                                        class="fa fa-gears"></i> SETTINGS</a></li>
                        <li class="list-group-item"><a href="{{ url('/logout') }}"><i
                                        class="fa fa-comments-o"></i> LOG OUT</a></li>
                    </ul>
                    <!-- /SIDE NAV -->


                    <!-- info -->
                    <div class="box-light margin-bottom-30"><!-- .box-light OR .box-light -->
                        <div class="row margin-bottom-20">
                            <div class="col-md-4 col-sm-4 col-xs-4 text-center bold">
                                <h2 class="size-30 margin-top-10 margin-bottom-0 font-raleway">{{ $userprofile->user->useradd }}</h2>
                                <h3 class="size-11 margin-top-0 margin-bottom-10 text-info">Personal ads</h3>
                            </div>

                            <div class="col-md-4 col-sm-4 col-xs-4 text-center bold">
                                <h2 class="size-30 margin-top-10 margin-bottom-0 font-raleway">{{ $userprofile->user->vendoradd }}</h2>
                                <h3 class="size-11 margin-top-0 margin-bottom-10 text-info">Dealers ads</h3>
                            </div>

                            <div class="col-md-4 col-sm-4 col-xs-4 text-center bold">
                                <h2 class="size-30 margin-top-10 margin-bottom-0 font-raleway">{{ $userprofile->user->useraddsvip }}</h2>
                                <h3 class="size-11 margin-top-0 margin-bottom-10 text-info">Promo ads</h3>
                            </div>

                            <div class="col-lg-12">
                                <a class="clearfix" tabindex="1" href="{{ @url('/user/search') }}"><i
                                            class="fa fa-history"></i> Saved search
                                    @if($userprofile->user->savedsearch)<b
                                            class="badge badge-info size-11">{{ $userprofile->user->savedsearch }}</b>@endif
                                </a>
                                <a class="clearfix" tabindex="1" href="{{ @url('/user/messages') }}"><i
                                            class="fa fa-sticky-note"></i>
                                    Messages @if($allmessages)<b
                                            class="badge badge-warning size-11">{{ $allmessages }}</b>@endif
                                </a>
                                <a class="clearfix" tabindex="2" href="{{ @url('/user/ads/favorites') }}"><i
                                            class="fa fa-heart-o"></i>
                                    Garage @if($userprofile->user->favorites )<b
                                            class="badge badge-info size-11">{{ $userprofile->user->favorites }}</b>@endif
                                </a>
                            </div>
                        </div>
                        <!-- /info -->

                        <div class="text-muted">
                            <h2 class="size-18 text-muted margin-bottom-6"> {{ $userprofile->user->name }}</h2>

                            <ul class="list-unstyled nomargin">
                                <li class="margin-bottom-10"><i class="fa fa-envelope width-20 hidden-xs hidden-sm"></i>
                                    @if($userprofile->user->email){{ $userprofile->user->email }}@endif</li>
                                <li class="margin-bottom-10"><i class="fa fa-phone width-20 hidden-xs hidden-sm"></i>
                                    @if($userprofile->user->phone){{ $userprofile->user->phone }}@endif</li>
                                <li class="margin-bottom-10"><i
                                            class="fa fa-location-arrow width-20 hidden-xs hidden-sm"></i>
                                    @if($userprofile->userlocation){{ $userprofile->userlocation->first()->name }}@endif
                                </li>
                                <li class="margin-bottom-10"><i
                                            class="fa fa-line-chart width-20 hidden-xs hidden-sm"></i>
                                    <a href="{{ url('ratings/user/' . $userprofile->user->id) }}"
                                       class="dropdown-toggle size-12"><b
                                                class="badge badge-info size-11">{{ $userprofile->user->ratingscore }}</b>
                                        <div class="rating rating-{{ round($userprofile->user->ratingscore) }} size-13 margin-top-10 width-100"></div>
                                    </a>
                            </ul>
                        </div>

                    </div>

                </div>


                <!-- RIGHT -->
                <div class="col-lg-9 col-md-9 col-sm-8">
                    <div class="box-light"><!-- .box-light OR .box-dark -->
                        <div class="box-inner">

                            <!-- PROJECT LIS -->
                            <div class="row">
                                <!-- item -->
                                <div class="col-md-12 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('adding') }}" class="btn btn-featured btn-green">
                                            <span>POST ADS</span>
                                            <i class="glyphicon glyphicon-plus-sign"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /item -->

                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('user/listingads') }}" class="btn btn-featured btn-red">
                                            <span>MY ADS</span>
                                            <i class="glyphicon glyphicon-list"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /item -->

                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('user/messages') }}" class="btn btn-featured btn-aqua">
                                            <span>MESSAGES</span>
                                            <i class="glyphicon glyphicon-envelope"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /item -->

                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('user/ads/favorites') }}"
                                           class="btn btn-featured btn-dirtygreen">
                                            <span>GARAGE</span>
                                            <i class="glyphicon glyphicon-bookmark"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /item -->

                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('user/search') }}" class="btn btn-featured btn-purple">
                                            <span>SAVED SEARCH</span>
                                            <i class="glyphicon glyphicon-book"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /item -->

                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('user/payments') }}" class="btn btn-featured btn-amber">
                                            <span>PAYMENTS</span>
                                            <i class="glyphicon glyphicon-credit-card"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /item -->

                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('user/vendors') }}" class="btn btn-featured btn-lime">
                                            <span>DEALER PROFILES</span>
                                            <i class="et-megaphone"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /item -->

                            </div>
                            <!-- /PROJECTS LIS -->

                        </div>


                        <div class="box-light margin-top-20"><!-- .box-light OR .box-dark -->
                            <div class="box-inner row">
                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('promo-ads') }}" class="btn btn-featured btn-red">
                                            <span>FEATURED ADS</span>
                                            <i class="et-megaphone"></i>
                                        </a>
                                        <p>Promote your ads to sell quicker.</p>
                                    </div>
                                </div>
                                <!-- /item -->

                                <!-- item -->
                                <div class="col-md-6 col-sm-12">
                                    <div class="box-icon box-icon-center box-icon-transparent box-icon-large">
                                        <a href="{{ url('register/vendor') }}" class="btn btn-featured btn-blue">
                                            <span>DEALER ACCOUNT</span>
                                            <i class="glyphicon glyphicon-briefcase"></i>
                                        </a>
                                        <p>Register dealer account.</p>
                                    </div>
                                </div>
                                <!-- /item -->

                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </section>
        <!-- / -->
    </div>
</div>
@endsection