@extends('layouts.siteLayouts')

@section('content')


    <!-- responsive-header -->
    @include('site.navbar')
    <!-- responsive-header -->

    <div class="wrapper default">

        <!-- header -->
    @include('site.header')
    <!-- header -->

        <main class="profile-user-page default">
            <div class="container">
                <div class="row">
                    @yield('main')
                    <div class="profile-page-aside col-xl-3 col-lg-4 col-md-6 center-section order-1 sticky-sidebar" >
                        <div class="profile-box">
                            <div class="profile-box-header">
                                <div class="profile-box-avatar">
                                    <img src="{{url('/assets/img/svg/user.svg')}}" alt="">
                                </div>
                            </div>
                            <div class="profile-box-username">
                                {{(auth()->user()->fname) != null ? auth()->user()->fname.' '.auth()->user()->lname : auth()->user()->mobile }}
                            </div>
                            <div class="profile-box-tabs">
                                <a href="{{url('/users/password/change')}}" class="profile-box-tab profile-box-tab-access">
                                    <i class="now-ui-icons ui-1_lock-circle-open"></i>
                                    تغییر رمز
                                </a>
                                <a href="{{url('/logout')}}" class="profile-box-tab profile-box-tab--sign-out">
                                    <i class="now-ui-icons media-1_button-power"></i>
                                    خروج از حساب
                                </a>
                            </div>
                        </div>
                        @include('user.menu')
                    </div>
                </div>

                @if(count(\App\Post::suggesteds()) > 0)
                <div class="row">
                    <div class="col-12">
                        <div class="widget widget-product widget-slider card">
                            <header class="card-header">
                                <h3 class="card-title">
                                    <span>محصولات پیشنهادی برای شما</span>
                                </h3>
                                <a href="#" class="view-all">مشاهده همه</a>
                            </header>
                            <div class="swiper-container swiper-lg-slider" dir="rtl">
                                <!-- Add Arrows -->
                                <div class="swiper-button-next">
                                    <i class="now-ui-icons arrows-1_minimal-left"></i>
                                </div>
                                <div class="swiper-button-prev">
                                    <i class="now-ui-icons arrows-1_minimal-right"></i>
                                </div>
                                <div class="product-carousel swiper-wrapper">
                                    @foreach (\App\Post::suggesteds() as $suggested )
                                        <div class="swiper-slide">
                                            <a href="{{url('/post/'.$suggested->code.'/'.$suggested->url)}}">
                                                <img src="{{url('/assets/post/thumbnail').'/'.$suggested->image}}" class="img-fluid"
                                                     alt="">
                                            </a>
                                            @if(\App\Price::checkAvailable($suggested->id))
                                            @if(\App\Post::minPrice($suggested->id)['discount'] != 0)
                                                <span class="product-box-discount-badge">
                                                        ٪{{\App\Post::minPrice($suggested->id)['percent']}}
                                                    </span>
                                            @endif
                                            <h2 class="post-title">
                                                <a href="{{url('/post/'.$suggested->code.'/'.$suggested->url)}}">{{$suggested->fa_name}}</a>
                                            </h2>
                                            <div class="price">
                                                @if(\App\Post::minPrice($suggested->id)['discount'] != 0)
                                                    <del><span>{{number_format(\App\Post::minPrice($suggested->id)['price'])}}<span>تومان</span></span></del>
                                                @endif
                                                <ins><span> {{number_format(\App\Post::minPrice($suggested->id)['total'])}}<span>تومان</span></span></ins>
                                            </div>
                                                @else
                                                <div class="price">
                                                    <div class="price-value">
                                                        <div class="price-value-wrapper">

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="promotion-box-cover promotion-box-cover--out-of-stock">
                                                    <div class="promotion-box-cover-text">{{($suggested->status == 4 ? 'تماس بگیرید' : 'ناموجود')}}</div>
                                                </div>
                                                @endif
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

            </div>
        </main>


        @include('site.footer')

    </div>
@endsection

@section('footer')
    <script type="text/javascript">
        $(document).ready(function () {
            var url = window.location;
            $('ul.profile-menu-items a[href="' + url + '"]').addClass('active');
        });
    </script>
    <!--  theia-sticky-sidebar -->
    <script src="{{url('/assets/js/plugins/ResizeSensor.min.js')}}"></script>
    <script src="{{url('/assets/js/plugins/theia-sticky-sidebar.min.js')}}"></script>

@endsection