@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>Biyografiler - {{ config('ayarlar.baslik') }}</title>
    <meta name="description" content="{{ config('ayarlar.baslik') }} - Ünlü ve Tarihi Kişilerin Kısaca Biyografisi ve Hayatları, Biyografileri görmek ve detaylı okumak için sitemizi ziyaret edin." />
    <meta name="keywords" content="biyografiler, ünlü biyografileri, kişilerin kısaca hayatları, yaşam öyküleri" />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">Biyografiler</span></h1>
            <div class="breadcrumb">
                <a href="{{ url('/') }}">Ana Sayfa</a>
                <span></span> Biyografiler
            </div>
        </div>
    </section>
    <section class="pt-30 bg-white box-shadow mt-15 mb-30">
        <div class="container">
            <div class="loop-metro post-module-1 row">
                @if($biyografiTum != null)
                    @foreach($biyografiTum as $bio)
                        <article class="col-lg-3 col-md-6 col-sm-12 mb-30">
                            <div class="post-thumb position-relative">
                                <div class="thumb-overlay img-hover-slide border-radius-5 position-relative" style="background-image: url({{ url('images/biyografiler/'.$bio->resim) }})">
                                    <a class="img-link yenisekme" href="{{ url('biyografiler/'.Illuminate\Support\Str::slug($bio->baslik).'-'. $bio->id) }}"></a>
                                    <div class="post-content-overlay">
                                        <h6 class="post-title">
                                            <a class="color-white yenisekme" href="{{ url('biyografiler/'.Illuminate\Support\Str::slug($bio->baslik).'-'. $bio->id) }}">{{ $bio->baslik }}</a>
                                        </h6>
                                    </div>
                                </div>
                            </div>
                        </article>
                    @endforeach
                @endif
            </div>
            @if( $biyografiTum->hasPages())
                <div class="pagination-area pt-15 pb-15 text-center bt-1 border-color-1">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="single-wrap d-flex justify-content-center">
                                    {{ $biyografiTum->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>
@endsection

@push("customJs")

@endpush

@push("customCss")

@endpush