@extends('app._layout')
@section('title', 'Haberler')
@section('description', 'Eğitim alanında tüm gelişmeleri takip edebilirsiniz')

@section('content')
<section id="breadcrumbs" class="breadcrumbs">
	<div class="container">
		<ol>
			<li><a href="/">Anasayfa</a></li>
			<li>Haberler</li>
		</ol>
	</div>
</section>


@if(! $yazilar->total())
<div class="alert alert-danger" role="alert">
  <strong>İçerik bulanamadı!</strong><br>
  Bu sayfaya henüz içerik girilmedi.
</div>
@endif



<section id="services" class="services section-bg">
	<div class="container" data-aos="fade-up">

		<div class="section-title">
		<h2>HABERLER</h2>
		</div>

		<div class="row">

		@foreach($yazilar as $item)
			<div class="col-xl-3 col-md-6 mt-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
				<div class="icon-box">
        <div><img class="img-fluid" src="{{$item->gorsel->kucuk()}}"></div>
				<h4 class="mt-4"><a href="{{$item->link()}}">{{$item->baslik}}</a></h4>
				<p>{{$item->aciklama}}</p>
				</div>
			</div>
		@endforeach

		</div>

	</div>
	</section>



  <div class="container mt20 d-flex justify-content-center">
    {!! $yazilar->links() !!}
  </div>
@endsection