@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>Foto Galeri - {{ config('ayarlar.baslik') }}</title>
    <meta name="description" content="{{ config('ayarlar.baslik') }} - Magazin, spor, yaşam, otomobil, teknoloji ve güncel foto galeriler, fotoğraflar ve resimler" />
    <meta name="keywords" content="güncel galeriler, komik resimler, spor foto galeri, magazin foto galeri, foto galeriler" />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">FOTO GALERİ</span></h1>
            <div class="breadcrumb">
                @foreach($kategoriler as $kategori)
                    <a href="{{ url('galeri/kategoriler/'.Illuminate\Support\Str::slug($kategori->baslik).'-'.$kategori->id) }}">{{ $kategori->baslik }}</a>
                    <span></span>
                @endforeach
            </div>
        </div>
    </section>
    <section class="block-wrapper">
        @if(!empty($medyaUst))
            <section class="block-wrapper text-center reklam mt-0 pt-0 pb-0 mb-3">
                @if($medyaUst->tip == 1)
                    <a target="_blank" href="{{ $medyaUst->link }}">
                        <img src="{{url('images/reklamlar/'.$medyaUst->resim)}}" alt="{{ $medyaUst->baslik }}">
                    </a>
                @else
                    {!! $medyaUst->metin !!}
                @endif
            </section>
        @endif
        <div class="clearfix"></div>
    </section>
    <section class="mb-30">
            <div class="row">
                <div class="col-12">
                    <div class="featured-slider-1 border-radius-10">
                        <div class="featured-slider-1-items">
                            @if(count($galerimanset) != 0)
                                @foreach($galerimanset as $galeri)
                                    <div class="slider-single">
                                        <div class="row no-gutters">
                                            <div class="col-lg-6 col-md-12 order-lg-1 order-2 align-center-vertical">
                                                <div class="slider-caption">
                                                    <h2 class="post-title"><a href="{{ url('galeri/'.Illuminate\Support\Str::slug($galeri->baslik).'-'. $galeri->id) }}">{{ $galeri->baslik }}</a></h2>
                                                    <p class="excerpt font-medium mt-25 mb-25">{{ $galeri->metadesc }}</p>
                                                </div>
                                            </div>
                                            <div class="slider-img col-lg-6 order-lg-2 order-1 col-md-12">
                                                <div class="img-hover-scale">
                                                    <a href="{{ url('galeri/'.Illuminate\Support\Str::slug($galeri->baslik).'-'. $galeri->id) }}">
                                                        <img src="{{ url('images/galeriler/'.$galeri->resim) }}" alt="{{ $galeri->baslik }}">
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-md-12">
                                <div class="arrow-cover"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    <section class="block-wrapper">
        <div class="row">
            <div class="col-md-12 col-sm-12">
                <div class="loop-metro post-module-1 row">
                    @if(count($galeriler) != 0)
                        @foreach($galeriler as $galeri)
                            <article class="col-lg-4 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/galeriler/'.$galeri->resim) }})">
                                        <a class="img-link yenisekme" href="{{ url('galeri/'.Illuminate\Support\Str::slug($galeri->baslik).'-'. $galeri->id) }}"></a>
                                        <div class="post-content-overlay">
                                            <h6 class="post-title">
                                                <a class="color-white yenisekme" href="{{ url('galeri/'.Illuminate\Support\Str::slug($galeri->baslik).'-'. $galeri->id) }}">{{ $galeri->baslik }}</a>
                                            </h6>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        @endforeach
                    @else
                        <div class="col-lg-12">
                            <div class="alert alert-danger" role="alert">
                                Foto galeri bulunamadı!
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="pagination-area pt-30 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">
                            {{ $galeriler->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @if(!empty($medyaAlt))
            <section class="block-wrapper text-center reklam mt-0 pt-0 pb-0 mb-3">
                @if($medyaAlt->tip == 1)
                    <a target="_blank" href="{{ $medyaAlt->link }}">
                        <img src="{{url('images/reklamlar/'.$medyaAlt->resim)}}" alt="{{ $medyaAlt->baslik }}">
                    </a>
                @else
                    {!! $medyaAlt->metin !!}
                @endif
            </section>
        @endif
    </section>

@endsection

@push("customJs")
@endpush

@push("customCss")
@endpush