@extends(config('mio.theme').'.app')

@section('content')

    <div class="page-content">
        <div class="holder breadcrumbs-wrap mt-0">
            <div class="container">
                <ul class="breadcrumbs">
                    <li><a href="{{'/'}}">{{__('general.home')}}</a></li>
                    <li><a href="{{asset(@$blog->category->uri->url)}}">{{@$blog->category->blog_category_name}}</a></li>
                </ul>
            </div>
        </div>
        <div class="holder">
            <div class="container">
                <div class="page-title text-center">
                    <h2 class="post-title">{{$blog->name}}</h2>
                </div>
                <div class="row">
                    <div class="col-md-12 aside aside--content">
                        <div class="post-full">
                            <div class="post-img image-container" style="padding-bottom: 54.44%">
                                <img class="lazyload fade-up-fast" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{asset($blog->image)}}" alt="">
                            </div>
                            <div class="post-text">
                                <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3711677589299795"
                                        crossorigin="anonymous"></script>
                                <ins class="adsbygoogle"
                                     style="display:block"
                                     data-ad-format="fluid"
                                     data-ad-layout-key="-gc+3r+68-9q-29"
                                     data-ad-client="ca-pub-3711677589299795"
                                     data-ad-slot="5525817946"></ins>
                                <script>
                                    (adsbygoogle = window.adsbygoogle || []).push({});
                                </script>
                         {!! $blog->blog_content !!}
                                <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3711677589299795"
                                        crossorigin="anonymous"></script>
                                <ins class="adsbygoogle"
                                     style="display:block"
                                     data-ad-format="fluid"
                                     data-ad-layout-key="-gc+3r+68-9q-29"
                                     data-ad-client="ca-pub-3711677589299795"
                                     data-ad-slot="5525817946"></ins>
                                <script>
                                    (adsbygoogle = window.adsbygoogle || []).push({});
                                </script>
                          </div>

                        </div>
                    </div>
                    <div class="col-md-6 aside aside--sidebar aside--right">
                        <div class="aside-block">
                            <h2 class="text-uppercase">{{__('general.categories')}}</h2>
                            <ul class="tags-list">
                                @foreach($categories as $category)
                                <li><a href="{{@$category->uri->url}}">{{$category->blog_category_name}}</a></li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="minicart-drop-content js-dropdn-content-scroll" style="margin-top: 30px">
                            @foreach($products as $product)
                                @php
                                    $checkDiscount = checkDiscount($product);
                                    if(!$checkDiscount){
                                        $checkDiscount = 0;
                                    }
                                @endphp
                            <div class="minicart-prd row">
                                <div class="minicart-prd-image image-hover-scale-circle col">
                                    <a href="{{asset(@$product->uri->url)}}"><img class="lazyload fade-up" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{@$product->images[0]->image_dest}}" alt="{{$product->name}}"></a>
                                </div>
                                <div class="minicart-prd-info col">
                                    <h2 class="minicart-prd-name"><a href="{{asset(@$product->uri->url)}}">{{$product->name}}</a></h2>
                                    <div class="minicart-prd-price prd-price">
                                        @if($checkDiscount)
                                            <div class="price-old">{{pricemio($product)['price']}}</div>
                                            <div class="price-new">{{pricemio($product,1)['discountedPrice']}}</div>
                                        @else
                                            <div class="price-new">{{pricemio($product)['price']}}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="minicart-prd-action">
                                    <a href="javascript:;" class="js-product-add" onclick="addCart('{{$product->id}}',1)" data-line-number="1"><i class="icon-cart"></i></a>
                                </div>
                            </div>
                         @endforeach
                        </div>
                        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3711677589299795"
                                crossorigin="anonymous"></script>
                        <!-- Dikey2 -->
                        <ins class="adsbygoogle"
                             style="display:block"
                             data-ad-client="ca-pub-3711677589299795"
                             data-ad-slot="2228543095"
                             data-ad-format="auto"
                             data-full-width-responsive="true"></ins>
                        <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection