@extends('admin.layout.main')
@section('title', 'Product - View')
  
@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">Product - View</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('product.index') }}">Products</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-4 px-3 w-100">
              <div class="row view_page mb-0">
                <div class="d-flex brdr-btm ">
                  <div class="viewpage_img">
                    <img class="viewcon_image" src="dist/img/category-2.png" alt="" style="margin-right: 0;">
                  </div>
                  <div class="view_right_data">
                    <table class="">
                      <tr>
                        <th>Category Name :</th>
                        <td>Xyz</td>
                      </tr>
                      <tr>
                        <th>Product Name :</th>
                        <td>Xyz</td>
                      </tr>
                      <tr>
                        <th>Product Code :</th>
                        <td>Xyz</td>
                      </tr>
                      <tr>
                        <th>GST :</th>
                        <td>Xyz</td>
                      </tr>
                    </table>
                  </div>
                  <div class="view_right_data">
                    <table class="">
                   
                      <tr>
                        <th>Created Date :</th>
                        <td>19-09-2022</td>
                      </tr>
                      <tr>
                        <th>Updated Date :</th>
                        <td>21-09-2022</td>
                      </tr>
                      <tr>
                        <th>Sort Order :</th>
                        <td>2</td>
                      </tr>
                      <tr>
                        <th>Status :</th>
                        <td>Active</td>
                      </tr>
                    </table>
                  </div>
                </div>
                <div class="description_view pt-4 brdr-btm discount">
                  <h3 class="view_destitle mb-2">Product Description</h3>
                  <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Exercitationem dolorem similique dolor
                    harum aspernatur? Facere molestias, itaque quas debitis repellendus ducimus numquam aut soluta magni
                    qui maiores, sint provident accusamus natus voluptatum! Saepe accusamus eos eum, aut repellat
                    perspiciatis quas.</p>
                </div>
                <div class="seo_view pt-4 brdr-btm discount mb-2">
                  <!-- <h3 class="view_seo mb-2">seo meta tags</h3> -->
                  <div class="seo_data_list product_link_data">
                    <table class="">
                      <tr>
                        <th>Product Installation Video Link :</th>
                        <td>file:///C:/xampp/htdocs/koil-hardware-admin-panel/html/add-product.html</td>
                      </tr>
                      <tr>
                        <th>Product Installation PDF Link :</th>
                        <td>file:///C:/xampp/htdocs/koil-hardware-admin-panel/html/add-product.html</td>
                      </tr>
                    </table>
                  </div>
                </div>
                <div class="seo_view pt-4 brdr-btm discount">
                  <h3 class="view_seo mb-2">Product Specifications
                  </h3>
                  <div class="seo_data_list product_link_data">
                    <table class="">
                      <tr>
                        <th>Box Weight :</th>
                        <td>500MM</td>
                      </tr>
                      <tr>
                        <th>Product Extra Info. :</th>
                        <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime perferendis a natus incidunt voluptate voluptatibus!</td>
                      </tr>
                      <tr>
                        <th>Packing Details :</th>
                        <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias distinctio aliquam unde atque eveniet dicta!</td>
                      </tr>
                      <tr>
                        <th>Product Price Type. :</th>
                        <td>xyz</td>
                      </tr>
                    </table>
                  </div>
                </div>
                  <div class="seo_view pt-4 brdr-btm discount" style="display: none;">
                  <h3 class="view_seo mb-2">Product Attributes</h3>
                  <div class="seo_data_list product_link_data">
                    <table class="">
                      <tr>
                        <th>Product Size :</th>
                        <td>500MM</td>
                      </tr>
                      <tr>
                        <th>Product Finish :</th>
                        <td><span>xyz,</span><span>option,</span><span>option2,</span><span>option3,</span><span>option9</span></td>
                      </tr>
                      <tr>
                        <th>Product Dimensions :</th>
                        <td><span><strong>Code :</strong>xyz</span><span><strong>Width :</strong>500</span><span><strong>Depth :</strong>50</span><span><strong>Height :</strong>200</span><span><strong>MM :</strong>500</span></td>
                      </tr>
                      <tr>
                        <th>Packing Details :</th>
                        <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias distinctio aliquam unde atque eveniet dicta!</td>
                      </tr>
                      <tr>
                        <th>Product Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Dealer Discount/Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Dealer Offer/Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Exclusive Dealer Discount/Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Exclusive Dealer Offer/Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Channel Partner Discount/Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Channel Partner Offer/Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Distributor Discount/Price :</th>
                        <td>500RS</td>
                      </tr>
                      <tr>
                        <th>Distributor Offer/Price :</th>
                        <td>500RS</td>
                      </tr>
                    </table>
                  </div>
                </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>Xyz</td>
                      </tr>
                      <tr>
                        <th>Slug URL :</th>
                        <td>Xyz</td>
                      </tr>
                      <tr>
                        <th>Meta Description :</th>
                        <td>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae asperiores doloremque quo consectetur velit aliquid repellendus eos alias accusamus suscipit repudiandae ea, officiis modi, natus commodi? Reiciendis aliquid vel blanditiis.</td>
                      </tr>
                      <tr>
                        <th>Keywords :</th>
                        <td>xyz</td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
            </div>
            <!-- /.row -->
          </div>
          <!--/. container-fluid -->
      </section>
    
  <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>
@endsection