@extends('theme.spade.layouts.main')

@section('title') {{ $page->title }} @endsection

@section('meta')
<meta name="title" content="{{ optional($page->pageMeta)->meta_title ?? $seoSetting['meta_title'] }}" />
    <meta name="description" content="{{ optional($page->pageMeta)->meta_description ?? $seoSetting['meta_detail'] }}">
    <meta name="keywords" content="{{ optional($page->pageMeta)->meta_keywords ?? $seoSetting['meta_keywords'] }}" />
@endsection

@section('content')
     @php
          $breadcrumbData = [
               [
                    'title' => $page->title,
                    'link' => route('extra_page', $page->slug)
               ]
          ];
     @endphp
     @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)

     <section class="privary-policy">
          <div class="auto-container">
               <div class="row">
                    <div class="col-md-12">
                         <div class="blog-area">
                              <div class="post-item">
                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                                             <h2 style="font-size: 24px; color:#22ad4b;">{{ $page->title }}</h2>
                                             @if($page->image)
                                                  <img src="{{ asset($page->full_image) }}" height="450" class="img-fit" style="padding-bottom: 20px;">
                                             @endif
                                             <div class="my-content"> 
                                                  {!! $page->description !!}
                                             </div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
     </section>
@endsection