<div class="pt-30 bg-white box-shadow">
    <div class="container mb-30">
        <div class="row">
            <div class="col-md-12">
                <div class="widget-header position-relative mb-30">
                    <h5 class="widget-title mb-30 text-uppercase color1 font-weight-ultra">{{ $item->contents[0]->haberkat->baslik }}</h5>
                    <div class="letter-background">Haberleri</div>
                </div>
            </div>
        </div>
        <div class="row ozelkat">
            <div class="col-md-8">
                @foreach($item->contents->slice(0, 1) as $haber)
                        <div class="post-block-style mb-30">
                            <div class="post-thumb position-relative thumb-overlay mb-15">
                                <div class="img-hover-slide border-radius-5 position-relative min-h340" style="background-image: url({{ $haber->resim != null ? url('images/haberler/'.$haber->resim ) : url('images/genel/'.config('ayarlar.resimsiz')) }})">
                                    <a class="img-link" href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}"></a>
                                </div>
                            </div>
                            <div class="post-content">
                                <h4 class="post-title font-weight-ultra font-large-ultra">
                                    <a href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}">{{ $haber->baslik }}</a>
                                </h4>
                            </div>
                        </div>
                @endforeach
                    <div class="row">
                        @foreach($item->contents->slice(1, 2) as $haber)
                            <div class="col-md-6 col-sm-6 sm-grid-content mb-30">
                                <div class="post-thumb d-flex border-radius-5 img-hover-scale mb-15">
                                    <a href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}">
                                        <img src="{{ $haber->resim != null ? url('images/tn/'.$haber->resim ) : url('images/genel/'.config('ayarlar.resimsiz')) }}" alt="{{ $haber->baslik }}">
                                    </a>
                                </div>
                                <div class="post-content media-body">
                                    <h6 class="post-title text-limit-2-row">{{ $haber->baslik }}</h6>
                                </div>
                            </div>
                        @endforeach
                    </div>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12 primary-sidebar sticky-sidebar sticky-sidebar">
                <div class="sidebar-widget widget_alitheme_lastpost">
                    <div class="post-block-list">
                        @foreach($item->contents->slice(3, 2) as $haber)
                        <article class="mb-30">
                            <div class="post-thumb position-relative thumb-overlay mb-15">
                                <div class="img-hover-slide border-radius-5 position-relative min-h170" style="background-image: url({{ $haber->resim != null ? url('images/tn/'.$haber->resim ) : url('images/genel/'.config('ayarlar.resimsiz')) }})">
                                    <a class="img-link" href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}"></a>
                                </div>
                            </div>
                            <div class="post-content">
                                <h4 class="post-title">
                                    <a href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}">{{ $haber->baslik }}</a>
                                </h4>
                            </div>
                        </article>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
