@extends('layouts.app')

@section('content')

<!-- START SECTION BREADCRUMB -->
<div class="breadcrumb_section page-title-mini">
    <div class="container"><!-- STRART CONTAINER -->
        <div class="row align-items-center">
        	<div class="col-md-6">
                <div class="page-title">
            		<h1 class="text-white">Product Detail</h1>
                </div>
            </div>
            <div class="col-md-6">
                <ol class="breadcrumb justify-content-md-end">
                    <li class="breadcrumb-item"><a class="text-white" href="{{route('index')}}">Home</a></li>
                    <li class="breadcrumb-item"><a class="text-white" href="{{route('get.product.bycategorySlug', $product->category->slug)}}">{{$product->category->category_name}}</a></li>
                    <li class="breadcrumb-item active text-white">{{$product->product_name}}</li>
                </ol>
            </div>
        </div>
    </div><!-- END CONTAINER-->
</div>
<!-- END SECTION BREADCRUMB -->

<!-- START MAIN CONTENT -->
<div class="main_content">

<!-- START SECTION SHOP -->
<div class="section">
	<div class="container">
    	<div class="row">
        	<div class="col-xl-9 col-lg-8">
				<div class="row">
                    <div class="col-lg-4 col-md-6 mb-4 mb-md-0">
						<div class="product-image">
                            <div class="product_img_box">
                                <img id="product_img" src="{{asset('/backend/assets/images/product_image')}}/{{$product->product_image}}" onerror="this.src='{{asset('frontend/assets/images/default3.png')}}';" data-zoom-image="{{asset('/backend/assets/images/product_image')}}/{{$product->product_image}}" alt="{{$product->product_image}}" />
                                <!-- <a href="#" class="product_img_zoom" title="Zoom">
                                    <span class="linearicons-zoom-in"></span>
                                </a> -->
                            </div>
                            <!-- <div id="pr_item_gallery" class="product_gallery_item slick_slider" data-slides-to-show="4" data-slides-to-scroll="1" data-infinite="false">
                                <div class="item">
                                    <a href="#" class="product_gallery_item active" data-image="assets/images/product_img1.jpg" data-zoom-image="assets/images/product_zoom_img1.jpg">
                                        <img src="assets/images/product_small_img1.jpg" alt="product_small_img1" />
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#" class="product_gallery_item" data-image="assets/images/product_img1-2.jpg" data-zoom-image="assets/images/product_zoom_img2.jpg">
                                        <img src="assets/images/product_small_img2.jpg" alt="product_small_img2" />
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#" class="product_gallery_item" data-image="assets/images/product_img1-3.jpg" data-zoom-image="assets/images/product_zoom_img3.jpg">
                                        <img src="assets/images/product_small_img3.jpg" alt="product_small_img3" />
                                    </a>
                                </div>
                                <div class="item">
                                    <a href="#" class="product_gallery_item" data-image="assets/images/product_img1-4.jpg" data-zoom-image="assets/images/product_zoom_img4.jpg">
                                        <img src="assets/images/product_small_img4.jpg" alt="product_small_img4" />
                                    </a>
                                </div>
                            </div> -->
                            <ul class="product-meta">
                                <li>Date Added: <a href="#">{{ date('d F Y', strtotime($product->publish_date)) }}</a></li>
                                <li>Licence: <a href="#">{{$product->subcategory->subcategory_name}}</a></li>
                                <li>Category: <a href="#" rel="tag">{{$product->category->category_name}}</a></li>
                            </ul>

                                                        @push("metatag")
                            <meta property="og:title" content=""/>
                            <meta property="og:url" content="http%3A%2F%2Fplrsg.com%2Fplrweb3pro%2Fresources%2Fviews%2Fproducts_details.blade.php"/>
                            <meta property="og:description" content=''/>
                            <meta property="og:image" content="http%3A%2F%2Ftodayplr.com%2Fadministrator%2Fupload%2F593c998ac1186-pageFacebook%2520Monetization%2520Strategies.png"/>
                            @endpush
                            <div class="product_share">
                                <span>Share:</span>
                                <ul class="social_icons">
                                    <li><a href="javascript:void(0)" onclick="shareinsocialmedia('{{$fb_link}}')"><i class="ion-social-facebook"></i></a></li>
                                    <li><a href="javascript:void(0)" onclick="shareinsocialmedia('{{$twitter_link}}')"><i class="ion-social-twitter"></i></a></li>
                                    <li><a href="javascript:void(0)" onclick="shareinsocialmedia('{{$linkedin_link}}')"><i class="ion-social-linkedin"></i></a></li>
                                    <li><a href="javascript:void(0)" onclick="shareinsocialmedia('{{$telegram_link}}')"><i class="fab  fa-telegram"></i></a></li>
                                    <!-- <li><a href="#"><i class="ion-social-googleplus"></i></a></li> -->
                                    <!-- <li><a href="#"><i class="ion-social-youtube-outline"></i></a></li> -->
                                    <!-- <li><a href="#"><i class="ion-social-instagram-outline"></i></a></li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="col-lg-1"></div> -->
                    <div class="col-lg-8 col-md-6">
                        <div class="pr_detail">
                            <div class="product_description">
                                <h4 class="product_title"><a href="#">{{$product->product_name}}</a></h4>
                                <div class="product_price">
                                    <span class="price">{{setPriceFormat($product->price)}}</span>
                                </div>
                                <!-- <div class="rating_wrap">
                                    <div class="rating">
                                        <div class="product_rate" style="width:80%"></div>
                                    </div>
                                    <span class="rating_num">(21)</span>
                                </div> -->
                                <div class="pr_desc">
                                    {!! $product->product_details !!}
                                </div>
                                @if($product->specification != '')
                                    <div class="pr_desc">
                                        <h5>Specification</h5>
                                        {!! $product->specification !!}
                                    </div>
                                @endif

                                @if($product->resources != '')
                                    <div class="pr_desc">
                                        <h5>Resources</h5>
                                        {!! $product->resources !!}
                                    </div>
                                @endif



                                <!-- <div class="product_sort_info">
                                    <ul>
                                        <li><i class="linearicons-shield-check"></i> 1 Year AL Jazeera Brand Warranty</li>
                                        <li><i class="linearicons-sync"></i> 30 Day Return Policy</li>
                                        <li><i class="linearicons-bag-dollar"></i> Cash on Delivery available</li>
                                    </ul>
                                </div>
                                <div class="pr_switch_wrap">
                                    <span class="switch_lable">Color</span>
                                    <div class="product_color_switch">
                                        <span class="active" data-color="#87554B"></span>
                                        <span data-color="#333333"></span>
                                        <span data-color="#DA323F"></span>
                                    </div>
                                </div>
                                <div class="pr_switch_wrap">
                                    <span class="switch_lable">Size</span>
                                    <div class="product_size_switch">
                                        <span>xs</span>
                                        <span>s</span>
                                        <span>m</span>
                                        <span>l</span>
                                        <span>xl</span>
                                    </div>
                                </div> -->
                            </div>
                            <hr />
                            <div class="cart_extra">
                                <!-- <div class="cart-product-quantity">
                                    <div class="quantity">
                                        <input type="button" value="-" class="minus">
                                        <input type="text" name="quantity" value="1" title="Qty" class="qty" size="4">
                                        <input type="button" value="+" class="plus">
                                    </div>
                                </div> -->
                                <div class="cart_btn">
                                    <a class="btn btn-fill-out btn-addtocart add_to_cart" data-product_id="{{$product->id}}" href="javascript:void(0);"><i class="icon-basket-loaded"></i> Add To Cart</a>
                                    <a class="btn btn-fill-out btn-addtocart buy_now" data-product_id="{{$product->id}}" href="javascript:void(0);"><i class="icon-basket-loaded"></i> Buy Now</a>
                                    <!-- <a class="add_compare" href="#"><i class="icon-shuffle"></i></a>
                                    <a class="add_wishlist" href="#"><i class="icon-heart"></i></a> -->
                                </div>
                            </div>
                            <hr />

                            <!-- <div style="text-align:center">
                            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

                            <ins class="adsbygoogle"
                            style="display:inline-block;width:728px;height:90px"
                            data-ad-client="ca-pub-1234567890123456"
                            data-ad-slot="1234567890"></ins>
                            <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                            </script>
                            </div> -->

                            @if(!empty($advertisement))
                            <div class="col-md-12">
                                <div class="single_banner">
                                    {!! $advertisement->description !!}
                                    <!-- <img src="{{asset('/frontend/assets/images/furniture_banner1.jpg')}}" alt="furniture_banner1">
                                    <div class="fb_info">
                                        <h5 class="single_bn_title1">Super Sale</h5>
                                        <h3 class="single_bn_title">google adsense</h3>
                                        <a href="shop-left-sidebar.html" class="single_bn_link">Shop Now</a>
                                    </div> -->
                                </div>
                            </div>
                            @endif

                        </div>
                    </div>
                </div>
        		<!-- <div class="row">
                    <div class="col-12">
                        <div class="large_divider clearfix"></div>
                    </div>
                </div> -->

        		<div class="row">
                    <div class="col-12">
                        <div class="small_divider"></div>
                        <div class="divider"></div>
                        <div class="medium_divider"></div>
                    </div>
                </div>
        		<div class="row">
                    <div class="col-12">
                        <div class="heading_s1">
                            <h3>Today Added New Products</h3>
                        </div>
                        <div class="row shop_container">
                            @forelse($today_added_product as $key => $product)
                                <div class="col-lg-4 col-md-4 col-6">
                                    <div class="product_box text-center">
                                        <div class="product_img">
                                            <a href="shop-product-detail.html">
                                                <img src="{{asset('/backend/assets/images/product_image')}}/{{$product->product_image}}" alt="{{$product->product_image}}" onerror="this.src='{{asset('frontend/assets/images/default3.png')}}';">
                                            </a>
                                            <div class="product_action_box">
                                                <ul class="list_none pr_action_btn">
                                                    <!-- <li><a href="//bestwebcreator.com/shopwise/demo/shop-compare.html" class="popup-ajax"><i class="icon-shuffle"></i></a></li> -->
                                                    <!-- <li><a href="//bestwebcreator.com/shopwise/demo/shop-quick-view.html" class="popup-ajax"><i class="icon-magnifier-add"></i></a></li> -->
                                                    <!-- <li><a href="#"><i class="icon-heart"></i></a></li> -->
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product_info">
                                            <!-- <h6 class="product_title"><a href="#">{{$product->product_name}}</a></h6> -->
                                            <div class="product_price">
                                                <span class="price">Date Added:</span>
                                                <span class="product_info_label">{{ date('d F Y', strtotime($product->publish_date)) }}</span>
                                            </div>
                                            <div class="product_price">
                                                <span class="price">Licence:</span>
                                                <span class="product_info_label">{{$product->subcategory->subcategory_name}}</span>
                                            </div>
                                            <div class="product_price">
                                                <span class="price">Category:</span>
                                                <span class="product_info_label">{{$product->category->category_name}}</span>
                                            </div>
                                            <div class="product_price">
                                                <span class="price">Price:</span>
                                                <span class="product_info_label">{{setPriceFormat($product->price)}}</span>
                                            </div>
                                            <div class="add-to-cart">
                                                {{--<a href="{{$product->product_download}}" class="btn btn-fill-out btn-radius"><i class="fa fa-download"></i> Download </a>--}}
                                                 <a href="{{route('get.product.byid', [$product->product_slug,$product->id])}}" class="btn btn-fill-out btn-radius"><i class="icon-basket-loaded"></i> Add To Cart </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @empty
                                <p style="text-align:center;">No product added today</p>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="col-xl-3 col-lg-4 mt-4 pt-2 mt-lg-0 pt-lg-0">
            	<div class="sidebar">
                	<div class="widget">
                        <h5 class="widget_title">Categories</h5>
                        <ul class="widget_categories">
                            <li><a href="#"><span class="categories_name">Women</span><span class="categories_num">(9)</span></a></li>
                            <li><a href="#"><span class="categories_name">Top</span><span class="categories_num">(6)</span></a></li>
                            <li><a href="#"><span class="categories_name">T-Shirts</span><span class="categories_num">(4)</span></a></li>
                            <li><a href="#"><span class="categories_name">Men</span><span class="categories_num">(7)</span></a></li>
                            <li><a href="#"><span class="categories_name">Shoes</span><span class="categories_num">(12)</span></a></li>
                        </ul>
                    </div>
                    <div class="widget">
                        <h5 class="widget_title">Recent Items</h5>
                        <ul class="widget_recent_post">
                            <li>
                                <div class="post_img">
                                    <a href="#"><img src="assets/images/shop_small1.jpg" alt="shop_small1"></a>
                                </div>
                                <div class="post_content">
                                    <h6 class="product_title"><a href="shop-product-detail-left-sidebar.html">Lether Gray Tuxedo</a></h6>
                                    <div class="product_price"><span class="price">$55.00</span><del>$95.00</del></div>
                                    <div class="rating_wrap">
                                        <div class="rating">
                                            <div class="product_rate" style="width:68%"></div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="post_img">
                                    <a href="#"><img src="assets/images/shop_small2.jpg" alt="shop_small2"></a>
                                </div>
                                <div class="post_content">
                                    <h6 class="product_title"><a href="shop-product-detail-left-sidebar.html">woman full sliv dress</a></h6>
                                    <div class="product_price"><span class="price">$68.00</span><del>$99.00</del></div>
                                    <div class="rating_wrap">
                                        <div class="rating">
                                            <div class="product_rate" style="width:87%"></div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="post_img">
                                    <a href="#"><img src="assets/images/shop_small3.jpg" alt="shop_small3"></a>
                                </div>
                                <div class="post_content">
                                    <h6 class="product_title"><a href="shop-product-detail-left-sidebar.html">light blue Shirt</a></h6>
                                    <div class="product_price"><span class="price">$69.00</span><del>$89.00</del></div>
                                    <div class="rating_wrap">
                                        <div class="rating">
                                            <div class="product_rate" style="width:70%"></div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="widget">
                    	<h5 class="widget_title">tags</h5>
                        <div class="tags">
                        	<a href="#">General</a>
                            <a href="#">Design</a>
                            <a href="#">jQuery</a>
                            <a href="#">Branding</a>
                            <a href="#">Modern</a>
                            <a href="#">Blog</a>
                            <a href="#">Quotes</a>
                            <a href="#">Advertisement</a>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="shop_banner">
                            <div class="banner_img overlay_bg_20">
                                <img src="assets/images/sidebar_banner_img.jpg" alt="sidebar_banner_img">
                            </div>
                            <div class="shop_bn_content2 text_white">
                                <h5 class="text-uppercase shop_subtitle">New Collection</h5>
                                <h3 class="text-uppercase shop_title">Sale 30% Off</h3>
                                <a href="#" class="btn btn-white rounded-0 btn-sm text-uppercase">Shop Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            @include('layouts.product_sidebar')

        </div>
    </div>
</div>
<!-- END SECTION SHOP -->

<!-- START SECTION SUBSCRIBE NEWSLETTER -->
<!-- <div class="section bg_default small_pt small_pb">
	<div class="container">
    	<div class="row align-items-center">
            <div class="col-md-6">
                <div class="heading_s1 mb-md-0 heading_light">
                    <h3>Subscribe Our Newsletter</h3>
                </div>
            </div>
            <div class="col-md-6">
                <div class="newsletter_form">
                    <form>
                        <input type="text" required="" class="form-control rounded-0" placeholder="Enter Email Address">
                        <button type="submit" class="btn btn-dark rounded-0" name="submit" value="Submit">Subscribe</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- START SECTION SUBSCRIBE NEWSLETTER -->

</div>
<!-- END MAIN CONTENT -->

@endsection

@push('js')
<script type="text/javascript">
    function shareinsocialmedia(url){
        window.open(url,'sharein','toolbar=0,status=0,width=648,height=395');
        return true;
    }
</script>
@endpush