@extends('frontend.layouts.master')


@section('content')


    <section  style=" background-image: url({{asset($pageresim->resim)}});" class="page-header">
        <div class="page-header-shape"></div>
        <div class="container">
            <div class="page-header-info">
                <h4>Haberler!</h4>
                <h2> <span>Bizden Haberler</span></h2>

            </div>
        </div>
    </section>
    <!--/.page-header-->

    <section class="blog-section blog-page bg-grey padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 sm-padding">
                    <div class="row grid-post">
                        @if(!empty($blog) && $blog->count()>0)
                            @foreach($blog as $blogs)
                        <div class="col-md-6 padding-15">
                            <div class="post-card">
                                <div class="post-thumb">
                                    <img src="{{asset($blogs->resim)}}" alt="post">

                                </div>
                                <div class="post-content-wrap">
                                    <ul class="post-meta">
                                        <li><i class="las la-calendar"></i>{{$blogs->created_at}}</li>

                                    </ul>
                                    <div class="post-content">
                                        <h3><a href="{{route('blog',$blogs->slug)}}" class="hover"> {{$blogs->ad}}</a></h3>
                                      <p> {!!Illuminate\Support\Str::limit($blogs->icerik, $limit = 80, $end = '...') !!}</p>
                                        <a href="{{route('blog',$blogs->slug)}}" class="read-more">Devamını oku</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                            @endforeach
                        @endif

                    </div>
                    {{$blog->links('vendor.pagination.bootstrap-5')}}

                </div>
                <!--Blog Grid-->
                <div class="col-lg-4 sm-padding">

                    <!--Search Form-->
                    <div class="sidebar-widget">
                        <div class="widget-title">
                            <h3>Kategoriler</h3>
                        </div>
                        <ul class="category-list">
                            @if(!empty($blogkategori) && $blogkategori->count() > 0)
                                @foreach($blogkategori as $blogkategoris)
                            <li><a href="{{route('blogs',$blogkategoris->slug)}}">{{$blogkategoris->ad}}</a></li>
                                @endforeach
                            @endif

                        </ul>
                    </div>

                </div>

            </div>
        </div>
    </section>
    <!--Blog Section-->


@endsection