@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>Seri İlanlar - {{ config('ayarlar.baslik') }}</title>
    <meta name="description" content="{{ config('ayarlar.baslik') }} - Seri ilanları görmek ve incelemek için ziyaret edin." />
    <meta name="keywords" content="seri ilanlar, ücretsiz ilan, iş ilanları" />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">Seri İlanlar</span></h1>
            <div class="breadcrumb">
                <a href="{{ url('/') }}">Ana Sayfa</a>
                <span></span> Seri İlanlar
            </div>
        </div>
    </section>
    <section class="pt-30 pb-30 bg-white box-shadow mt-15 mb-30">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        @if(count($ilanlar) != 0)
                            @foreach($ilanlar as $ilan)
                                <div class="col-md-4 d-md-flex mb-3">
                                    <div class="d-flex flex-column bg-white shadow-sm flex-grow-1 p-2">
                                        <div class="d-flex mb-2 align-items-center justify-content-center">
                                            <a href="{{ url('seri-ilanlar/'.Illuminate\Support\Str::slug($ilan->baslik).'-'. $ilan->id) }}">
                                                <img class="img-fluid" src="{{ url('images/ilanlar/'.$ilan->resim) }}" alt="{{ $ilan->baslik }}">
                                            </a>
                                        </div>
                                        <div class="post-content">
                                            <h3 class="post-title line-camp line-2 fs-16 text-center mt-auto mb-2">
                                                <a href="{{ url('seri-ilanlar/'.Illuminate\Support\Str::slug($ilan->baslik).'-'. $ilan->id) }}">{{ $ilan->baslik }}</a>
                                            </h3>
                                            <span class="post-date-info mt-auto">
                                                <i class="ti-tag"></i>
                                                {{ $ilan->kategoriler->baslik }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                    @if( $ilanlar->hasPages())
                        <div class="pagination-area pt-30 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">
                                            {{ $ilanlar->links() }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="col-md-4">
                    <div class="sidebar-widget widget-tags mb-15">
                        <div class="widget-header position-relative mb-10">
                            <h5 class="widget-title dot mb-10">Kategoriler</h5>
                            <div class="bt-1 border-color-1"></div>
                        </div>
                        <ul class="unstyled clearfix">
                            @foreach($kategoriler as $kategori)
                                <li>
                                    <a href="{{ url('seri-ilanlar/kategoriler/'.Illuminate\Support\Str::slug($kategori->baslik).'-'.$kategori->id) }}">
                                        {{ $kategori->baslik }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push("customJs")

@endpush

@push("customCss")

@endpush