@extends('front.layouts.app', ['title' => 'Blog'])

@section('content')
@include('front.layouts.app-header')


<!-- <section class="blog_banner" style="background:url(images/blog_bg.png) center / cover no-repeat; ">
                <div class="container">
                    <div class="row">
                        <div class="col col-10 mx-auto">
                            <div class="blog_banner_card">
                                <div class="blog_banner_inner">
                                    <label for="">WINE SHOP</label>
                                    <h2><a href="#!">Pétrus in Space: A Comparative <br/>Tasting of Terrestrial and Interstellar Bordeaux</a></h2>
                                    <ul>
                                        <li>June 24,2021</li>
                                        <li>3 comments</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section> -->

{{-- <section class="page_banner" style="background:rgb(0 0 0 / 60%) url(images/blog_bg.jpg) center 70% / cover no-repeat;background-blend-mode:color; ">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="page_banner_title">
                    <h1>Blog</h1>
                </div>
                <div class="c_breadcrumb">
                    <ul class="c_breadcrumb_inner">
                        <li class="c_breadcrumb_item">
                            <a href="{{route('home')}}">Home</a>
                        </li>
                        <!-- <li class="c_breadcrumb_item">
                                        <a href="#!">Wines</a>
                                    </li> -->
                        <li class="c_breadcrumb_item">Blog</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="get_smart_sec">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="section_title">
                    <h2>Get Smart</h2>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($blogs as $blog)
            <div class="col col-4">
                <div class="blog_card">
                    <div class="blog_card_inner">
                        <div class="blog_card_img">
                            @if(!empty($blog->image) && \Illuminate\Support\Facades\Storage::exists($blog->image))
                            <a href="{{ url('storage') . '/' . $blog->image}}" data-fancybox="blog_img">
                                <img src="{{ url('storage') . '/' . $blog->image}}">
                            </a>
                            @else
                            <a href="{{ url('storage') . '/no_image.png'}}" data-fancybox="blog_img">
                                <img src="{{ url('storage') . '/no_image.png'}}">
                            </a>
                            @endif
                            <span>{{$blog->blogCategory->name}}</span>
                        </div>
                        <div class="blog_card_content">
                            <h3><a href="{{route('blog-detail', ['slug' => $blog->slug])}}">{{$blog->name}}</a></h3>
                            <ul>
                                <li>{{$blog->created_at->format(' F j Y ')}}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section> --}}

<section class="blog_featured_sec" style="background:rgb(0 0 0 / 80%) url(images/blog_featured_bg.png) center / cover no-repeat;background-blend-mode:overlay; ">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="section_title invert">
                    <h2>Featured</h2>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($blogsfeatures as $fetures)
            <div class="col col-4">
                <div class="blog_card">
                    <div class="blog_card_inner">
                        <div class="blog_card_img">
                            @if(!empty($fetures->image) && \Illuminate\Support\Facades\Storage::exists($fetures->image))
                            <a href="{{route('blog-detail', ['slug' => $fetures->slug])}}" >
                                <img src="{{ url('storage') . '/' . $fetures->image}}">
                            </a>
                            @else
                            <a href="{{route('blog-detail', ['slug' => $fetures->slug])}}" >
                                <img src="{{ url('storage') . '/no_image.png'}}">
                            </a>
                            @endif
                            {{-- <span>{{$fetures->blogCategory->name}}</span> --}}
                        </div>
                        <div class="blog_card_content invert">
                            <h3><a href="{{route('blog-detail', ['slug' => $fetures->slug])}}">{{$fetures->name}}</a></h3>
                            <ul>
                                <li>{{$fetures->date ? date('F j Y', strtotime($fetures->date)): date('F j Y', strtotime($fetures->created_at)) }}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

<section class="wine_story_sec">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="section_title">
                    <h2>Wine Stories</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col col-7">
                @if(count($winestories) > 0)
                <div class="blog_card">
                    <div class="blog_card_inner">
                        <div class="blog_card_img">
                            @if(!empty($winestories[0]->image) && \Illuminate\Support\Facades\Storage::exists($winestories[0]->image))
                            <a href="{{route('blog-detail', ['slug' => $winestories[0]->slug])}}" >
                                <img src="{{ url('storage') . '/' . $winestories[0]->image}}">
                            </a>
                            @else
                            <a href="{{route('blog-detail', ['slug' =>$winestories[0]->slug])}}" >
                                <img src="{{ url('storage') . '/no_image.png'}}">
                            </a>
                            @endif
                            {{-- <span>{{$winestories[0]->blogCategory->name}}</span> --}}
                        </div>
                        <div class="blog_card_content">
                            <h3><a href="{{route('blog-detail', ['slug' => $winestories[0]->slug])}}">{{$winestories[0]->name}}</a></h3>
                            <ul>
                                <li>{{$winestories[0]->date ? date('F j Y', strtotime($winestories[0]->date)): date('F j Y', strtotime($winestories[0]->created_at)) }}</li>
                            </ul>
                        </div>
                    </div>
                </div>

                @endif
            </div>
            <div class="col col-5">
                <div class="wine_store_card_wrap">
                    <div class="wine_store_card_lists">
                        @foreach($winestories as $key=>$story)
                        @if($key > 0)
                        <div class="wine_store_card_item">
                            <div class="wine_store_card_img">
                                @if(!empty($story->image) && \Illuminate\Support\Facades\Storage::exists($story->image))
                                <a href="{{route('blog-detail', ['slug' => $story->slug])}}" >
                                    <img src="{{ url('storage') . '/' . $story->image}}">
                                </a>
                                @else
                                <a href="{{route('blog-detail', ['slug' => $story->slug])}}">
                                    <img src="{{ url('storage') . '/no_image.png'}}">
                                </a>
                                @endif
                            </div>
                            <div class="wine_store_card_content">
                                <h4><a href="{{route('blog-detail', ['slug' => $story->slug])}}">{{$story->name}}</a>
                                </h4>
                            </div>
                        </div>
                        @endif
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="col col-12">
                <div class="blog_card_content c_btn">
                    <a href="{{route('blogs/archives')}}">View more</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="more_recent_sec">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="section_title">
                    <h2>Most Recent</h2>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($recentblogs as $recent)
            <div class="col col-4">
                <div class="blog_card">
                    <div class="blog_card_inner">
                        <div class="blog_card_img">
                            @if(!empty($recent->image) && \Illuminate\Support\Facades\Storage::exists($recent->image))
                            <a href="{{route('blog-detail', ['slug' => $recent->slug])}}" >
                                <img src="{{ url('storage') . '/' . $recent->image}}">
                            </a>
                            @else
                            <a href="{{route('blog-detail', ['slug' => $recent->slug])}}" >
                                <img src="{{ url('storage') . '/no_image.png'}}">
                            </a>
                            @endif
                            {{-- <span>{{$recent->blogCategory->name}}</span> --}}
                        </div>
                        <div class="blog_card_content">
                            <h3><a href="{{route('blog-detail', ['slug' => $recent->slug])}}">{{$recent->name}}</a></h3>
                            <ul>
                                <li>{{$recent->date ? date('F j Y', strtotime($recent->date)) : date('F j Y', strtotime($recent->created_at)) }}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

@include('front.layouts.app-footer')
@endsection