@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="{{asset('/')}}">Anasayfa</a></li>
                    <li><span>Blog</span></li>
                </ul>
            </div>
        </div>
        <div class="holder">
            <div class="container">
                <div class="page-title text-center">
                    <h1>Blog</h1>
                </div>
                <div class="row">
                    <div class="col-md-12 aside aside--content">
                        <div class="post-prws-listing">
                            <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>
                            @if(isset($blogs) && $blogs)
                                @foreach($blogs as $blog)
                                    <div class="post-prw">
                                        <div class="row vert-margin-middle">
                                            <div class="post-prw-img col-md-7">
                                                <a href="{{asset($blog->uri->url)}}">
                                                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="{{asset($blog->image)}}" class="lazyload fade-up" alt="{{$blog->name}}">
                                                </a>
                                            </div>
                                            <div class="post-prw-text col-md-11">
                                                <div class="post-prw-links">
                                                    <div class="post-prw-date"><i class="icon-calendar"></i>{{date('d-m-Y',strtotime($blog->created_at))}}</div>
                                                </div>
                                                <h4 class="post-prw-title"><a href="{{asset($blog->uri->url)}}">{{$blog->name}}</a></h4>
                                                <div class="post-prw-teaser">{{$blog->meta_description}}</div>
                                                <div class="post-prw-btn">
                                                    <a href="{{asset($blog->uri->url)}}" class="btn btn--sm">{{__('general.readmore')}}</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                            <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 class="pagination-wrap d-flex mt-4">
                            {{$blogs->links()}}
                        </div>
                    </div>
                    <div class="col-md-6 aside aside--sidebar aside--left">
                        <div class="aside-content">
                            <div class="aside-block">
                                <h2 class="text-uppercase">Kategoriler</h2>
                                <ul class="tags-list">
                                    @foreach($categories as $category)
                                        <li><a href="{{asset($category->uri->url)}}">{{$category->blog_category_name}}</a></li>
                                    @endforeach
                                </ul>
                            </div>
                        </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