@extends('layouts.main')
@section('seo')
    <title>{{ $product->item_name . " - " . config('app.name', 'Laravel') ?? config('app.name', 'Laravel') }}</title>
    <meta name="description" content="{{ Str::limit(html_entity_decode(strip_tags($product->long_description)), 150) }}">
    <meta property="og:title" content="{{ $product->item_name . " - " . config('app.name', 'Laravel') }}">
    <meta property="og:description" content="{{ Str::limit(html_entity_decode(strip_tags($product->long_description)), 150) }}">
    @if($product->img_01 != null && Storage::exists($product->img_01))
        <meta property="og:image" content="{{ Storage::url($product->img_01) }}">
    @else
        <meta property="og:image" content="{{ url(asset('/assets/images/default.jpg')) }}">
    @endif
    <meta property="og:url" content="{{ url()->current() }}">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="{{ $product->item_name . " - " . config('app.name', 'Laravel') }}">
    <meta name="twitter:description" content="{{ Str::limit(html_entity_decode(strip_tags($product->long_description)), 150) }}">
    @if($product->img_01 != null && Storage::exists($product->img_01))
        <meta name="twitter:image" content="{{ Storage::url($product->img_01) }}">
    @else
        <meta property="twitter:image" content="{{ url(asset('/assets/images/default.jpg')) }}">
    @endif

@endsection

@section('content')
<main class="main product-page">
    <div class="container mb-30">
        <div class="row">
            <div class="col-xl-12 col-lg-12 m-auto">
                <div class="product-detail accordion-detail">
                    <div class="row mb-50 mt-30">
                        <div class="col-md-5 col-sm-12 col-xs-12 mb-md-0 mb-sm-5">
                            <div class="detail-gallery">
                                <h1 style="font-size:8px; color:#fff; line-height:8px;">{{ $product->item_name }}</h1>
                                <!-- MAIN SLIDES -->
                                <div class="product-image-slider">
                                    @if($product->img_01 != null && Storage::exists($product->img_01))
                                    <img src="{{ Storage::url($product->img_01) }}" alt="{{$product->item_name}}">
                                    @else
                                    <img src="{{'/uploads/default/default.jpg' }}" alt="{{Str::of('/uploads/default/default.jpg')->basename('.jpg')}}">
                                    @endif
                                    @if($product->img_02 != null && Storage::exists($product->img_02))
                                    <img src="{{ Storage::url($product->img_02) }}" alt="{{$product->item_name}}">
                                    @endif
                                    @if($product->img_03 != null && Storage::exists($product->img_03))
                                    <img src="{{ Storage::url($product->img_03) }}" alt="{{$product->item_name}}">
                                    @endif
                                </div>
                                @if(($product->img_02 != null && Storage::exists($product->img_02)) || ($product->img_03 != null && Storage::exists($product->img_03)))
                                    <!-- THUMBNAILS -->
                                    <div class="slider-nav-thumbnails">
                                        @if($product->img_01 != null && Storage::exists($product->img_01))

                                        <div><img src="{{ Storage::url($product->img_01) }}"
                                                alt="{{$product->item_name}}" /></div>
                                        @else
                                        <div>
                                            <img src="{{'/uploads/default/default.jpg' }}"
                                                alt="{{Str::of('/uploads/default/default.jpg')->basename('.jpg')}}">
                                        </div>
                                        @endif
                                        @if($product->img_02 != null && Storage::exists($product->img_02))

                                        <div><img src="{{ Storage::url($product->img_02) }}"
                                                alt="{{$product->item_name}}" /></div>

                                        @endif
                                        @if($product->img_03 != null && Storage::exists($product->img_03))

                                        <div><img src="{{ Storage::url($product->img_03) }}"
                                                alt="{{$product->item_name}}" /></div>

                                        @endif
                                    </div>
                                @endif
                            </div>
                            <!-- End Gallery -->
                        </div>
                        <div class="col-md-7 col-sm-12 col-xs-12">
                            <div class="detail-info mt-30 pr-30 pl-30">
                                <h2 class="title-detail mb-20">{{$product->item_name}}</h2>

                                <div class="detail-extralink">
                                    <ul>

                                        @if($productDetails['name'])
                                        <li>
                                            <strong>Category:</strong>
                                            <a
                                                href="{{ route('categoryPagePeriodic',[$productDetails['category_id'],  $productDetails['category_slug']]) }}">
                                                {{ucFirst($productDetails['name'])}}
                                            </a>
                                        </li>
                                        @endif
                                        <br>

                                        @if($product->publisher != null)
                                        <li>
                                            <strong>Publisher:</strong>
                                            {!! $product->publisher!!}
                                        </li>
                                        @endif

                                        @if($product->format != null)
                                        <li>
                                            <strong>Format:</strong>
                                            {!! $product->format!!}
                                        </li>
                                        @endif

                                        @if(isset($product->link))
                                        @if($product->link != null)
                                        <li>
                                            <strong>Link 1:</strong>
                                            <a
                                                href="{!! $product->link !!}"
                                                target="_blank">
                                                {!! $product->link !!}
                                            </a>
                                        </li>
                                        @endif
                                        @if($product->link_2 != null)
                                        <li>
                                            <strong>Link 2:</strong>
                                            <a
                                                href="{!! $product->link_2 !!}"
                                                target="_blank">
                                                {!! $product->link_2 !!}
                                            </a>

                                        </li>
                                        @endif
                                        @endif

                                        @if($product->issn != null)
                                        <li>
                                            <strong>ISSN:</strong>
                                            {!! $product->issn!!}
                                        </li>
                                        @endif

                                        @if($product->prev_issn != null)
                                        <li>
                                            <strong>Previous ISSN:</strong>
                                            {!! $product->prev_issn!!}
                                        </li>
                                        @endif

                                        @if($product->e_issn != null)
                                        <li>
                                            <strong>e-ISSN:</strong>
                                            {!! $product->e_issn!!}
                                        </li>
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- Detail Info -->
                    </div>
                </div>
                @if(isset($product->editorialBoard))
                <div class="col-xl-12 col-lg-12 product-publications-wrapper">
                    <div class="product-info product-publications">
                        <div class="tab-style3">
                            <div class="tab-content shop_info_tab entry-main-content">
                                <div class="tab-pane fade show active" id="Description">
                                    <div class="short-desc mb-30">
                                        {!! $product->editorialBoard!!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    </div>
</main>
<!-- End of Main -->
<!-- End of Page Wrapper -->

@endsection
@section('extraJs')
<style>
    .product-extra-link2 a {}
</style>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
    integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>
@endsection