@extends('frontend.layouts.app')
@if($data['post']->meta_title != '')
    @section('title', $data['post']->meta_title)
@else
    @section('title', $data['post']->heading_content . ' - Blog - ' . app_name())
@endif
@section('meta_keywords', $data['post']->meta_keywords)
@section('meta_description', $data['post']->meta_description)

@section('meta_url', URL::Current())
@section('page_title', $data['post']->meta_title)
@section('product_description',$data['post']->meta_description)
@section('image','https://germedusa.com/static/assets/images/logo.png')
@section('image:width', "385")
@section('image:height', "145")
@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
    <meta property="og:title" content="{{ $data['post']->heading_content }}">
    <meta property="og:image" content="{{ URL::to('/') }}/up_data/blog/{{ $data['post']->image }}">
@endpush
@section('content')
<div class="row">
    <div class="col-md-12 mb-2">
        <div id="main-banner-after-header"  class="bg-buttery-white align-items-center d-flex banner-3 justify-content-center">
        <h1 class="h1-tag category_detail_heading lh-1 text-center title" style="font-weight: bold;">
            {{ $data['post']->heading_content }}
        </h1>
        </div>
    </div>
</div>


    @if(isset($data['breadcrumb']))
        <nav aria-label="breadcrumb" class="breadcrumb-nav mt-4 py-3" id="frontend-breadcrumb">
            <div class="container-fluid">
                <ol class="breadcrumb bg-ivory p-2">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    @foreach($data['breadcrumbs'] as $breadcrumb)
                        <li @if($loop->last) class="breadcrumb-item active" aria-current="page" @else class="breadcrumb-item" @endif>@if($data['breadcrumbs'][0] == $breadcrumb)<a href="/blog">{!! $breadcrumb !!}</a> @else {!! $breadcrumb !!} @endif</li>
                    @endforeach
                </ol>
            </div>
        </nav>
        <input type="hidden" id="show_menu" value="no" />
    @else
        <input type="hidden" id="show_menu" value="yes" />
    @endif
<!--  -->
    <section class="blog-page-section with-sidebar">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 col-xl-10 left-slide-margin">
                    <div class="blog-post post-details single-block">
                        <div class="blog-content">
                            <header class="mb-4 mt-2">
                                {{-- <h1 class="blog-title h2">{{ $data['post']->heading_content }}</h1> --}}
                                <div class="post-meta">
                                    {{-- <span class="post-author">
                                        <i class="fas fa-user"></i>
                                        <span class="text-gray">Posted by : </span>
                                        admin
                                    </span>
                                    <span class="post-separator">|</span> --}}
                                    <span class="post-date post_date_content">
                                        <i class="zmdi zmdi-calendar"></i>
                                        <span class="text-gray ">On : </span>
                                        {{ date('M d, Y', strtotime($data['post']->publish_date)) }}
                                    </span>
                                </div>
                            </header>
                            @if($data['post']->image != '')
                                <img data-src="/up_data/blog/{{ $data['post']->image }}" width="90%" height="auto" class="m-2 img-fluid" alt="{{ $data['post']->heading_content }}">
                            @endif
                            <article style="width: 90%; margin-left: 8px;" class="blog_detail_article">
                                @php
                                    $size = str_replace("<img","<img width='600' height='600'",$data['post']->full_content);
                                    $size = str_replace("<tr","<tr style='border:1px solid black;'",$data['post']->full_content);
                                    echo $size;
                                @endphp
                                {{-- {!! $data['post']->full_content !!} --}}
                            </article>
                            <div class="addthis_inline_share_toolbox"></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-2" style=" left: -1%; position: relative;">
                    <div class="sidebar-widget">
                        @if($data['recent_posts'])
                            <div class="single-sidebar">
                                <h3 class="sidebar-title h2 mt-2">Recent Posts</h3>
                                <div class="recent_post_section" style="margin-top: 57px;">
                                    @foreach($data['recent_posts'] as $rp)
                                        <div class="text-center recent_post_detail">
                                            <a href="/blog/{{ $rp->slug }}"><img data-src="/up_data/blog/{{ $rp->image_thumbnail }}" title="{{ $rp->name }}" alt="{{ $rp->name }}" width="263" height="146" class="img-fluid img-thumbnail" /></a>
                                            <a href="/blog/{{ $rp->slug }}" class="recent_post_title">{{ $rp->name }}</a>
                                        </div>
                                        <hr>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                        <div class="single-sidebar">
                            {!! \App\Models\Banner::showBanner(8) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @push('before-scripts')
        <input type="hidden" value="blog" id="page_id">
    @endpush
    @push('after-scripts')
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ariez81"></script>
    @endpush
@endsection