@extends('admin.layout.main')
@section('title',$header['title'])
@section('content')
      <div class="content-header">
        <div class="container-fluid">
          <div class="row mb-4 mt-2">
            <div class="col-sm-12 align-items-center d-flex breadcrumb-style">
              <h1 class="m-0">View: {{ ucwords($pageData['page_title']) }}</h1>
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard </a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.cmsPages.index') }}">CMS List </a></li>
                <li class="breadcrumb-item active">View</li>
              </ol>
            </div><!-- /.col -->

          </div><!-- /.row -->
        </div><!-- /.container-fluid -->
      </div>
      <!-- /.content-header -->

      <!-- Main content -->
      <section class="content">
        <div class="container-fluid">
          <!-- Info boxes -->
          <div class="row">
            <div class="card pb-4 pt-2 px-3 w-100">
              <div class="row view_page mb-0">
                
                <div class="description_view brdr-btm discount">
                  <h3 class="view_destitle mb-2">{{ $pageData['page_title'] }}</h3>
                  <p>{{ strip_tags($pageData['page_content']) }}</p>
                </div>
                <div class="seo_view pt-4 discount">
                  <h3 class="view_seo mb-2">seo meta tags</h3>
                  <div class="seo_data_list">
                    <table class="">
                      <tr>
                        <th>Meta Title :</th>
                        <td>{{ $pageData['meta_title'] }}</td>
                      </tr>
                      <tr>
                        <th>Slug URL :</th>
                        <td>{{ $pageData['slug_url'] }}</td>
                      </tr>
                      <tr>
                        <th>Meta Description :</th>
                        <td>{{ $pageData['meta_description'] }}</td>
                      </tr>
                      <tr>
                        <th>Keywords :</th>
                        <td>{{ $pageData['keywords'] }}</td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.row -->
          </div>
          <!--/. container-fluid -->
      </section>
   
@endsection
@section('js')
<script src="https://cdn.ckeditor.com/4.13.0/standard/ckeditor.js"></script>
  <!-- Page specific script -->
  <script>
    CKEDITOR.replace('editor1');
    CKEDITOR.on('instanceReady', function (evt) {
      var editor = evt.editor;

      editor.on('change', function (e) {
        var contentSpace = editor.ui.space('contents');
        var ckeditorFrameCollection = contentSpace.$.getElementsByTagName('iframe');
        var ckeditorFrame = ckeditorFrameCollection[0];
        var innerDoc = ckeditorFrame.contentDocument;
        var innerDocTextAreaHeight = $(innerDoc.body).height();
        console.log(innerDocTextAreaHeight);
      });
    });
  </script>
@append