@extends('layouts.base')

@section('nav-active-blog')
    nav-current
@endsection
@section('content')
    <!-- web_main start -->
    <div class="web_main page_main">

        <!-- banner -->
        <section class="slider_banner">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <div class="banner_item_img">
                        <a href=""><img src="/uploads/35a55d99.jpg" alt=""/></a>
                    </div>
                </li>
                <li class="swiper-slide">
                    <div class="banner_item_img">
                        <a href=""><img src="/uploads/6b706340.jpg" alt=""/></a>
                    </div>
                </li>
                <li class="swiper-slide">
                    <div class="banner_item_img">
                        <a href=""><img src="/uploads/ec6a2016.jpg" alt=""/></a>
                    </div>
                </li>
            </ul>
            <div class="swiper-control index_swiper_control">
                <div class="swiper-buttons">
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </section>

        <!-- blog_list -->
        <section class="blog_list">
            <div class="layout_style03">
                <div class="main_hd">
                    <h1 class="page_title">LATEST POSTS</h1>
                    {{--                    <div class="share_this"><img src="template/img/demo/share_this.png" alt=""></div>--}}
                </div>
                <ul>
                    @foreach($lists['data']??[] as $list)
                    <li class="blog-item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
                        <figure class="item-wrap">
                            <a href="{{route('blog.info',['id'=>$list['blog_id']])}}" class="item-img"><img src="/style/template/img/demo/new.jpg" alt="{{$list['blog_title']}}" /></a>
                            <figcaption class="item-info">
                                <a href="{{route('blog.info',['id'=>$list['blog_id']])}}">
                                    <div class="item-tip">{{strtoupper($list['blog_seo_keywords'])}}</div>
                                    <h2 class="item-title">
                                        {{$list['blog_title']}}
                                        {{--                                        Make money online as a side business:--}}
                                        {{--                                        <strong>Top</strong> 3 ways!--}}
                                    </h2>
                                    <time>{{$list['blog_push_time']}} / {{ucwords($list['blog_push_author'])}}</time>
                                    <div class="item-detail">
                                        {{$list['blog_seo_description']}}
                                    </div>
                                </a>
                                <a href="{{route('blog.info',['id'=>$list['blog_id']])}}" title="Read more" class="item-more">Read more</a>
                            </figcaption>
                        </figure>
                    </li>
                    @endforeach

                </ul>
                <div class="page_bar">
                    <div class="pages">
                        @foreach($lists['links']??[] as $p)
                        <a href="?page={{$p['page']}}" class="@if($p['active']) current @endif">{!! $p['label'] !!}</a>
                        @endforeach
                        <span class='current2'>Page 1 / 2</span>
                    </div>
                </div>
            </div>
        </section>
        <section class="learn_tip wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
            <div class="layout">
                <h1 class="title">Learn How To Resell, Find Work From Home Jobs & Earn Money Online</h1>
                <div class="text">
                    <p>Have you ever considered selling online? Starting an e-commerce business can be a bit overwhelming. </p>
                    <p>It involves a lot of investment and the time that is spent on researching the product and target audience can be daunting</p>
                    <p>But, with Shop101, you can start a nation-wide business with ‘zero investment’ and that too from the comfort of your home!</p>
                </div>
            </div>
        </section>

    </div>
@endsection