@extends('frontend.layouts.mobile')
@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)
@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 }}">
    <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
    <style>
        table{
            width: auto !important;
            margin-top:10px;
        }
    </style>
@endpush
@section('content')
    {{-- <section class="blog-page-section with-sidebar">
        <div class="container">
            <div class="row-blog">
                <div class="col-lg-8 col-xl-9 left-slide-margin">
                    <div class="blog-post post-details single-block">
                        <div class="blog-content">
                            <header>
                                <h3 class="blog-title">{{ $data['post']->heading_content }}</h3>
                                <div class="post-meta">
                                    <span class="post-date">
                                        <i class="far fa-calendar-alt"></i>
                                        <span class="text-gray">On : </span>
                                        {{ date('M d, Y', strtotime($data['post']->publish_date)) }}
                                    </span>
                                </div>
                            </header>
                            @if($data['post']->image != '')
                                @push('head-area')
                                    <link rel="preload" href="/up_data/blog/{{ $data['post']->image }}" as="image">
                                @endpush
                                <div class="mb-4">
                                    <amp-img src="/up_data/blog/{{ $data['post']->image }}" class="img-fluid" layout="responsive" width="345" height="230" alt="{{ $data['post']->heading_content }}" srcset="/up_data/blog/{{ $data['post']->image }} 470w, /up_data/blog/{{ $data['post']->image }} 820w, /up_data/blog/{{ $data['post']->image }} 1440w" data-hero></amp-img>
                                </div>
                            @endif
                            <article>
                                @php
                                    $iframe = str_replace("iframe","amp-iframe",$data['post']->full_content);
                                    $layout = str_replace("<amp-iframe","<amp-iframe title='iframe-title' width='330' height='186' layout='responsive' sandbox='allow-scripts allow-same-origin'",$iframe);
                                    $img = str_replace("img","amp-img",$layout);
                                    $widthheight = str_replace("<amp-img","<amp-img width='320' height='320' layout='responsive'",$img);
                                    $echo = str_replace('style="color:#3498db"','style="color:#265a8e"',$widthheight);
                                    echo $echo;   
                                @endphp --}}
                                {{-- {!! $data['post']->full_content !!} --}}
                            {{-- </article>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-3">
                    <div class="sidebar-widget">
                        @if($data['recent_posts'])
                            <div class="single-sidebar">
                                <h3 class="sidebar-title">Recent Posts</h3>
                                @foreach($data['recent_posts'] as $rp)
                                    <div class="text-center">
                                        <a href="/blog/{{ $rp->slug }}"><amp-img src="/up_data/blog/{{ $rp->image_thumbnail }}" title="{{ $rp->name }}" alt="{{ $rp->name }}" layout="responsive" width="338" height="188" class="img-fluid img-thumbnail" ></amp-img></a>
                                        <a href="/blog/{{ $rp->slug }}">{{ $rp->name }}</a>
                                    </div>
                                    <br>
                                    <hr>
                                    <br>
                                @endforeach
                            </div>
                        @endif
                        <div class="single-sidebar">
                            {!! \App\Models\Banner::showBanner(8) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <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="ml-10 mt-25">
                                <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 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 ml-10">Recent Posts</h3>
                                <div class="recent_post_section">
                                    @foreach($data['recent_posts'] as $rp)
                                        <div class="d-flex flex-column recent_post_detail text-center" style="margin-top: 1rem; margin-bottom: 1rem; margin-left: 4px;">
                                            <a href="/blog/{{ $rp->slug }}"><img src="/up_data/blog/{{ $rp->image }}" title="{{ $rp->name }}" alt="{{ $rp->name }}" style="width: 100%;" 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