@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>{{ $haberDetay->baslik }}</title>
    <meta name="keywords" content="{{ $haberDetay->metakey }}"/>
    <meta name="description" content="{{ $haberDetay->metadesc }}"/>
    @if(config('ayarlar.amp') == 1)
        <link rel="amphtml" href="{{ url('amp/'.$haberDetay->slug.'-'.$haberDetay->id) }}">
    @endif
    <link rel="image_src" type="image/jpeg" href="{{ url('images/haberler/'.$haberDetay->resim) }}"/>
    @if($sonrakiHaber)
        <link rel="next" href="{{ url('haber/'.$sonrakiHaber->slug.'-'.$sonrakiHaber->id) }}"/>
    @endif
    <meta name="DC.date.issued" content="{{ date('c',strtotime($haberDetay->tarih)) }}"/>
    <meta itemprop="keywords" name="news_keywords" content="{{ $haberDetay->metakey }}"/>
    <meta property="og:type" content="article"/>
    <meta property="og:site_name" content="{{ config('ayarlar.baslik') }}"/>
    <meta property="og:url" content="{{ URL::current() }}"/>
    <meta property="og:title" content="{{ $haberDetay->baslik }}"/>
    <meta property="og:description" content="{{ $haberDetay->metadesc }}"/>
    <meta property="og:image" content="{{ url('images/haberler/'.$haberDetay->resim) }}"/>
    <meta property="og:image:width" content="640"/>
    <meta property="og:image:height" content="{{ config('ayarlar.mansety') }}"/>
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="{{ url('images/haberler/'.$haberDetay->resim) }}"/>
    <meta name="twitter:site" content="{{ '@'.config('ayarlar.twkullanici') }}">
    <meta name="twitter:url" content="{{ URL::current() }}">
    <meta name="twitter:title" content="{{ $haberDetay->baslik }}"/>
    <meta name="twitter:description" content="{{ $haberDetay->metadesc }}"/>
    <meta itemprop="author" content="{{ config('ayarlar.baslik') }}"/>
    <meta itemprop="url" content="{{ URL::current() }}"/>
    <meta itemprop="thumbnailUrl" content="{{ url('images/tn/'.$haberDetay->resim) }}"/>
    <meta itemprop="articleSection" content="{{ $haberDetay->haberkat->baslik }}"/>
    <meta itemprop="dateCreated" content="{{ date('c',strtotime($haberDetay->tarih)) }}"/>
    <meta itemprop="dateModified" content="{{ date('c',strtotime($haberDetay->tarih)) }}"/>
    <meta itemprop="mainEntityOfPage" content="{{ URL::current() }}"/>
    <meta itemprop="headline" content="{{ $haberDetay->baslik }}"/>
    <meta itemprop="image" content="{{ url('images/haberler/'.$haberDetay->resim) }}"/>
    <script type="application/ld+json" id="breadcrumbStructuredData">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
          { "@type": "ListItem", "position": 1, "name": "Haberler", "item": "{{ config('ayarlar.siteadresi') }}" },{ "@type": "ListItem", "position": 2, "name": "{{ $haberDetay->haberkat->baslik }}", "item": "{{ url($haberDetay->haberkat->slug) }}" },{ "@type": "ListItem", "position": 3, "name": "{{ $haberDetay->baslik }}", "item": "{{ URL::current() }}" }
      ]
    }
    </script>
    <script type="application/ld+json">
    {
    "@context":"http://schema.org",
    "@type":"NewsArticle",
    "inLanguage":"tr-TR",
    "articleSection":"{{ $haberDetay->haberkat->baslik }}",
    "mainEntityOfPage":{"@type":"WebPage","@id":"{{ URL::current() }}"},
    "headline":"{{ $haberDetay->baslik }}",
    "genre":"news",
    "keywords":"{{ $haberDetay->metakey }}",
	"image": {"@type": "ImageObject", "url": "{{ url('images/haberler/'.$haberDetay->resim) }}", "width":"640","height":"350"},
    "datePublished":"{{ date('c',strtotime($haberDetay->tarih)) }}",
    "dateModified":"{{ date('c',strtotime($haberDetay->tarih)) }}",
    "description":"{{ $haberDetay->metadesc }}",
    "author":{"@type":"Person","name":"{{ config('ayarlar.baslik') }}"},
    "publisher": {"@type": "Organization", "name": "{{ config('ayarlar.baslik') }}
        ", "logo": {"@type": "ImageObject", "url": "{{ url('images/genel/'.config('ayarlar.logo')) }}"}}
    }
    </script>
@endpush
@section("content")
    @if(!empty($haberSayfaUst))
        <section class="block-wrapper text-center reklam mt-0 pt-0 pb-0 mb-30">
            @if($haberSayfaUst->tip == 1)
                <a target="_blank" href="{{ $haberSayfaUst->link }}">
                    <img src="{{url('images/reklamlar/'.$haberSayfaUst->resim)}}"
                         alt="{{ $haberSayfaUst->baslik }}">
                </a>
            @else
                {!! $haberSayfaUst->metin !!}
            @endif
        </section>
    @endif
    <section class="pt-30 bg-white box-shadow mt-15 mb-30">
        <div class="container">
            <div class="row">
                <div class="col-md-8 single-post-wrapper-scroll">
                    <div class="single-post-wrapper" haber_id="{{ $haberDetay->id }}">
                        <div class="news-detail" id="yazdir">
                            <div class="entry-header entry-header-1 mb-20">
                                <h1 class="post-title" itemprop="name">
                                    {{ $haberDetay->baslik }}
                                </h1>
                                <div class="breadcrumb">
                                    <a class="color-grey" href="{{ url('/') }}">Ana Sayfa</a>
                                    <span class="color-grey"></span>
                                    <a class="color-grey" href="{{ url($haberDetay->haberkat->slug) }}">{{ ucwords(mb_strtolower($haberDetay->haberkat->baslik,'utf8')) }}</a>
                                    <span class="color-grey d-none d-md-inline-block"></span>
                                    <a class="color-grey d-none d-md-inline-block" href="javascript:;">{{ $haberDetay->baslik }}</a>
                                </div>
                                <div class="bt-1 border-color-1 mb-3 mt-0 mt-md-3"></div>
                            </div>
                            @if($haberDetay->embed != null)
                                <div class="responsive-video forprint">
                                    {!! $haberDetay->embed !!}
                                </div>
                            @else
                                <figure class="single-thumnail">
                                    @if($haberDetay->resim != null)
                                        <img src="{{ url('images/haberler/'.$haberDetay->resim) }}" class="img-fluid" alt="{{ $haberDetay->baslik }}">
                                    @else
                                        <img src="{{ url('images/genel/'.config('ayarlar.resimsiz')) }}"
                                             class="img-fluid" alt="{{ $haberDetay->baslik }}">
                                    @endif
                                </figure>
                            @endif
                            @if(!empty($haberResimAlt))
                                <section class="block-wrapper text-center reklam mt-2 pb-0">
                                    @if($haberResimAlt->tip == 1)
                                        <a target="_blank" href="{{ $haberResimAlt->link }}">
                                            <img src="{{url('images/reklamlar/'.$haberResimAlt->resim)}}"
                                                 alt="{{ $haberResimAlt->baslik }}">
                                        </a>
                                    @else
                                        {!! $haberResimAlt->metin !!}
                                    @endif
                                </section>
                            @endif

                            @if($haberDetay->metadesc != null)
                                <blockquote class="wp-block-quote is-style-large" itemprop="description">
                                    <p class="mb-0">{{ $haberDetay->metadesc }}</p>
                                </blockquote>
                            @endif
                            <div class="single-social-share mt-15 d-flex justify-content-between align-items-center">
                                <div class="entry-meta meta-1 color-grey">
                                    <span class="post-on" itemprop="datePublished" content="{{ date('c',strtotime($haberDetay->tarih)) }}">{{ \Carbon\Carbon::parse($haberDetay->tarih)->formatLocalized('%d %B, %Y, %A %R')  }}</span>
                                    @if(config('ayarlar.okunma') == 1)
                                        <span class="hit-count"><i class="ti-eye"></i> {{ $haberDetay->hit }}</span>
                                    @endif
                                    @if($haberDetay->sehir != 0)
                                        <span>
                                        <i class="ti-location-pin"></i>
                                        <a class="color-grey d-inline-block" target="_blank" href="{{ url($haberDetay->haberili->slug) }}">{{ $haberDetay->haberili->il_adi }}</a>
                                    </span>
                                    @endif
                                </div>
                                <ul class="d-none d-md-inline-block list-inline forprint">
                                    <li class="list-inline-item">
                                        <div class="d-flex align-items-center">
                                            <a title="Yazdır" href="javascript:window.print()" class="mr-md-1">
                                                <img src="{{ url('assets/frontend/tema9/images/print.png') }}" alt="yazdır">
                                            </a>
                                            @if($haberDetay->yorum == 1)
                                                <a title="Yorum Yaz" href="#yorumyaz{{ $haberDetay->id }}" class="scrollLink mr-md-1">
                                                    <img src="{{ url('assets/frontend/tema9/images/speech-bubble-with-dots.png') }}" alt="yorum yaz">
                                                </a>
                                            @endif
                                            <a href="javascript:;" class="fontkucult">
                                                <img src="{{ url('assets/frontend/tema9/images/a-decrease.png') }}" alt="font küçült">
                                            </a>
                                            <a href="javascript:;" class="fontbuyut">
                                                <img src="{{ url('assets/frontend/tema9/images/a-increase.png') }}" alt="font büyüt">
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="bt-1 border-color-1 mb-3 mt-0 mt-md-3"></div>
                            @if(config('ayarlar.googlenews') != null)
                                <a href="{{ config('ayarlar.googlenews') }}" target="_blank" rel="nofollow" title="Google Haberlere Abone ol" class="google-news_wrapper mt-0 mb-3">
                                    <span class="text">Abone ol</span>
                                    <span class="custom-icon_google-news"></span>
                                </a>
                            @endif
                            @if(!empty($haberOzetAlt))
                                <section class="block-wrapper text-center reklam mt-0 pt-0 pb-0 mb-15">
                                    @if($haberOzetAlt->tip == 1)
                                        <a target="_blank" href="{{ $haberOzetAlt->link }}">
                                            <img src="{{url('images/reklamlar/'.$haberOzetAlt->resim)}}"
                                                 alt="{{ $haberOzetAlt->baslik }}">
                                        </a>
                                    @else
                                        {!! $haberOzetAlt->metin !!}
                                    @endif
                                </section>
                            @endif
                            @if(isset($iliskilianket))
                                <form class="anketForm">
                                    {!! csrf_field() !!}
                                    <div class="vote_widget anket_oyla">
                                        <div class="iliskilianket text-center p-2 mt-1 mb-3">
                                            <h5 class="text-white mb-0">Anket</h5>
                                            <div class="anket_detay_message"></div>
                                            <p class="text-white mb-1">{{ $iliskilianket->question }}</p>
                                            <ul class="list-group pl-0 mb-3 text-left">
                                                @if($iliskilianket->options)
                                                    @foreach($iliskilianket->options as $option)
                                                        <li class="list-group-item mr-0 p-2">
                                                            <input id="option{{$option->id}}" type="radio" name="data" value="{{$option->id}}">
                                                            <label for="option{{$option->id}}" class="mb-0 ml-1">{{$option->name}}</label>
                                                        </li>
                                                    @endforeach
                                                @endif
                                            </ul>
                                            <input type="hidden" id="pollId" name="pollId" value="{{$iliskilianket->id}}">
                                            <input type="hidden" id="newsId" name="newsId" value="{{$haberDetay->id}}">
                                            <div class="vote_buttons">
                                                <a href="javascript:;" class="btn btn-dark p-2 mr-1" onclick="anketSend()">Anketi Oyla</a>
                                                <a href="{{ url('anketler/'.Illuminate\Support\Str::slug($iliskilianket->question) . '-' . $iliskilianket->id) }}" class="btn p-2 btn-dark">Oyları Göster</a>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            @endif
                            <div class="entry-main-content" itemprop="articleBody">
                                <div class="mobile-sharing-container">
                                    <div class="sharing">
                                        <a onclick="myPopup('https://www.facebook.com/share.php?u={{ URL::current() }}', 'facebook', 620, 430);" href="javascript:;" class="facebook" title="Facebook'da paylaş">
                                            <span class="ti-facebook"></span>
                                        </a>
                                        <a onclick="myPopup('https://twitter.com/share?url={{ URL::current() }}&amp;text={{ urlencode(html_entity_decode($haberDetay->baslik)) }}', 'twiiter', 620, 430);" href="javascript:;" class="twitter" title="Twitter'da paylaş">
                                            <span class="fa fa-twitter"></span>
                                        </a>
                                        <a href="whatsapp://send?text={{ $haberDetay->baslik }} - {{ URL::current() }}" class="whatsapp" title="WHATSAPP' da paylaş">
                                            <span class="fa fa-whatsapp"></span>
                                        </a>
                                        <a onclick="myPopup('https://www.linkedin.com/sharing/share-offsite/?url={{ URL::current() }}', 'linkedin', 620, 430);" href="javascript:;" class="linkedin" title="Linkedin'de paylaş">
                                            <span class="fa fa-linkedin"></span>
                                        </a>
                                    </div>
                                </div>
                                @if(!empty($haberDetayici))
                                    <section class="float-left text-center reklam mt-0 mr-2 mb-1 pt-0 pb-2">
                                        @if($haberDetayici->tip == 1)
                                            <a target="_blank" href="{{ $haberDetayici->link }}">
                                                <img src="{{url('images/reklamlar/'.$haberDetayici->resim)}}" alt="{{ $haberDetayici->baslik }}">
                                            </a>
                                        @else
                                            {!! $haberDetayici->metin !!}
                                        @endif
                                    </section>
                                @endif
                                {!! $haberDetay->detay !!}

                                @if(isset($iliskilihaberler))
                                    <ul class="list-unstyled pl-0 forprint">
                                        @foreach($iliskilihaberler as $iliskili)
                                            <li>
                                                <div class="alert alert-secondary clearfix">
                                                    <a class="text-dark font-medium font-weight-bold d-flex align-items-center"
                                                       href="{{ url('haber/'.$iliskili->slug.'-'.$iliskili->id) }}">
                                                        <img class="img-thumbnail float-left mr-3"
                                                             width="200"
                                                             src="{{ url('images/tn/'.$iliskili->resim) }}"
                                                             alt="{{ $iliskili->baslik }}">
                                                        {{ $iliskili->baslik }}
                                                    </a>
                                                </div>
                                            </li>
                                        @endforeach
                                    </ul>
                                @endif
                                @if(!empty($haberDetayAlt))
                                    <section class="block-wrapper text-center reklam mt-0 pt-0 mb-3">
                                        @if($haberDetayAlt->tip == 1)
                                            <a target="_blank" href="{{ $haberDetayAlt->link }}">
                                                <img src="{{url('images/reklamlar/'.$haberDetayAlt->resim)}}"
                                                     alt="{{ $haberDetayAlt->baslik }}">
                                            </a>
                                        @else
                                            {!! $haberDetayAlt->metin !!}
                                        @endif
                                    </section>
                                @endif
                                <div class="entry-bottom mt-15 mb-15">
                                    @if(isset($iliskilimakale))
                                        <h4>İlgili Makale</h4>
                                        <div class="iliskilimakale media p-2 my-3 d-flex align-items-center">
                                            <a target="_blank"
                                               href="{{ url('makale/'.Illuminate\Support\Str::slug($iliskilimakale->baslik).'-'. $iliskilimakale->id) }}">
                                                <img width="100"
                                                     src="{{ url('images/kullanicilar/'.$iliskilimakale->makaleyazar->photo) }}"
                                                     class="align-self-center mr-3"
                                                     alt="{{ $iliskilimakale->makaleyazar->name }}">
                                            </a>
                                            <div class="media-body">
                                                <a target="_blank"
                                                   href="{{ url('makale/'.Illuminate\Support\Str::slug($iliskilimakale->baslik).'-'. $iliskilimakale->id) }}">
                                                    <h5 class="my-0">{{ $iliskilimakale->makaleyazar->name }}</h5>
                                                    <p class="mb-0 line-camp line-2">{{ $iliskilimakale->baslik }}</p>
                                                </a>
                                            </div>
                                        </div>
                                    @endif
                                    @if(isset($iliskilivideo))
                                        <h4>İlgili Video</h4>
                                        <div class="iliskilivideo media p-2 my-3 d-flex align-items-center">
                                            <a target="_blank"
                                               href="{{ url('video/'.Illuminate\Support\Str::slug($iliskilivideo->baslik).'-'.$iliskilivideo->id) }}">
                                                <img width="200"
                                                     src="{{ url('images/videolar/'.$iliskilivideo->resim) }}"
                                                     class="mr-3" alt="{{ $iliskilivideo->baslik }}">
                                            </a>
                                            <div class="media-body">
                                                <a target="_blank"
                                                   href="{{ url('video/'.Illuminate\Support\Str::slug($iliskilivideo->baslik).'-'.$iliskilivideo->id) }}">
                                                    <h5 class="mt-0">{{ $iliskilivideo->baslik }}</h5>
                                                    <p class="mb-0 line-camp line-2">{{ Illuminate\Support\Str::limit(strip_tags($iliskilivideo->metadesc),130) }}</p>
                                                </a>
                                            </div>
                                        </div>
                                    @endif
                                    @if(isset($iliskiligaleri))
                                        <h4>İlgili Galeri</h4>
                                        <div class="iliskiligaleri media p-2 my-3 d-flex align-items-center">
                                            <a target="_blank"
                                               href="{{ url('galeri/'.Illuminate\Support\Str::slug($iliskiligaleri->baslik).'-'. $iliskiligaleri->id) }}">
                                                <img width="200"
                                                     src="{{ url('images/galeriler/'.$iliskiligaleri->resim) }}"
                                                     class="align-self-center mr-3"
                                                     alt="{{ $iliskiligaleri->baslik }}">
                                            </a>
                                            <div class="media-body">
                                                <a target="_blank"
                                                   href="{{ url('galeri/'.Illuminate\Support\Str::slug($iliskiligaleri->baslik).'-'. $iliskiligaleri->id) }}">
                                                    <h5 class="mt-0">{{ $iliskiligaleri->baslik }}</h5>
                                                    <p class="mb-0 line-camp line-2">{{ Illuminate\Support\Str::limit(strip_tags($iliskiligaleri->metadesc),130) }}</p>
                                                </a>
                                            </div>
                                        </div>
                                    @endif
                                    @if($haberDetay->kaynak != 0)
                                        <p>
                                            <small class="text-muted"><strong>Kaynak: </strong> <a
                                                    class="text-muted" target="_blank" rel="nofollow"
                                                    href="{{ $haberDetay->haberkaynagi->url }}">{{ $haberDetay->haberkaynagi->baslik }}</a>
                                            </small>
                                        </p>
                                    @endif
                                    @if(isset($etiketler))
                                        <div class="tags forprint mb-3">
                                            @foreach($etiketler as $etiket)
                                                @if(!empty($etiket))
                                                    <a rel="tag" href="{{ url('etiketler/'.Illuminate\Support\Str::slug($etiket).'-haberleri') }}">{{ trim($etiket) }}</a>
                                                @endif
                                            @endforeach
                                        </div>
                                    @endif
                                </div>
                                    <div class="mobile-sharing-container mb-0">
                                        <div class="sharing">
                                            <a onclick="myPopup('https://www.facebook.com/share.php?u={{ URL::current() }}', 'facebook', 620, 430);" href="javascript:;" class="facebook" title="Facebook'da paylaş">
                                                <span class="ti-facebook"></span>
                                            </a>
                                            <a onclick="myPopup('https://twitter.com/share?url={{ URL::current() }}&amp;text={{ urlencode(html_entity_decode($haberDetay->baslik)) }}', 'twiiter', 620, 430);" href="javascript:;" class="twitter" title="Twitter'da paylaş">
                                                <span class="fa fa-twitter"></span>
                                            </a>
                                            <a href="whatsapp://send?text={{ $haberDetay->baslik }} - {{ URL::current() }}" class="whatsapp" title="WHATSAPP' da paylaş">
                                                <span class="fa fa-whatsapp"></span>
                                            </a>
                                            <a onclick="myPopup('https://www.linkedin.com/sharing/share-offsite/?url={{ URL::current() }}', 'linkedin', 620, 430);" href="javascript:;" class="linkedin" title="Linkedin'de paylaş">
                                                <span class="fa fa-linkedin"></span>
                                            </a>
                                        </div>
                                    </div>
                                <div class="sharing-container forprint">
                                    <div class="sharing">
                                        <a onclick="myPopup('https://www.facebook.com/share.php?u={{ URL::current() }}', 'facebook', 620, 430);" href="javascript:;" class="facebook" title="Facebook'da paylaş">
                                            <span class="ti-facebook"></span>
                                        </a>
                                        <a onclick="myPopup('https://twitter.com/share?url={{ URL::current() }}&amp;text={{ urlencode(html_entity_decode($haberDetay->baslik)) }}', 'twiiter', 620, 430);" href="javascript:;" class="twitter" title="Twitter'da paylaş">
                                            <span class="fa fa-twitter"></span>
                                        </a>
                                        <a href="whatsapp://send?text={{ $haberDetay->baslik }} - {{ URL::current() }}" class="whatsapp" title="WHATSAPP' da paylaş">
                                            <span class="fa fa-whatsapp"></span>
                                        </a>
                                        <a onclick="myPopup('https://www.linkedin.com/sharing/share-offsite/?url={{ URL::current() }}', 'linkedin', 620, 430);" href="javascript:;" class="linkedin" title="Linkedin'de paylaş">
                                            <span class="fa fa-linkedin"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bt-1 border-color-1 mt-30 mb-30"></div>
                        @if(config('ayarlar.emoji') == 1)
                            <div class="reactions text-center forprint">
                                <ul class="reactions-box">
                                    @foreach($emojiler as $emoji)
                                        <li onclick="arttir('{{$emoji->id}}','{{$haberDetay->id}}')"
                                            class="reaction {{ $emoji->class_isim }} emojiBorder{{ $emoji->id }}"
                                            data-item-icon="{{ $emoji->class_isim }}"
                                            data-item-id="{{ $emoji->id }}">
                                            <div class="count rateEmoji{{ $emoji->id }}"
                                                 style="height: {{$sonuclarArray[$emoji->id]['yuzde'].'px'}}">
                                                <span class="count-text countEmoji{{ $emoji->id }}">{{$sonuclarArray[$emoji->id]['sayi']}}</span>
                                            </div>
                                            <div class="emoji">
                                                <span class="emoji-img"></span>
                                                <span class="emoji-text">{{ $emoji->emoji_isim }}</span>
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="bt-1 border-color-1 mt-30 mb-30"></div>
                        @endif

                        @if(config('ayarlar.editor') == 1)
                            <div class="author-bio d-flex">
                                <div class="author-image mb-15">
                                    <a href="{{ url('editorler/'.Illuminate\Support\Str::slug($haberDetay->habereditoru->name).'-'.$haberDetay->habereditoru->id) }}">
                                        @if($haberDetay->habereditoru->photo == null)
                                            <img class="avatar"
                                                 src="{{ url('images/kullanicilar/no_photo.jpeg') }}"
                                                 alt="{{ $haberDetay->habereditoru->name }}">
                                        @else
                                            <img class="avatar"
                                                 src="{{ url('images/kullanicilar/'.$haberDetay->habereditoru->photo) }}"
                                                 alt="{{ $haberDetay->habereditoru->name }}">
                                        @endif
                                    </a>
                                </div>
                                <div class="author-info">
                                    <h3><span class="vcard author"><span class="fn"><a href="{{ url('editorler/'.Illuminate\Support\Str::slug($haberDetay->habereditoru->name).'-'.$haberDetay->habereditoru->id) }}" rel="author">{{ $haberDetay->habereditoru->name }}</a></span></span>
                                    </h3>
                                    <div class="author-description mt-0">
                                        <a  href="mailto:{{ $haberDetay->habereditoru->email }}">Mail: {{ $haberDetay->habereditoru->email }}</a>
                                    </div>
                                    <a href="{{ url('editorler/'.Illuminate\Support\Str::slug($haberDetay->habereditoru->name).'-'.$haberDetay->habereditoru->id) }}" class="author-bio-link">Tüm yazıları</a>
                                    <div class="author-social">
                                        <ul class="author-social-icons">
                                            <li class="author-social-link-facebook"><a href="{{ $haberDetay->habereditoru->facebook }}" target="_blank"><i class="ti-facebook"></i></a></li>
                                            <li class="author-social-link-twitter"><a href="{{ $haberDetay->habereditoru->twitter }}" target="_blank"><i class="ti-twitter-alt"></i></a></li>
                                            <li class="author-social-link-instagram"><a href="{{ $haberDetay->habereditoru->instagram }}" target="_blank"><i class="ti-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if($haberDetay->yorum == 1)
                            @if(!empty($haberYorumUst))
                                <section class="block-wrapper text-center reklam my-3 pt-0 pb-0">
                                    @if($haberYorumUst->tip == 1)
                                        <a target="_blank" href="{{ $haberYorumUst->link }}">
                                            <img src="{{url('images/reklamlar/'.$haberYorumUst->resim)}}"
                                                 alt="{{ $haberYorumUst->baslik }}">
                                        </a>
                                    @else
                                        {!! $haberYorumUst->metin !!}
                                    @endif
                                </section>
                            @endif
                            @if($haberDetay->haberyorumlari->count() != 0)
                                <div class="comments-area border-top-0 pt-0">
                                    <h3 class="mb-30">Yorumlar</h3>
                                    @foreach($haberDetay->haberyorumlari as $haberyorum)
                                        <div class="comment-list">
                                            <div class="single-comment justify-content-between d-flex">
                                                <div class="user justify-content-between d-flex">
                                                    <div class="thumb">
                                                        <img src="{{ url('images/no-image.jpg') }}" alt="yorum avatar">
                                                    </div>
                                                    <div class="desc">
                                                        <p class="comment">
                                                            {{ $haberyorum->yorum }}
                                                        </p>
                                                        <div class="d-flex justify-content-between">
                                                            <div class="d-flex align-items-center">
                                                                <h5>
                                                                    {{ $haberyorum->isim }}
                                                                </h5>
                                                                <p class="date">{{ date('d-m-Y H:i',strtotime($haberyorum->created_at)) }}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                            @if(config('ayarlar.fbyorum') == 1)
                                <h4 class="mt-3 text-muted">Facebook Yorum</h4>
                                <div class="fb-comments" data-href="{{ URL::current() }}"
                                     data-width="615" data-numposts="5"></div>
                            @endif
                            <div class="comment-form border-top-0 pt-0 forprint" id="yorumyaz{{ $haberDetay->id }}">
                                <div class="callback_message{{$haberDetay->id}}"></div>
                                <h3 class="mb-30">Yorum Yazın</h3>
                                <form role="form" class="form-contact comment_form" id="frmComments{{$haberDetay->id}}">
                                    @csrf
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <input class="form-control" name="isim" id="isim{{$haberDetay->id}}" type="text" placeholder="İsminiz">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <input class="form-control" name="email" id="email{{$haberDetay->id}}" placeholder="E-Posta Adresiniz" type="email">
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group">
                                                <textarea class="form-control w-100" id="yorum{{$haberDetay->id}}" name="yorum" placeholder="Yorumunuz" cols="30" rows="5"></textarea>
                                            </div>
                                        </div>

                                    </div>
                                    <input type="hidden" name="haberid" id="haberid" value="{{ $haberDetay->id }}">
                                    <div class="form-group">
                                        <button type="button" class="button button-contactForm" onclick="yorumYap('{{$haberDetay->id}}')">Yorumu Gönder</button>
                                    </div>

                                </form>
                            </div>

                            @if(!empty($haberYorumAlt))
                                <section class="block-wrapper text-center reklam mt-3 pt-0 pb-0 mb-3">
                                    @if($haberYorumAlt->tip == 1)
                                        <a target="_blank" href="{{ $haberYorumAlt->link }}">
                                            <img src="{{url('images/reklamlar/'.$haberYorumAlt->resim)}}"
                                                 alt="{{ $haberYorumAlt->baslik }}">
                                        </a>
                                    @else
                                        {!! $haberYorumAlt->metin !!}
                                    @endif
                                </section>
                            @endif
                        @endif

                    </div>



                    @if(config('ayarlar.detaymanset') == 1)
                        <div class="widget-thin-slider mb-3 forprint">
                            <div class="swiper-container slider">
                                <div class="swiper-wrapper">
                                    @if(count($anaManset) != 0)
                                        @foreach($anaManset as $normalmanset)
                                            <div class="swiper-slide color-yellow">
                                                <a class="yenisekme"
                                                   href="{{ url('haber/'.$normalmanset->slug.'-'.$normalmanset->id) }}"
                                                   title="{{ $normalmanset->baslik }}">
                                                    <figure class="mb-0">
                                                        <div class="img">
                                                            @if($normalmanset->resim != null)
                                                                <img class="maxwidth w-100 swiper-lazy"
                                                                     height="{{ config('ayarlar.mansety') }}"
                                                                     src="{{ url('images/transparent.gif') }}"
                                                                     data-src="{{ url('images/haberler/'.$normalmanset->resim) }}"
                                                                     alt="{{ $normalmanset->baslik }}">
                                                            @else
                                                                <img class="maxwidth w-100 swiper-lazy"
                                                                     height="{{ config('ayarlar.mansety') }}"
                                                                     src="{{ url('images/transparent.gif') }}"
                                                                     data-src="{{ url('images/genel/'.config('ayarlar.resimsiz')) }}"
                                                                     alt="{{ $normalmanset->baslik }}">
                                                            @endif
                                                        </div>
                                                        @if($normalmanset->mansetbaslik == 1)
                                                            <div class="caption-area">
                                                                @if($normalmanset->baslik2 != null)
                                                                    <span class="secondtitle" title="Başlık">{{ $normalmanset->baslik2 }}</span>
                                                                @endif
                                                                <figcaption
                                                                    style="background-color: {{$normalmanset->renk}}">
                                                                    <span class="title">{{ $normalmanset->baslik }}</span>
                                                                </figcaption>
                                                            </div>
                                                        @endif
                                                    </figure>
                                                </a>
                                                <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <ul class="indicator type1 bottom">
                                    <li>
                                        <div class="swiper-pagination paginations justify-md-content-between"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    @endif
                    @if(config('ayarlar.sonrakihaber') == 1 && $sonrakiHaber)
                        <div class="scroller-status">
                            <div class="loader-ellips infinite-scroll-request">
                                <span class="loader-ellips__dot"></span>
                                <span class="loader-ellips__dot"></span>
                                <span class="loader-ellips__dot"></span>
                                <span class="loader-ellips__dot"></span>
                            </div>
                            <p class="scroller-status__message infinite-scroll-last text-center">Başka haber bulunmuyor!</p>
                        </div>
                        <p class="pagination">
                            <a class="pagination__next" rel="next"
                               href="{{ url('haber/'.$sonrakiHaber->slug.'-'.$sonrakiHaber->id) }}"></a>
                        </p>
                    @endif

                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 primary-sidebar sticky-sidebar sticky-sidebar d-none d-md-block">
                    @include('frontend.'.$temaadi.'.blocks.sidebarHaberler')
                </div>
            </div>
        </div>
    </section>

    @if(!empty($haberSayfaAlt))
        <section class="block-wrapper text-center reklam pt-0 pb-0 mt-15">
            @if($haberSayfaAlt->tip == 1)
                <a target="_blank" href="{{ $haberSayfaAlt->link }}">
                    <img src="{{url('images/reklamlar/'.$haberSayfaAlt->resim)}}"
                         alt="{{ $haberSayfaAlt->baslik }}">
                </a>
            @else
                {!! $haberSayfaAlt->metin !!}
            @endif
        </section>
    @endif
@endsection
@push("customJs")
    <script>
        $.ajaxSetup({headers: {'X-CSRF-TOKEN': '{{csrf_token()}}'}});
        $("a.scrollLink").click(function (event) {
            event.preventDefault();
            $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top - 100}, 500);
        });
        $('.fontbuyut').click(function () {
            curSize = parseInt($('.entry-main-content p').css('font-size')) + 2;
            if (curSize <= 28)
                $('.entry-main-content p').css('font-size', curSize);
        });
        $('.fontkucult').click(function () {
            curSize = parseInt($('.entry-main-content p').css('font-size')) - 2;
            if (curSize >= 10)
                $('.entry-main-content p').css('font-size', curSize);
        });
        function myPopup(myURL, title, myWidth, myHeight) {
            var left = (screen.width - myWidth) / 2;
            var top = (screen.height - myHeight) / 4;
            var myWindow = window.open(myURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + myWidth + ', height=' + myHeight + ', top=' + top + ', left=' + left);
        }
        function arttir(emoji_id, haber_id) {
            $.ajax({
                url: '/emoji-oy-arttir/ajax',
                type: 'POST',
                data: {emoji_id: emoji_id, haber_id: haber_id},
                success: function (response) {
                    if (response.status === 'success') {
                        $('.rateEmoji' + emoji_id).css('background-color', '#163471');
                        $('.emojiBorder' + emoji_id).css('border-bottom-color', '#3b5998');

                        $.each(response.data, function (i, v) {
                            $('.rateEmoji' + v.id).css('height', v.yuzde);
                            $('.countEmoji' + v.id).empty().append(v.sayi);

                            if (v.sayi === 0) {
                                $('.emojiBorder' + v.id).css('border-bottom-color', '#ffffff');
                            }
                        });
                    }
                }
            });
        }
        function yorumYap(haberid){
            let isim = $('#isim'+haberid).val();
            let email = $('#email'+haberid).val();
            let yorum = $('#yorum'+haberid).val();
            $.ajax({
                type: "POST",
                url: '/haberyorum',
                data: {isim: isim, email: email, yorum: yorum, haberid: haberid},
                dataType: 'json',
                success: function (response) {
                    $(".callback_message"+haberid).empty().append("<div class='alert alert-success'>" + response.msg + "</div>");
                    $('#frmComments'+haberid)[0].reset();
                    setTimeout(function () {
                        $('.callback_message'+haberid).hide();
                    }, 2000);
                },
                error: function (request, status, error) {
                    let responseData = JSON.parse(request.responseText);
                    let content = '';

                    $.each(responseData.errors,function (item, value) {
                        content += value[0]+' ';
                    });

                    $(".callback_message"+haberid).empty().append("<div class='alert alert-danger'>"+ content +"</div>");
                }
            });
        }
    </script>
    @if(config('ayarlar.sonrakihaber') == 1 && $sonrakiHaber)
        <script src="{{asset('assets/frontend/'.$temaadi.'/js/infinite-scroll.pkgd.min.js')}}"></script>
        <script>
            let nextURL = "";

            function updateNextURL(doc) {
                nextURL = $(doc).find('.pagination__next').attr('href');
                if (!nextURL){
                    nextURL = false;
                }
            }
            updateNextURL(document);
            var $container = $('.single-post-wrapper-scroll').infiniteScroll({
                path: function () {
                    if(nextURL !== false){
                        return nextURL;
                    }else{
                        return '';
                    }
                },
                historyTitle: true,
                history: 'push',
                prefill: true,
                append: '.single-post-wrapper',
                status: '.scroller-status',
                hideNav: '.pagination'
            });
            $container.on('history.infiniteScroll', function (event, title, path) {
                ga('set', 'page', location.pathname);
                ga('send', 'pageview');
            });

            $container.on('load.infiniteScroll', function (event, response, path) {
                updateNextURL(response);
            });

            $container.on('append.infiniteScroll', function (event, error, path) {

                $("a.scrollLink").click(function (event) {
                    event.preventDefault();
                    $("html, body").animate({scrollTop: $($(this).attr("href")).offset().top - 100}, 500);
                });

                $('.fontbuyut').click(function () {
                    curSize = parseInt($('.entry-main-content p').css('font-size')) + 2;
                    if (curSize <= 28)
                        $('.entry-main-content p').css('font-size', curSize);
                });
                $('.fontkucult').click(function () {
                    curSize = parseInt($('.entry-main-content p').css('font-size')) - 2;
                    if (curSize >= 10)
                        $('.entry-main-content p').css('font-size', curSize);
                });
            });
        </script>
    @endif

    <script>
        function anket() {
            let form = $('.anketForm');
            $.ajax({
                type: "POST",
                url: "{{url('/anketler/oy-ver')}}",
                data: form.serialize(),
                success : function (response) {
                    $('.anket_detay_message').empty().append(response.message);
                    setTimeout(function () {
                        window.location.reload();
                    },2000)
                },
                error: function (request, status, error) {
                    var responseData = JSON.parse(request);
                    var content = '';

                    console.log(responseData);
                }
            });
        }
        function anketSend() {
            let form = $('.anketForm');
            $.ajax({
                type: "POST",
                url: "{{url('anketler/oy-ver')}}",
                data: form.serialize(),
                success : function (response) {
                    $('.anket_detay_message').empty().append(response.message);
                    setTimeout(function () {
                        window.location.reload();
                    },2000)
                },
                error: function (request, status, error) {
                    var responseData = JSON.parse(request);
                    var content = '';

                    console.log(responseData);
                }
            });
        }
        function addLink() {
            var body_element = document.getElementsByTagName('body')[0];
            var selection;
            selection = window.getSelection();
            var pagelink = "<br /><br /> Kaynak Linki = <a target='_blank' href='"+document.location.href+"'>"+document.location.href+"</a><br />";
            var copytext = selection + pagelink;
            var newdiv = document.createElement('div');
            newdiv.style.position='absolute';
            newdiv.style.left='-99999px';
            body_element.appendChild(newdiv);
            newdiv.innerHTML = copytext;
            selection.selectAllChildren(newdiv);
            window.setTimeout(function() {
                body_element.removeChild(newdiv);
            },0);
        }
        document.oncopy = addLink;
    </script>
@endpush
@push("customCss")
    <link rel="stylesheet" href="{{asset('assets/frontend/tema9/css/hdetay.css?v=1.5')}}">
    <style>
        .entry-main-content img{
            max-width:100%;
            height:auto !important;
        }
    </style>
@endpush