@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>{{ $kategoriDetay-> baslik}} Videoları - Web TV | Video Galeri</title>
    <meta name="description" content="{{ config('ayarlar.baslik') }} - {{ $kategoriDetay-> metadesc}}" />
    <meta name="keywords" content="{{ $kategoriDetay-> baslik}} videoları" />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">{{ $kategoriDetay->baslik }} Video Galeri</span></h1>
            <div class="breadcrumb">
                <a href="{{ url('/') }}">Ana Sayfa</a>
                <span></span>
                <a href="{{ url('webtv') }}">Video Galeri</a>
                <span></span>
                {{ $kategoriDetay->baslik }}
            </div>
        </div>
    </section>
    @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
    <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($videolar) != 0)
                        @foreach($videolar as $video)
                            <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/videolar/'.$video->resim) }})">
                                        <a class="img-link yenisekme" href="{{ url('video/'.Illuminate\Support\Str::slug($video->baslik).'-'. $video->id) }}"></a>
                                        <div class="post-content-overlay">
                                            <h6 class="post-title">
                                                <a class="color-white yenisekme" href="{{ url('video/'.Illuminate\Support\Str::slug($video->baslik).'-'. $video->id) }}">{{ $video->baslik }}</a>
                                            </h6>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        @endforeach
                    @else
                        <div class="col-lg-12">
                            <div class="alert alert-danger" role="alert">
                                Video 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">
                            {{ $videolar->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @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
@endsection

@push("customJs")

@endpush

@push("customCss")

@endpush