@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>{{ $dergiDetay->baslik }} - E-Dergi</title>
    <meta name="description" content="{{ $dergiDetay->metadesc }}" />
    <link rel="image_src" type="image/jpeg" href="{{ url('images/edergi/'.$dergiDetay->resim) }}" />
    <meta name="DC.date.issued" content="{{ date('c',strtotime($dergiDetay->tarih)) }}" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Haber Sitesi" />
    <meta property="og:url" content="{{ URL::current() }}" />
    <meta property="og:title" content="{{ $dergiDetay->baslik }}" />
    <meta property="og:description" content="{{ $dergiDetay->metadesc }}" />
    <meta property="og:image" content="{{ url('images/edergi/'.$dergiDetay->resim) }}" />
    <meta property="og:image:width" content="300" />
    <meta property="og:image:height" content="390" />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="{{ url('images/edergi/'.$dergiDetay->resim) }}" />
    <meta name="twitter:site" content="{{ '@'.config('ayarlar.twkullanici') }}">
    <meta name="twitter:url" content="{{ URL::current() }}">
    <meta name="twitter:title" content="{{ $dergiDetay->baslik }}" />
    <meta name="twitter:description" content="{{ $dergiDetay->metadesc }}" />
    <meta itemprop="url" content="{{ URL::current() }}" />
    <meta itemprop="thumbnailUrl" content="{{ url('images/edergi/'.$dergiDetay->resim) }}" />
    <meta itemprop="dateCreated" content="{{ date('c',strtotime($dergiDetay->tarih)) }}" />
    <meta itemprop="dateModified" content="{{ date('c',strtotime($dergiDetay->tarih)) }}" />
    <meta itemprop="mainEntityOfPage" content="{{ URL::current() }}" />
    <meta itemprop="headline" content="{{ $dergiDetay->baslik }}" />
    <meta itemprop="image" content="{{ url('images/edergi/'.$dergiDetay->resim) }}" />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">{{ $dergiDetay->baslik }}</span></h1>
            <div class="breadcrumb">
                <a href="{{ url('/') }}">Ana Sayfa</a>
                <span></span> <a href="{{ url('e-dergi') }}">E-Dergi</a>
            </div>
        </div>
    </section>
    <section class="pt-30 pb-30 bg-white box-shadow mt-15 mb-30">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="book"></div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push("customJs")
    <script type="text/javascript" src="{{ asset('assets/frontend/wow_book/pdf.combined.min.js') }}"></script>
    <script src="{{ asset('assets/frontend/wow_book/wow_book.min.js') }}"></script>

    <script>
        $(function(){
            let bookOptions = {
                height   : 1000
                ,width    : 800
                ,maxHeight : 1000
                ,centeredWhenClosed : true
                ,hardcovers : true
                ,pageNumbers: false
                ,toolbar : "lastLeft, left, right, lastRight, toc, zoomin, zoomout, slideshow, flipsound, fullscreen, thumbnails, download"
                ,toolbarPosition:'top'
                ,thumbnailsPosition : 'left'
                ,responsiveHandleWidth : 50
                ,container: true
                ,containerWidth: "100%"
                ,containerPadding: "10px"
                ,pdf: "{{ url('images/edergi/'.$dergiDetay->pdf) }}"
            };
            $('#book').wowBook( bookOptions );
        })
    </script>
@endpush

@push("customCss")
    <link rel="stylesheet" href="{{ asset('assets/frontend/wow_book/wow_book.css') }}" type="text/css" />
@endpush