@extends('frontend.layout.master')
@section('content')
{{--    <style>--}}
{{--        #cover-spin {--}}
{{--            position: fixed;--}}
{{--            width: 100%;--}}
{{--            left: 0;--}}
{{--            right: 0;--}}
{{--            top: 0;--}}
{{--            bottom: 0;--}}
{{--            background-color: rgba(45, 45, 45, 0.7);--}}
{{--            z-index: 9999;--}}
{{--            display: none;--}}
{{--        }--}}

{{--        @-webkit-keyframes spin {--}}
{{--            from {--}}
{{--                -webkit-transform: rotate(0deg);--}}
{{--            }--}}

{{--            to {--}}
{{--                -webkit-transform: rotate(360deg);--}}
{{--            }--}}
{{--        }--}}

{{--        @keyframes spin {--}}
{{--            from {--}}
{{--                transform: rotate(0deg);--}}
{{--            }--}}

{{--            to {--}}
{{--                transform: rotate(360deg);--}}
{{--            }--}}
{{--        }--}}

{{--        #cover-spin::after {--}}
{{--            content: '';--}}
{{--            display: block;--}}
{{--            position: absolute;--}}
{{--            left: 48%;--}}
{{--            top: 40%;--}}
{{--            width: 40px;--}}
{{--            height: 40px;--}}
{{--            border-style: solid;--}}
{{--            border-color: #bcefde;--}}
{{--            border-top-color: transparent;--}}
{{--            border-width: 4px;--}}
{{--            border-radius: 50%;--}}
{{--            -webkit-animation: spin .8s linear infinite;--}}
{{--            animation: spin .8s linear infinite;--}}
{{--        }--}}

{{--    </style>--}}



    <div class="container">
        <div class="breadcrumb-wrapper">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>

                    <li class="breadcrumb-item active" aria-current="page">blog details</li>
                </ol>
            </nav>
        </div>
    </div>

    <section class="blog-banner" style="background-image: url({{url('/')}}/frontend/assets/images/careers-bg.jpg);">
        <div class="container">
            <div class="blog-banner-txt">
                @if(!empty($blogs->title))
                    <h2 class="h2">{{$blogs->title}}</h2>
                @endif
                <ul>@if(!empty($blogs->username))
                        <li class="pr-3"><small>{{$blogs->username}}</small></li>
                    @endif
                    @if(!empty($blogs->created_at))
                        <li class="pl-3"><small>{{date_format($blogs->created_at," d F, Y ")}}</small></li>
                    @endif
                </ul>
            </div>
        </div>
    </section>

    <section class="blog-txt section-gap">
        <div class="container">
            <div class="row">
                <div class="col-md-7 col-lg-7">
                    <div class="left-side">
                        <div class="headingArea">
                            <h2 class="h2">{{$blogs->title ??''}}</h2>
                        </div>
                        @if(!empty($blogs->description))
                            <p>
                                {!! $blogs->description !!}
                            </p>
                        @endif

                        <div class="row">
                            @if(!empty($blogs->image))
                                <div class="col-md-12">
                                    <img src="{{url('/')}}/{{$blogs->image}}" alt="Logo" loading="lazy">
                                </div>
                            @endif
                        </div>


                        <div class="sharediv">
                            <span style="color: #001e39;">Share this post : </span>
                            <div class="sharelink">
                                {!! $shareComponent !!}
                            </div>
                        </div>

                        <div class="comments">
                            <div class="pageheading">
                                <h2 class="h3">comments area here...</h2>
                            </div>
                            <div class="blogcmment-reply">
                                <ul>
                                    @if(!empty($reviews))
                                        @foreach($reviews as $review)
                                            <li>
                                                <div class="blogcmmntdiv">
                                                    <div class="blogcmmntdiv-in">
                                                        <div class="blogcmmnt-text">

                                                            <h5>{{$review->name}}</h5>

                                                            <div class="commentdate">
                                                                <h5 href="">{{date_format($review->created_at," d F, Y ")}} </h5>
                                                            </div>
                                                            <p>{{html_entity_decode($review->message)}}</p>
                                                        </div>
                                                    </div>

                                                    <div class="row">