@extends('frontend.layouts.master')
@section('content')
    <section class="bg-transparent section border-0 m-0 py-2">
        <div class="container-xl">
            <div class="row">
                <div class="col">
                    <div class="blog-posts single-post">
                        <article class="post post-large blog-single-post border-0 m-0 p-0">
                            <div class="post-date ms-0">
                                <span class="day">
                                    {{ \Carbon\Carbon::parse($blog->create_at)->format('d') }}
                                </span>
                                <span class="month">
                                    {{ \Carbon\Carbon::parse($blog->create_at)->format('M') }}
                                </span>
                            </div>

                            <div class="post-content ms-0">
                                <h2 class="font-weight-semi-bold">
                                    <a href="blog-post.html">
                                        {{ $blog->title }}
                                    </a>
                                </h2>

                                <div class="post-meta">
                                    <span>
                                        <i class="fa-regular fa-thumbs-up"></i>
                                        <a href="#">{{ $blog->likes }} Likes</a>
                                    </span>
                                    <span>
                                        <i class="far fa-comments"></i>
                                        <a href="#">{{ $blog->comments }} Comments</a>
                                    </span>
                                </div>

                                <p>
                                    {!! $blog->content !!}
                                </p>


                                <div>
                                    <span class="d-block mt-2">
                                        @foreach ($blog->tags as $index => $tag)
                                            <a href="javascript: void(0);"
                                                class="btn btn-xs btn-light text-1 text-uppercase">
                                                # {{ $tag->name }}
                                            </a>
                                        @endforeach
                                    </span>
                                </div>
                                <div class="post-block mt-5 post-share">
                                    <h4 class="mb-3">Share this Post</h4>

                                    <div class="a2a_kit a2a_kit_size_32 a2a_default_style">
                                        <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
                                        <a class="a2a_button_facebook"
                                            href="https://www.facebook.com/sharer/sharer.php?u={{ route('blogs.show', $blog->slug) }}&t={{ $blog->title }}"></a>
                                        <a class="a2a_button_twitter"
                                            href="https://twitter.com/intent/tweet?url={{ route('blogs.show', $blog->slug) }}&text={{ $blog->title }}"></a>
                                        <a class="a2a_button_whatsapp"
                                            href="https://wa.me/?text={{ $blog->title }} {{ route('blogs.show', $blog->slug) }}"></a>
                                        <a class="a2a_button_telegram"
                                            href="https://t.me/share/url?url={{ route('blogs.show', $blog->slug) }}&text={{ $blog->title }}"></a>
                                        <a class="a2a_button_email"
                                            href="mailto:?subject={{ $blog->title }}&body=Share post: {{ route('blogs.show', $blog->slug) }}"></a>
                                        <a class="a2a_button_copy_link"></a>

                                    </div>
                                    @if (auth('web')->check() &&
                                            $blog->blogLikes()->where('users.id', auth('web')->user()->id)->exists())
                                        <form action="{{ route('blogs.un-like', $blog->slug) }}" method="POST">
                                            @csrf
                                            <button type="submit" class="btn btn-primary btn-sm opacity-8 mt-2">
                                                <i class="fa-regular fa-thumbs-up"></i> &nbsp; Liked
                                            </button>
                                        </form>
                                    @else
                                        @if (auth('web')->check())
                                            <form action="{{ route('blogs.add-like', $blog->slug) }}" method="POST">
                                                @csrf
                                                <button type="submit" class="btn btn-primary btn-sm opacity-8 mt-2">
                                                    <i class="fa-regular fa-thumbs-up"></i> &nbsp; Like
                                                </button>
                                            </form>
                                        @endif
                                    @endif
                                    <script async src="https://static.addtoany.com/menu/page.js"></script>
                                    <!-- AddToAny END -->
                                </div>

                                <div id="comments" class="post-block mt-5 post-comments">
                                    <h4 class="mb-3">Comments ({{ $blog->comments }})</h4>

                                    <ul class="comments">
                                        @foreach ($blog->blogComments as $key => $user)
                                            <li>
                                                <div class="comment position-relative">
                                                    @if (auth('web')->check())
                                                        @if ($user->id === auth('web')->user()->id)
                                                            <form
                                                                action="{{ route('blogs.delete-comment', $user->pivot->id) }}"
                                                                method="POST">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button type="submit"
                                                                    class="position-absolute top-3 right-10 text-color-primary z-index-1 bg-none border-0">
                                                                    Remove
                                                                </button>
                                                            </form>
                                                        @endif
                                                    @endif

                                                    <div class="img-thumbnail img-thumbnail-no-borders d-none d-sm-block">
                                                        <img class="avatar" alt=""
                                                            src="{{ $user->getFirstMediaUrl(Helper::PROFILE_COLLECTION) }}" />
                                                    </div>
                                                    <div class="comment-block">
                                                        <div class="comment-arrow"></div>
                                                        <span class="comment-by">
                                                            <strong>{{ $user->fullname() }}</strong>
                                                        </span>
                                                        <p>
                                                            {{ $user->pivot->comment }}
                                                        </p>
                                                        <span
                                                            class="date float-end">{{ $user->pivot->created_at->format('M d, Y h:i A') }}</span>
                                                    </div>
                                                </div>
                                            </li>
                                        @endforeach

                                    </ul>
                                </div>

                                @if (auth('web')->check())
                                    <div class="post-block mt-5 post-leave-comment">
                                        <h4 class="mb-3">Leave a comment</h4>

                                        <form class="p-4 rounded bg-color-grey"
                                            action="{{ route('blogs.add-comment', $blog->slug) }}" method="POST">
                                            @csrf
                                            <div class="p-2">
                                                <div class="row">
                                                    <div class="form-group col">
                                                        <label class="form-label font-weight-bold text-dark">Comment <span
                                                                class="text-danger">*</span></label>
                                                        <textarea maxlength="5000" rows="8" class="form-control @error('comment') is-invalid @enderror" name="comment"
                                                            required></textarea>
                                                        @error('comment')
                                                            <span class="text-danger">
                                                                {{ $message }}
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group col mb-0">
                                                        <input type="submit" value="Post Comment"
                                                            class="btn btn-primary btn-modern" />
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                @endif

                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection