@extends('layout')

@section('content')
    @include('pages._menu')



    <section class="site-section pt-5">

        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="owl-carousel owl-theme home-slider">
                            @foreach($featuredPosts as $post)
                        <div>
                            <a href="{{route('post.show', $post->slug)}}" class="a-block d-flex align-items-center height-lg" style="background-image: url({{$post->getImage()}}); ">
                                <div class="text half-to-full">
                                    <div class="post-meta">
                                        @if($post->hasCategory())
                                            <span class="category" href="{{route('category.show', $post->category->slug)}}">{{$post->getCategoryTitle()}}</span>
                                        @endif
                                        <span class="mr-2">{{$post->getDate()}}</span>
                                    </div>
                                    <h3 href="{{route('post.show', $post->slug)}}">{{$post->title}}</h3>

                                    <p>{!!$post->description!!}</p>
                                </div>
                            </a>
                            
                        </div>
                            @endforeach
                     </div>
                </div>
            </div>



            <div class="row">
                @foreach($recentPosts as $post)
                <div class="col-md-6 col-lg-4">
                    <a href="{{route('post.show', $post->slug)}}" class="a-block d-flex align-items-center height-md" style="background-image: url({{$post->getImage()}}); ">
                        <div class="text">
                            <div class="post-meta">
                                @if($post->hasCategory())
                                    <span class="category" href="{{route('category.show', $post->category->slug)}}">{{$post->getCategoryTitle()}}</span>
                                @endif
                                <span class="mr-2">{{$post->getDate()}}</span>
                            </div>
                            <h3 href="{{route('post.show', $post->slug)}}">{{$post->title}}</h3>
                        </div>
                    </a>
                </div>
                @endforeach
            </div>

        </div>

    </section>
    <!-- END section -->



    <section class="site-section py-sm">
        <div class="container">

            <div class="row">
                <div class="col-md-6">
                    <h2 class="mb-4">All Posts</h2>
                </div>
            </div>

            <div class="row blog-entries">
                <div class="col-md-12 col-lg-8 main-content">
                    <div class="row">

                        @foreach($posts as $post)
                            <div class="col-md-6 col-lg-6">

                                <a href="{{route('post.show', $post->slug)}}" class="blog-entry element-animate" data-animate-effect="fadeIn">
                                    <img class="b-block" src="{{$post->getImage()}}" alt="Image placeholder">

                                    <div class="blog-content-body c-block ">
                                        <div class="post-meta">
                                            @if($post->hasCategory())
                                                <h6><a class="category" href="{{route('category.show', $post->category->slug)}}"> {{$post->getCategoryTitle()}}</a></h6>
                                            @endif
                                            <span class="mr-2">{{$post->getDate()}}</span>&bullet;
                                        </div>
                                        <a href="{{route('post.show', $post->slug)}}" class="blog-entry element-animate" data-animate-effect="fadeIn">
                                        <p><h3 href="{{route('post.show', $post->slug)}}">{{$post->title}}</h3></p>
                                        </a>
                                    </div>
                                </a>

                            </div>




                        @endforeach


                    </div>


                    <div class="row">
                        <div class="col-md-12 text-center">
                            <nav aria-label="Page navigation" class="text-center">
                                {{$posts->links()}}
                            </nav>
                        </div>
                    </div>



            </div>
                <!-- END main-content -->

                <div class="col-md-12 col-lg-4 sidebar">




                    </aside>
                    <!-- END sidebar-box -->
                    <div class="sidebar-box">
                        <div class="bio text-center">
                            <img src="/images/image1.png" alt="Image Placeholder" class="img-fluid">
                            <div class="bio-body">
                                <h2>Ivan</h2>
                                <p>Hi! I'm keen on creating and improving things as well as bringing creativity into everyday life. Curiosity, following a passion and permanently unsatisfied human nature lead me to undiscovered ideas where I take the energy for future innovations.</p>
                                <p><a href="/about" class="btn btn-primary btn-sm">Read my bio</a></p>

                            </div>
                        </div>
                    </div>

                    <div class="sidebar-box search-form-wrap">

                        <div class="form-group">
                            @include('admin.errors')
                            <form action="/subscribe" method="post">
                                {{csrf_field()}}
                                <input type="email" class="form-control" placeholder="Email address" name="email">
                                <br>
                                <input type="submit" class="form-control button-subscribe btn btn-primary btn-sm form-margin" value="SUBSCRIBE"
                                       class="text-uppercase text-center btn btn-subscribe">
                            </form>
                        </div>

                    </div>




                    <!-- END sidebar-box -->

                    <div class="sidebar-box">
                        <h3 class="heading">Categories</h3>
                        <ul class="categories">
                            @foreach($categories as $category)
                                <li>
                                    <a href="{{route('category.show', $category->slug)}}">{{$category->title}} <span class="post-count pull-right">{{$category->posts()->count()}} </span></a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <!-- END sidebar-box -->

                    <div class="sidebar-box">
                        <h3 class="heading">Tags</h3>
                        <ul class="tags">
                            @foreach($alltags as $tag)
                                <li><a class="dropdown-item" href="{{route('tag.show', $tag->slug)}}">{{$tag->title}} </a></li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <!-- END sidebar -->

        </div>

    </div>
    </section>




<!-- end main content-->

@endsection