@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>{{ config('ayarlar.baslik') }}</title>
    <meta name="keywords" content="{{ config('ayarlar.seokeyw') }}"/>
    <meta name="description" content="{{ config('ayarlar.seodesc') }}"/>
    <link rel="alternate" type="application/rss+xml" title="RSS servisi" href="{{ url('rss/genel-0') }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:site_name" content="{{ config('ayarlar.baslik') }}" />
    <meta property="og:url" content="{{ url('/') }}"/>
    <meta property="og:title" content="{{ config('ayarlar.baslik') }}"/>
    <meta property="og:description" content="{{ config('ayarlar.seodesc') }}"/>
    <meta property="og:image" content="{{ url('images/genel/'.config('ayarlar.logo')) }}"/>
    <meta property="og:image:width" content="300"/>
    <meta property="og:image:height" content="300"/>
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="{{ url('images/genel/'.config('ayarlar.logo')) }}"/>
    <meta name="twitter:site" content="{{ '@'.config('ayarlar.twkullanici') }}">
    <meta name="twitter:url" content="{{ url('/') }}">
    <meta name="twitter:title" content="{{ config('ayarlar.baslik') }}"/>
    <meta name="twitter:description" content="{{ config('ayarlar.seodesc') }}"/>
    <meta name="application-name" content="{{ config('ayarlar.baslik') }}"/>
    <meta name="msapplication-TileImage" content="{{ url('images/genel/'.config('ayarlar.logo')) }}"/>
@endpush
@section("content")
    @if(!empty($anasayfaMastReklam))
        @include('frontend.tema9.ads.masthead')
    @endif
    @if(config('ayarlar.flas') == 1 && count($sonDakika) != 0)
        @include('frontend.'.$temaadi.'.blocks.sonDakika')
    @endif
    @if(config('ayarlar.canliyayin') != null)
        @include('frontend.'.$temaadi.'.blocks.canliYayin')
    @endif
    @if($modullerNew)
        @php($ozelKatCheck = true)
        @php($gundemCheck = true)
        @foreach($modullerNew as $item)
            @switch($item->code)
                @case('yataymanset')
                @include('frontend.'.$temaadi.'.blocks.yatayManset',['yataymansetler' => $item->contents])
                @break
                @case('normalmanset')
                @include('frontend.tema9.blocks.normalManset',['normalMansetler' => $item->contents])
                @if(!empty($anasayfaNormalAlt1))
                    <section class="block-wrapper text-center reklam">

                            @if($anasayfaNormalAlt1->tip == 1)
                                <a target="_blank" href="{{ $anasayfaNormalAlt1->link }}">
                                    <img src="{{url('images/reklamlar/'.$anasayfaNormalAlt1->resim)}}" alt="{{ $anasayfaNormalAlt1->baslik }}">
                                </a>
                            @else
                                {!! $anasayfaNormalAlt1->metin !!}
                            @endif

                    </section>
                @endif
                @if(!empty($anasayfaNormalAlt2))
                    <section class="block-wrapper text-center reklam">

                            @if($anasayfaNormalAlt2->tip == 1)
                                <a target="_blank" href="{{ $anasayfaNormalAlt2->link }}">
                                    <img src="{{url('images/reklamlar/'.$anasayfaNormalAlt2->resim)}}" alt="{{ $anasayfaNormalAlt2->baslik }}">
                                </a>
                            @else
                                {!! $anasayfaNormalAlt2->metin !!}
                            @endif

                    </section>
                @endif
                @break
                @case('spotmanset')
                    @include('frontend.'.$temaadi.'.blocks.spot')
                @break
                @case('yazarlar')
                @if(config('ayarlar.yazarlarblok') == 1)
                    @if($yazarlar)
                        @include('frontend.'.$temaadi.'.blocks.yazarlarYatay')
                    @endif
                @endif
                @break
                @case('editorsectikleri')
                    @include('frontend.'.$temaadi.'.blocks.editorSectikleri')
                @break
                @case('altblok')
                @include('frontend.'.$temaadi.'.blocks.altBlok')
                @break
                @case('fotogaleri')
                    @if(config('ayarlar.fotogaleri') == 1 or $fotoGaleri != null)
                        @if(!empty($anasayfaFotoUst))
                            <section class="block-wrapper text-center reklam">
                                    @if($anasayfaFotoUst->tip == 1)
                                        <a target="_blank" href="{{ $anasayfaFotoUst->link }}">
                                            <img src="{{url('images/reklamlar/'.$anasayfaFotoUst->resim)}}" alt="{{ $anasayfaFotoUst->baslik }}">
                                        </a>
                                    @else
                                        {!! $anasayfaFotoUst->metin !!}
                                    @endif
                            </section>
                        @endif
                        @include('frontend.'.$temaadi.'.blocks.fotoGaleriHome')
                        @if(!empty($anasayfaFotoAlt))
                            <section class="block-wrapper text-center reklam">

                                    @if($anasayfaFotoAlt->tip == 1)
                                        <a target="_blank" href="{{ $anasayfaFotoAlt->link }}">
                                            <img src="{{url('images/reklamlar/'.$anasayfaFotoAlt->resim)}}" alt="{{ $anasayfaFotoAlt->baslik }}">
                                        </a>
                                    @else
                                        {!! $anasayfaFotoAlt->metin !!}
                                    @endif

                            </section>
                        @endif
                    @endif
                @break
                @case('gundemkont')
                <div class="pt-30 pb-30 bg-white box-shadow mb-30">
                    @foreach($item->childs as $child)
                        @if($child->code == 'gundemhaber' && count($child->contents) != 0)
                            <div class="container mb-30">
                                <div class="sidebar-widget loop-grid">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="widget-header position-relative mb-30">
                                                <h5 class="widget-title mb-30 text-uppercase color1 font-weight-ultra">Gündem</h5>
                                                <div class="letter-background">Haberleri</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="pt-30 bt-1 border-color-1"></div>
                                        </div>
                                        @foreach($child->contents as $key => $haber)
                                        <div class="col-lg-4 col-md-6 col-sm-12 mb-30">
                                            <div class="post-thumb position-relative thumb-overlay hover-box-shadow-2 mb-30">
                                                <div class="img-hover-slide border-radius-5 position-relative" style="background-image: url({{ $haber->resim != null ? url('images/tn/'.$haber->resim ) : url('images/genel/'.config('ayarlar.resimsiz')) }})">
                                                    <a class="img-link" href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}"></a>
                                                </div>
                                            </div>
                                            <div class="post-content">
                                                <h4 class="post-title">
                                                    <a class="text-limit-2-row" href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}">{{ $haber->baslik }}</a>
                                                </h4>
                                            </div>
                                        </div>
                                        @endforeach
                                        <div class="col-12">
                                            <div class="mt-30 bt-1 border-color-1"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @elseif($child->code == 'sporhaber' && count($child->contents) != 0)
                            @include('frontend.'.$temaadi.'.blocks.spor')
                        @endif
                    @endforeach
                    @if(!empty($anasayfaGundemAlt))
                        <section class="block-wrapper text-center reklam mt-1">
                            @if($anasayfaGundemAlt->tip == 1)
                                <a target="_blank" href="{{ $anasayfaGundemAlt->link }}">
                                    <img src="{{url('images/reklamlar/'.$anasayfaGundemAlt->resim)}}" alt="{{ $anasayfaGundemAlt->baslik }}">
                                </a>
                            @else
                                {!! $anasayfaGundemAlt->metin !!}
                            @endif
                        </section>
                    @endif
                </div>
                @break

                @case('ozelkategori1')
                    @if(count($item->contents) != 0)
                        @include('frontend.'.$temaadi.'.blocks.ozelkat1')
                    @endif
                @break
                @case('ozelkategori2')
                @if(count($item->contents) != 0)
                    @include('frontend.'.$temaadi.'.blocks.ozelkat2')
                @endif
                @break
                @case('ozelkategori3')
                @if(count($item->contents) != 0)
                    @include('frontend.'.$temaadi.'.blocks.ozelkat3')
                @endif
                @break
                @case('videogaleri')
                    @include('frontend.'.$temaadi.'.blocks.videoGaleriHome')
                @break
                @default
                @break
            @endswitch
        @endforeach
    @endif
    <div class="row">
        @foreach($sonHaberler as $haber)
        <div class="col-6 col-md-4">
            <a href="{{ $haber->ozellink != 1 ? url('haber/'.$haber->slug.'-'.$haber->id) : $haber->ozelurl }}" title="{{ $haber->baslik }}" class="news-list no-image">
                <span class="text-limit-2-row">{{ $haber->baslik }}</span>
            </a>
        </div>
        @endforeach
    </div>
    @if(!empty($anasayfaAltReklam))
        <section class="block-wrapper text-center reklam">

                @if($anasayfaAltReklam->tip == 1)
                    <a target="_blank" href="{{ $anasayfaAltReklam->link }}">
                        <img src="{{url('images/reklamlar/'.$anasayfaAltReklam->resim)}}" alt="{{ $anasayfaAltReklam->baslik }}">
                    </a>
                @else
                    {!! $anasayfaAltReklam->metin !!}
                @endif

        </section>
    @endif
@endsection

@push("customJs")
    <script>
        if ($('.g-slider-b').length) {
            var prevBT = $('.g-slider-b').find('ins.prev');
            var nextBT = $('.g-slider-b').find('ins.next');
            var galleryTop = new Swiper("#g-slider-b .swiper-container", {
                    navigation: {
                        nextEl: nextBT,
                        prevEl: prevBT,
                    },
                    spaceBetween: 0,
                    freeMode: !1,
                    mousewheel: !1,
                    loop: true,
                    allowTouchMove: !1,
                    speed: 1,
                    autoplay: {delay: 4e3},
                    autoplayDisableOnInteraction: !0,

                on: {
                    init: function () {
                        var swiper = this;
                        var slideHover = function () {
                            if (!swiper.pagination.bullets || swiper.pagination.bullets.length === 0) {
                                return setTimeout(slideHover, 200);
                            }
                            $(swiper.pagination.bullets).on("mouseover", function () {
                                var index = parseInt($(this).attr("data-id"));
                                if (swiper.loopedSlides) {
                                    index = (index + 1)
                                }
                                swiper.slideTo(index);
                            });
                        };
                        setTimeout(slideHover, 50);
                    }
                },
                pagination: {
                    el: '.g-slider-b .swiper-pagination',
                    renderBullet: function (index, className) {
                        var id = index;
                        if (this.loopedSlides) {
                            index = (index + 1);
                        }
                        var slideLink = this.slides[index].querySelector("a");
                        var buttonHtml = '<span data-id="' + id + '" class="' + className + '">' + (id + 1) + '</span>';
                        if (slideLink) {
                            buttonHtml = '<a href="' + slideLink.getAttribute("href") + '">' + buttonHtml + "</a>";
                        }
                        return buttonHtml;
                    },
                },
                    breakpoints: {
                        479: {
                            pagination: {
                                el: '.g-slider-b .swiper-pagination',
                                renderBullet: function (index, className) {
                                    var id = index;
                                    if (this.loopedSlides) {
                                        index = (index + 1);
                                    }
                                    var slideLink = this.slides[index].querySelector("a");
                                    var buttonHtml = '<span data-id="' + id + '" class="' + className + ' bullets"></span>';
                                    if (slideLink) {
                                        buttonHtml = '<a href="' + slideLink.getAttribute("href") + '" target="' + slideLink.getAttribute("target") + '">' + buttonHtml + "</a>";
                                    }
                                    return buttonHtml;
                                },
                            },
                            allowTouchMove: true,
                        }
                    }
                });
            $("#g-slider-b .swiper-container").hover(function () {
                this.swiper.autoplay.stop()
            }, function () {
                this.swiper.autoplay.start()
            });
        }

        if ($('.autsld').length) {
            var prvBT = $('.authbx').find('ins.prev');
            var nxtBT = $('.authbx').find('ins.next');
            var autsld = new Swiper('.autsld', {
                navigation: {
                    nextEl: nxtBT,
                    prevEl: prvBT,
                },
                slidesPerView: 3, slidesPerGroup: 3,
                preventClicks: false,
                breakpoints: {
                    479: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 0},
                    767: {slidesPerView: 2, slidesPerGroup: 2, spaceBetween: 0},
                    991: {slidesPerView: 3, slidesPerGroup: 3, spaceBetween: 0}
                },
                loop: true,
                autoplay: {
                    delay: 5000,
                },
                spaceBetween: 0
            });

            $(".autsld").mouseenter(function() {
                autsld.autoplay.stop();
            });
            $(".autsld").mouseleave(function() {
                autsld.autoplay.start();
            });
        }
    </script>
@endpush

@push("customCss")
    <link rel="stylesheet" href="{{asset('assets/frontend/tema9/css/home.css?v=1.2.3')}}">

@endpush