@extends('layouts.post-layout')

@section('title')
    {{$post['meta_title']}}
@endsection

@section('meta-description')
    {{$post['meta_description']}}
@endsection

@section('meta-title')
    {{$post['meta_title']}}
@endsection

@section('meta-og-url')
    {{url()->full()}}
@endsection

@section('meta-og-image')
    {{'https://cdn.stevenhardy.digital/steven-photos/' . $post['featured_image']}}
@endsection

@section('background-image')
    {{'https://cdn.stevenhardy.digital/steven-photos/' . $post['featured_image']}}
@endsection

@section('page_title')
    {{$post['title']}}
@endsection

@section('page_subheading')
    {{$post['subheading']}}
@endsection

@section('schema')
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BlogPosting",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "{{url()->full()}}"
      },
      "headline": "{{$post['title']}}",
      "image": [
        "{{'https://cdn.stevenhardy.digital/steven-photos/' . $post['featured_image']}}"
      ],
      "datePublished": "{{date('F d, Y', strtotime($post->created_at))}}",
      "dateModified": "{{date('F d, Y', strtotime($post->updated_at))}}",
      "author": {
        "@type": "Person",
        "name": "Steven Hardy",
        "url": "https://steven.photos"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Photographs By Steven",
        "logo": {
          "@type": "ImageObject",
          "url": "https://steven.photos/images/photo-logo.png",
          "width": 200,
          "height": 101
        }
      },
      "description": "{{$post['meta_description']}}",
      "articleBody": "{{strip_tags($post->content)}}",
      "url": "{{str_replace("http://", "https://", url()->full())}}"
    }
</script>
@endsection


@section('content')
    <section class="site-section py-lg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
                        @php $position = 1; $current = str_replace("http://", "https://", url()->full()); @endphp
                        @foreach ($breadcrumbs as $breadcrumb)
                            @if ($breadcrumb->url != $current)
                                <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                    <a href="{{ $breadcrumb->url }}" itemprop="item">
                                        <span itemprop="name">{{ $breadcrumb->title }}</span>
                                    </a>
                                    <meta itemprop="position" content="{{ $position }}">
                                </li>
                            @else
                                <li class="breadcrumb-item active" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                                    <span itemprop="name">{{ $breadcrumb->title }}</span>
                                    <meta itemprop="position" content="{{ $position }}">
                                </li>
                            @endif
                            @php $position++; @endphp
                        @endforeach
                    </ol>
                </div>
            </div>
            <div class="row blog-entries element-animate">

                <div class="col-md-12 main-content">

                    <div class="post-content-body">
                        @php
                            $adsense_code = <<<ADSENSE
                    <div class="google-ads">
                        <!-- Inline Ads -->
                        <ins class="adsbygoogle"
                         style="display:block; text-align:center;"
                         data-ad-layout="in-article"
                         data-ad-format="fluid"
                         data-ad-client="ca-pub-8790532041020940"
                         data-ad-slot="4617525252"></ins>
                        <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>
                    ADSENSE;

                    // Replace [googlead] shortcode in the post content with the Google AdSense code
                    $new_content = str_replace('[googlead]', $adsense_code, $post->content);

                        @endphp
                        {!! $new_content !!}
                    </div>

                    @if($post->gallery)
                        @php
                            $gallery_images = explode('|', $post->gallery);
                        @endphp
                        <div class="container">
                            <div class="contain">
                                <div class="post-gallery owl-carousel owl-theme">
                                    @foreach($gallery_images as $gallery_image)
                                        <div class="item">
                                            <img src="{{'https://cdn.stevenhardy.digital/steven-photos/' . $gallery_image}}"
                                                 alt="{{$post->title}}" class="carousel1 img-fluid"/>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                    @endif
                    <hr class="mt-5 mb-5"/>
                    <div class="comments">
                        <h2>Leave me a comment</h2>
                        <p>Thank you for reading my post, if you want to leave a comment, you can do so below.</p>
                        @if(Session::has('success'))
                            <div class="alert alert-success">
                                Thank you so much for your comment!
                            </div>
                        @endif
                        <form action="{{ route('comments.store', ['postId' => $post->id]) }}" method="POST"
                              enctype="multipart/form-data">
                            @csrf
                            @honeypot
                            <div class="form-group mb-3">
                                <label for="name">Name:</label>
                                <input type="text" name="name" class="form-control" required/>
                            </div>
                            <div class="form-group">
                                <label for="comment">Comment:</label>
                                <textarea name="comment" id="comment" placeholder="Enter your comment here"
                                          maxlength="500" class="form-control" rows="3" required></textarea>
                            </div>
                            <div class="form-group">
                                <label for="photo">Upload an image:</label>
                                <input type="file" name="photo" id="photo" accept="image/*" class="form-control-file"/>
                            </div>
                            <input type="submit" value="Submit" class="btn btn-primary">
                        </form>
                                            </div>
                    <hr class="mt-5 mb-5"/>
                    <div class="pt-5 pb-5 category-link">
                        <p><strong>Category:</strong> <a
                                    href="/category/{{$post->category->slug}}">{{$post->category->name}}</a></p>
                        <p><strong>Last Updated:</strong> {{$post->updated_at->format('jS F Y')}}</p>
                    </div>
                    <div class="google-ads">
                        <!-- In Blog Article Ads -->
                        <ins class="adsbygoogle"
                             style="display:block"
                             data-ad-client="ca-pub-8790532041020940"
                             data-ad-slot="9620771627"
                             data-ad-format="auto"
                             data-full-width-responsive="true"></ins>
                        <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>
                </div>

                <!-- END main-content -->
            </div>
        </div>
    </section>
    @if(count($related_posts) > 0)
        <div class="site-section bg-light">
            <div class="container">

                <div class="row mb-5">
                    <div class="col-12">
                        <h2>More Related Posts</h2>
                    </div>
                </div>

                <div class="row align-items-stretch retro-layout">

                    <div class="col-md-5 order-md-2">
                        @foreach($related_posts->slice(0,1) as $post)
                            <a href="/post/{{$post->slug}}" class="hentry img-1 h-100 gradient"
                               style="background-image: url('{{'https://cdn.stevenhardy.digital/steven-photos/' . $post->featured_image}}');">
                                <span class="post-category text-white bg-{{(str_replace(' ', '-', strtolower($post->category->name)))}}">{{$post->category->name}}</span>
                                <div class="text">
                                    <h2>{{$post->title}}</h2>
                                    <span>{{date('F d, Y', strtotime($post->updated_at))}}</span>
                                </div>
                            </a>
                        @endforeach
                    </div>

                    <div class="col-md-7">
                        @foreach($related_posts->slice(1,1) as $post)
                            <a href="/post/{{$post->slug}}" class="hentry img-2 v-height mb30 gradient"
                               style="background-image: url('{{'https://cdn.stevenhardy.digital/steven-photos/' . $post->featured_image}}');">
                                <span class="post-category text-white bg-{{(str_replace(' ', '-', strtolower($post->category->name)))}}">{{$post->category->name}}</span>
                                <div class="text">
                                    <h2>{{$post->title}}</h2>
                                    <span>{{date('F d, Y', strtotime($post->updated_at))}}</span>
                                </div>
                            </a>
                        @endforeach

                        <div class="two-col d-block d-md-flex">
                            @foreach($related_posts->slice(2,3) as $post)
                                <a href="/post/{{$post->slug}}"
                                   class="hentry v-height img-2 gradient @if($loop->iteration == 2) ml-auto @endif"
                                   style="background-image: url('{{'https://cdn.stevenhardy.digital/steven-photos/' . $post->featured_image}}');">
                                    <span class="post-category text-white bg-{{(str_replace(' ', '-', strtolower($post->category->name)))}}">{{$post->category->name}}</span>
                                    <div class="text text-sm">
                                        <h2>{{$post->title}}</h2>
                                        <span>{{date('F d, Y', strtotime($post->updated_at))}}</span>
                                    </div>
                                </a>
                            @endforeach
                        </div>

                    </div>
                </div>

            </div>
        </div>
    @endif


    {{--	<div class="site-section bg-lightx">--}}
    {{--		<div class="container">--}}
    {{--			<div class="row justify-content-center text-center">--}}
    {{--				<div class="col-md-5">--}}
    {{--					<div class="subscribe-1 ">--}}
    {{--						<h2>Subscribe to our newsletter</h2>--}}
    {{--						<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit nesciunt error illum a explicabo, ipsam nostrum.</p>--}}
    {{--						<form action="#" class="d-flex">--}}
    {{--							<input type="text" class="form-control" placeholder="Enter your email address">--}}
    {{--							<input type="submit" class="btn btn-primary" value="Subscribe">--}}
    {{--						</form>--}}
    {{--					</div>--}}
    {{--				</div>--}}
    {{--			</div>--}}
    {{--		</div>--}}
    {{--	</div>--}}
@endsection

{{--
GALLERY:

Allow upload of photos in the blog for gallery
Create a db table that has the post id and gallery url. This is populated when you are adding images from the admin area for a post

In the view, return these images
	One large image at the top
	Thumbnails underneath

This will be optional if you wanted to showcase the images

--}}