    @extends('tema.layout.home_master')

    @section('title')
        <title>{{ $seodata->baslik }}</title>
        <meta name="description" content="{{ $seodata->description }}">
        <meta name="keywords" content="{{ $seodata->keywords }}">
    @endsection



    @section('main')



        <section class="page-header">
            <div style="background-image: url({{asset($bannerdata->resimyol)}});" class="background-image-banner"></div>
            <div class="container bannerdetay">
                <h2>{{$seodata->baslik}}</h2>
                <ul class="list-unstyled thm-breadcrumb">
                    <li><a href="{{route('home')}}">Anasayfa</a></li>
                    <li><span>{{$seodata->title}}</span></li>
                </ul><!-- /.list-unstyled thm-breadcrumb -->
            </div><!-- /.container -->
        </section><!-- /.page-header -->





        <section class="blog-one">
            <div class="container">
                <img src="{{asset('assets/images/shapes/contact-info-shape-1-1.png')}}" class="contact-info-one__bg-shape-1" alt="">
                <div class="block-title text-center">
                    <div class="block-title__line"></div><!-- /.block-title__line -->
                    <h3>{{$sabitalanlar->blogbaslik}}</h3>

                </div><!-- /.block-title text-center -->
                <div class="row">
                    <div class="col-md-8">
                        <div class="row">


                            @if($bloglar->count()>0)
                                @foreach($bloglar as $blog)
                                    <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInUp">
                                        <div class="blog-one__single">
                                            <div class="blog-one__image">
                                                <img class="lazyload" src="{{asset('upload/loading.gif')}}" style="width: 100%;height: 220px" data-src="{{$blog->resimyol}}" alt="{{$blog->resimyol_alt}}">
                                                <a href="{{route('blog.detay', $blog->slug)}}"><i class="fas fa-plus"></i></a>
                                            </div><!-- /.blog-one__image -->
                                            <div class="blog-one__content">
                                                <div class="blog-one__meta">
                                                    <a href="#"><i class="fas fa-calendar-alt"></i>{{ \Carbon\Carbon::parse($blog->created_at)->format('d.m.Y H:i:s') }}</a>
                                                    <a href="#"><i class="fas fa-user"></i>Admin</a>
                                                </div><!-- /.blog-one__meta -->
                                                <h3><a href="{{route('blog.detay', $blog->slug)}}">{{$blog->baslik}}</a></h3>
                                                <a href="{{route('blog.detay', $blog->slug)}}" class="thm-btn blog-one__btn"><span>Daha Fazlası</span></a>
                                                <!-- /.thm-btn blog-one__btn -->
                                            </div><!-- /.blog-one__content -->
                                        </div><!-- /.blog-one__single -->
                                    </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->

                                @endforeach

                            @else
                                <h5 class="text-center">Henüz Blog Eklenmemiştir</h5>
                            @endif

                        </div>




                    </div>
                    <div class="col-md-4">
                        <div class="sidebar__single">
                            <h3>Kategoriler</h3>
                            <ul class="list-unstyled sidebar__cat-list">
                                @foreach($kategoriler as $cat)
                                    <li><a href="{{route('blogcat',$cat->slug)}}">{{$cat->baslik}}</a></li>

                                @endforeach

                            </ul><!-- /.list-unstyled -->
                        </div>
                    </div>



                </div><!-- /.row -->


            </div><!-- /.container -->
        </section><!-- /.blog-one -->


    @endsection
