@extends('layouts.app_layout')
@section('page_title')
@foreach ($singlePost as $post)
@endforeach
Myblog.com | {{$singlePost->post_title}}
@endsection
@section('content')



<section class="breadcrumb">
    <div class="container">

    </div>
</section>

<section class="read-post-sect-1">
    <div class="read-post">
        <div class="row">
            <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 read-post-side">
                <div class="read-post-side-con">
                    <h1 class="read-post-title">
                        <strong> {{$singlePost->post_title}} </strong>
                    </h1>
                    <div class="row">
                        <div class="col-xl-6 col-lg-7 col-md-12 col-sm-12 col-xs-12 read-post-author-container" >

                            <div class=""> <img class="read-post-author-picture" src="../images/{{$singlePost->picture}}" alt="{{$singlePost->first_name}} {{$singlePost->last_name}}"/>
                                <h6 class="read-post-author-name">  {{$singlePost->first_name}} {{$singlePost->last_name}}</h6>
                                <h6 class="read-post-date">Posted on  {{date('F j, Y', strtotime($singlePost->created_at))}}</h6>
                            </div>

                        </div>
                        <div class="col-xl-6 col-lg-5 col-md-12 col-sm-12 col-xs-12 read-post-share-container">
                            <h6>{{ $singlePost->category }}</h6>
                        </div>
                    </div>
                    <div class="">
                        <img class="read-post-image" src="../images/{{$singlePost->featured_picture}}"/>
                    </div>
                    <div>
                        <h5 class="read-post-body">  {!! $singlePost->body !!}
                        </h5>
                    </div>
                    <div class="read-post-page-icons">
                        <div class="row">
                            <div class="col-6 text-left">
                                <span style="">
                                    @guest
                                    <i class="fas fa-heart fa-lg" id="read-post-count-likes" data-toggle="modal" data-target="#loginSignUp"></i> 
                                    @else
                                    <i class="fas fa-heart fa-lg" id="read-post-count-likes" onclick="likePost()"> </i> 
                                    @endguest
                                    <i class="fas fa-comment fa-lg" onclick="countComment()" id="read-post-count-comment"> </i></span>
                            </div>
                            <div class="col-6 text-right">
                                <span>
                                    <i class="fas fa-square-share-nodes fa-lg" id="read-post-count-share"> 460</i> 
                                    @guest
                                    <i class="fa-solid fa-bookmark fa-lg" id="read-post-count-favorite" data-toggle="modal" data-target="#loginSignUp"></i>
                                    @else
                                    <i class="fa-solid fa-bookmark fa-lg" id="read-post-count-favorite" onclick="savePost()"></i>
                                    @endguest
                                </span>
                            </div>
                        </div>
                    </div>