@extends('frontend.layouts.amp')
@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)
@push('head-area')
    <link rel="canonical" href="{{ URL::to('/pages/'.$data['page']->slug) }}" />
    {{--<link rel="amphtml" href="{{ URL::to('/pages/'.$data['page']->slug) }}?amp=1" />--}}
@endpush
@section('content')
    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container content-height">
            @if ($data['page']->slug == 'warranty')
                <div class="page-section-title">
                    <h1>{{ $data['page']->heading }}</h1>
                </div>
                <div class="row2">
                    <div class="col--12">
                        <div class="row3">
                            <div>
                                @push('head-area')
                                    <link rel="preload" href="/up_data/editor/warranty-Seal-1.png" as="image">
                                @endpush
                                {{-- <div class="text-center">
                                    <amp-img src="/up_data/editor/warranty-Seal-1.png" width="358" height="358" layout="responsive"></amp-img>
                                </div> --}}
                                @php
                                    $img = str_replace("img","amp-img",$data['page']->content);
                                    $echo = str_replace("<amp-img","<amp-img width='274' height='274' layout='responsive'",$img);
                                    echo $echo;
                                @endphp
                                {{-- {!! $data['page']->content !!} --}}
                            </div>
                        </div>
                    </div>
                </div>
            @elseif($data['page']->slug == 'returns-refunds-and-exchanges')
                <div class="page-section-title">
                    <h1>{{ $data['page']->heading }}</h1>
                </div>
                <div class="row2">
                    <div class="col--12">
                        <div class="row3">
                            <div>
                                @php
                                    // $iframe = str_replace("iframe","amp-iframe",$data['page']->content);
                                    // $layout = str_replace("<amp-iframe","<amp-iframe layout='responsive' sandbox='allow-scripts allow-same-origin'",$iframe);
                                    $img = str_replace("img","amp-img",$data['page']->content);
                                    $echo = str_replace("<amp-img","<amp-img width='303' height='164' layout='responsive'",$img);
                                    echo $echo;
                                @endphp
                                {{-- {!! $data['page']->content !!} --}}
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="page-section-title">
                    <h1>{{ $data['page']->heading }}</h1>
                </div>
                <div class="row2">
                    <div class="col--12">
                        <div class="row3">
                            <div>
                                {!! $data['page']->content !!}
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection