@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>{{ stripslashes($makaleDetay->baslik) }}</title>
    <meta name="keywords" content="{{ $makaleDetay->makaleyazar->name }} makalesi" />
    <meta name="description" content="{{ stripslashes($makaleDetay->baslik) }} - {{ $makaleDetay->makaleyazar->name }}" />
    @if($makaleDetay->resim != null)
        <link rel="image_src" type="image/jpeg" href="{{ url('images/makaleler/'.$makaleDetay->resim) }}" />
    @else
        <link rel="image_src" type="image/jpeg" href="{{ url('images/kullanicilar/'.$makaleDetay->makaleyazar->photo) }}" />
    @endif
    <meta name="DC.date.issued" content="{{ date('c',strtotime($makaleDetay->tarih)) }}" />
    <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="{{ stripslashes($makaleDetay->baslik) }}" />
    <meta property="og:description" content="{{ stripslashes($makaleDetay->baslik) }} - {{ $makaleDetay->makaleyazar->name }}" />
    @if($makaleDetay->resim != null)
        <meta property="og:image" content="{{ url('images/makaleler/'.$makaleDetay->resim) }}" />
        @else
        <meta property="og:image" content="{{ url('images/kullanicilar/'.$makaleDetay->makaleyazar->photo) }}" />
    @endif
    <meta name="twitter:card" content="summary_large_image">
    @if($makaleDetay->resim != null)
        <meta property="twitter:image" content="{{ url('images/makaleler/'.$makaleDetay->resim) }}" />
    @else
        <meta property="twitter:image" content="{{ url('images/kullanicilar/'.$makaleDetay->makaleyazar->photo) }}" />
    @endif
    <meta name="twitter:site" content="{{ '@'.config('ayarlar.twkullanici') }}">
    <meta name="twitter:url" content="{{ URL::current() }}">
    <meta name="twitter:title" content="{{ stripslashes($makaleDetay->baslik) }}" />
    <meta name="twitter:description" content="{{ stripslashes($makaleDetay->baslik) }} - {{ $makaleDetay->makaleyazar->name }}" />
    <meta itemprop="author" content="{{ $makaleDetay->makaleyazar->name }}" />
    <meta itemprop="url" content="{{ URL::current() }}" />
    <meta itemprop="thumbnailUrl" content="{{ url('images/kullanicilar/'.$makaleDetay->makaleyazar->photo) }}" />
    <meta itemprop="articleSection" content="Yazarlar" />
    <meta itemprop="dateCreated" content="{{ date('c',strtotime($makaleDetay->tarih)) }}" />
    <meta itemprop="dateModified" content="{{ date('c',strtotime($makaleDetay->tarih)) }}" />
    <meta itemprop="mainEntityOfPage" content="{{ URL::current() }}" />
    <meta itemprop="headline" content="{{ stripslashes($makaleDetay->baslik) }}" />
    @if($makaleDetay->resim != null)
        <meta itemprop="image" content="{{ url('images/makaleler/'.$makaleDetay->resim) }}" />
    @else
        <meta itemprop="image" content="{{ url('images/kullanicilar/'.$makaleDetay->makaleyazar->photo) }}" />
    @endif
@endpush
@section("content")
    @if(!empty($makaleSayfaUst))
        <section class="block-wrapper text-center reklam pt-0 mt-15">
            @if($makaleSayfaUst->tip == 1)
                <a target="_blank" href="{{ $makaleSayfaUst->link }}">
                    <img src="{{url('images/reklamlar/'.$makaleSayfaUst->resim)}}" alt="{{ $makaleSayfaUst->baslik }}">
                </a>
            @else
                {!! $makaleSayfaUst->metin !!}
            @endif
        </section>
    @endif
    <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="news-detail" id="yazdir">
                    <div class="entry-header entry-header-1 mb-20">
                        <h1 class="post-title" itemprop="name">
                            {{ stripslashes($makaleDetay->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('yazarlar') }}">Yazarlar</a>
                            <span class="color-grey"></span>
                            <a class="color-grey" href="{{ url('yazarlar/'.Illuminate\Support\Str::slug($makaleDetay->makaleyazar->name).'-'.$makaleDetay->makaleyazar->id) }}">{{ $makaleDetay->makaleyazar->name }}</a>
                        </div>
                        <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">{{ \Carbon\Carbon::parse($makaleDetay->tarih)->formatLocalized('%d %B, %Y, %A %R')  }}</span>
                                @if(config('ayarlar.okunma') == 1)
                                    <span class="hit-count"><i class="ti-eye"></i> {{ $makaleDetay->hit }}</span>
                                @endif
                            </div>
                            <ul class="d-md-inline-block list-inline d-none 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>
                                        <a title="Yorum Yaz" href="#yorumyaz" class="scrollLink mr-md-1">
                                            <img src="{{ url('assets/frontend/tema9/images/speech-bubble-with-dots.png') }}" alt="yorum yaz">
                                        </a>
                                        <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-2 mt-2 mt-md-3"></div>
                    </div>
                        @if($makaleDetay->resim != null)
                            <figure class="single-thumnail">
                                <img src="{{ url('images/makaleler/'.$makaleDetay->resim) }}" class="img-fluid" alt="{{ stripslashes($makaleDetay->baslik) }}">
                            </figure>
                        @endif
                        @if(!empty($makaleBaslikUst))
                            <section class="block-wrapper text-center reklam pt-0 mb-3">
                                @if($makaleBaslikUst->tip == 1)
                                    <a target="_blank" href="{{ $makaleBaslikUst->link }}">
                                        <img src="{{url('images/reklamlar/'.$makaleBaslikUst->resim)}}" alt="{{ $makaleBaslikUst->baslik }}">
                                    </a>
                                @else
                                    {!! $makaleBaslikUst->metin !!}
                                @endif
                            </section>
                        @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={{ $makaleDetay->baslik }}', 'twiiter', 620, 430);" href="javascript:;" class="twitter" title="Twitter'da paylaş">
                                        <span class="fa fa-twitter"></span>
                                    </a>
                                    <a href="whatsapp://send?text={{ stripslashes($makaleDetay->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($makaleDetayici))
                                <section class="float-left text-center reklam mt-0 mr-2 mb-1 pt-0 pb-2">
                                    @if($makaleDetayici->tip == 1)
                                        <a target="_blank" href="{{ $makaleDetayici->link }}">
                                            <img src="{{url('images/reklamlar/'.$makaleDetayici->resim)}}" alt="{{ $makaleDetayici->baslik }}">
                                        </a>
                                    @else
                                        {!! $makaleDetayici->metin !!}
                                    @endif
                                </section>
                            @endif
                            {!! $makaleDetay->detay !!}
                            <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={{ $makaleDetay->baslik }}', 'twiiter', 620, 430);" href="javascript:;" class="twitter" title="Twitter'da paylaş">
                                        <span class="fa fa-twitter"></span>
                                    </a>
                                    <a href="whatsapp://send?text={{ stripslashes($makaleDetay->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={{ $makaleDetay->baslik }}', 'twiiter', 620, 430);" href="javascript:;" class="twitter" title="Twitter'da paylaş">
                                            <span class="fa fa-twitter"></span>
                                        </a>
                                        <a href="whatsapp://send?text={{ stripslashes($makaleDetay->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>
                        @if(!empty($makaleDetayAlt))
                            <section class="block-wrapper text-center reklam mt-0 pt-0 my-3">
                                @if($makaleDetayAlt->tip == 1)
                                    <a target="_blank" href="{{ $makaleDetayAlt->link }}">
                                        <img src="{{url('images/reklamlar/'.$makaleDetayAlt->resim)}}" alt="{{ $makaleDetayAlt->baslik }}">
                                    </a>
                                @else
                                    {!! $makaleDetayAlt->metin !!}
                                @endif
                            </section>
                        @endif
                    </div>
                    @if($makaleDetay->yorum == 1)
                        @if($makaleDetay->makaleyorumlari->count() != 0)
                            <div class="comments-area">
                                <h3 class="mb-30">Yorumlar</h3>
                                @foreach($makaleDetay->makaleyorumlari as $makaleyorum)
                                    <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">
                                                        {{ $makaleyorum->yorum }}
                                                    </p>
                                                    <div class="d-flex justify-content-between">
                                                        <div class="d-flex align-items-center">
                                                            <h5>
                                                                {{ $makaleyorum->isim }}
                                                            </h5>
                                                            <p class="date">{{ date('d-m-Y H:i',strtotime($makaleyorum->created_at)) }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                    <div class="comment-form" id="yorumyaz">
                        <h3 class="mb-30">Yorum Yazın</h3>
                        <div class="callback_message"></div>
                        @if(config('ayarlar.fbyorum') == 1)
                            <h4 class="text-muted">Facebook Yorum</h4>
                            <div class="fb-comments" data-href="{{ URL::current() }}" data-width="615" data-numposts="5"></div>
                        @endif
                        <form role="form" class="form-contact comment_form" id="commentForm">
                            @csrf
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input class="form-control" name="isim" id="isim" type="text" placeholder="İsminiz">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input class="form-control" name="email" id="email" placeholder="E-Posta Adresiniz" type="email">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <textarea class="form-control w-100" id="yorum" name="yorum" placeholder="Yorumunuz" cols="30" rows="5"></textarea>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="makaleid" id="makaleid" value="{{ $makaleDetay->id }}">
                            <div class="form-group">
                                <button type="submit" class="button button-contactForm">Yorumu Gönder</button>
                            </div>
                        </form>
                    </div>
                        @endif
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 primary-sidebar sticky-sidebar sticky-sidebar">
                    <div class="widget-area">
                        <div class="sidebar-widget widget-about mb-30 pt-15 pr-15 pb-15 pl-15 background12 border-radius-5">
                            <h5 class="mb-20">{{ $makaleDetay->makaleyazar->name }}</h5>
                            <div class="d-flex justify-content-between">
                                <div>
                                    <ul class="header-social-network d-inline-block list-inline color-white my-3">
                                        @if($makaleDetay->makaleyazar->twitter != null)
                                            <li class="list-inline-item">
                                                <a class="social-icon twitter-icon text-xs-center" target="_blank" href="{{ $makaleDetay->makaleyazar->twitter }}">
                                                    <i class="fa fa-twitter"></i>
                                                </a>
                                            </li>
                                        @endif
                                        @if($makaleDetay->makaleyazar->facebook != null)
                                            <li class="list-inline-item">
                                                <a class="social-icon facebook-icon text-xs-center" target="_blank" href="{{ $makaleDetay->makaleyazar->facebook }}">
                                                    <i class="fa fa-facebook"></i>
                                                </a>
                                            </li>
                                        @endif
                                        @if($makaleDetay->makaleyazar->instagram != null)
                                            <li class="list-inline-item">
                                                <a class="social-icon instagram-icon text-xs-center" target="_blank" href="{{ $makaleDetay->makaleyazar->instagram }}">
                                                    <i class="ti-instagram"></i>
                                                </a>
                                            </li>
                                        @endif
                                    </ul>
                                    <p>
                                        <a class="readmore-btn fs-16" href="mailto:{{ $makaleDetay->makaleyazar->email }}">iletişime geç<i class="ti-arrow-right ml-5 font-small"></i></a>
                                    </p>
                                </div>
                                <div>
                                    <img class="about-author-img border-radius-5 h-auto" src="{{ url('images/kullanicilar/'.$makaleDetay->makaleyazar->photo) }}" alt="{{ $makaleDetay->makaleyazar->name }}">
                                </div>
                            </div>
                            <p class="mb-0 mt-15">
                                <select class="form-control" onChange="window.location.href=this.value">
                                    <option selected>Yazarın Diğer Yazıları</option>
                                    @if($digerYazilar != null)
                                        @foreach($digerYazilar as $diger)
                                            <option value="{{ url('makale/'.Illuminate\Support\Str::slug($diger->baslik.'-'.$diger->id)) }}">{{ stripslashes($diger->baslik) }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </p>
                        </div>
                        @include('frontend.'.$temaadi.'.blocks.sidebarYazarlar')
                    </div>
                </div>
            </div>
        </div>
    </section>
    @if(!empty($makaleSayfaAlt))
        <section class="block-wrapper text-center reklam mt-0 pt-0 pb-0 mb-0">
            @if($makaleSayfaAlt->tip == 1)
                <a target="_blank" href="{{ $makaleSayfaAlt->link }}">
                    <img src="{{url('images/reklamlar/'.$makaleSayfaAlt->resim)}}" alt="{{ $makaleSayfaAlt->baslik }}">
                </a>
            @else
                {!! $makaleSayfaAlt->metin !!}
            @endif
        </section>
    @endif
@endsection

@push("customJs")
    <script>
        $("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 >= 14)
                $('.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);
        }
        $('#commentForm').on('submit', function(e) {
            e.preventDefault();
            let isim = $('#isim').val();
            let email = $('#email').val();
            let yorum = $('#yorum').val();
            let makaleid = $('#makaleid').val();
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                },
                type: "POST",
                url: '/makaleyorum',
                data: {isim:isim,email:email,yorum:yorum,makaleid:makaleid},
                dataType: 'json',
                success: function(response) {
                    $(".callback_message").append("<div class='alert alert-success'>"+response.msg+"</div>");
                    $('#commentForm')[0].reset();
                    setTimeout(function(){
                        $('.callback_message').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").empty().append("<div class='alert alert-danger'>"+ content +"</div>");
                }
            });
        });
    </script>
    <script>
        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")
@endpush