@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 class="breadcrumb-btn">
                <div class="add-breadcrumb">
                  <a href="{{ route('product.edit',$productDetail['id']) }}">
                    <?xml version="1.0"?>
                    <svg fill="#fff" viewBox="0 0 24 24" width="20" height="20">
                    <path
                        d="M 19.171875 2 C 18.448125 2 17.724375 2.275625 17.171875 2.828125 L 16 4 L 20 8 L 21.171875 6.828125 C 22.275875 5.724125 22.275875 3.933125 21.171875 2.828125 C 20.619375 2.275625 19.895625 2 19.171875 2 z M 14.5 5.5 L 3 17 L 3 21 L 7 21 L 18.5 9.5 L 14.5 5.5 z" />
                    </svg>
                    @lang('user.edit')
                  </a>
                </div>
              </div>
            </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="{{$productDetail['image']}}" alt="" style="margin-right: 0;">
                  </div>
                  <div class="view_right_data">
                    <table class="">
                      <tr>
                        <th>Category Name :</th>
                        <td style="width:75%;">
                        {{$productDetail['category_name']}}
                                                        <!-- <a href="javascript:void(0)" data-toggle="tooltip" data-html="true" data-placement="right" title="$category_name?>">
                                  {{count($productDetail['productCategory'])}} {{(count($productDetail['productCategory']) > 1) ? 'Categories' : 'Category';}}
                                </a> -->
                      
                      </td>
                      </tr>
                      <tr>
                        <th>Product Name :</th>
                        <td class="description_view" style="width:75%;"><p style="margin-bottom:0;">{{$productDetail['name']}}</p></td>
                      </tr>
                      <tr>
                        <th>Product Code :</th>
                        <td style="width:75%;">{{$productDetail['code']}}</td>
                      </tr>
                      <tr>
                        <th>GST :</th>
                        <td style="width:75%;">{{$productDetail['gst']}}%</td>
                      </tr>
                    </table>
                  </div>
                  <div class="view_right_data" style="width:50%">
                    <table class="">
                   
                      <tr>
                        <th>Created Date :</th>
                        <td>{{getDateTimeZone($productDetail['created_at'])}}</td>
                      </tr>
                      <tr>
                        <th>Updated Date :</th>
                        <td>{{getDateTimeZone($productDetail['updated_at'])}}</td>
                      </tr>
                      <tr>
                        <th>Sort Order :</th>
                        <td>{{$productDetail['sort_order']}}</td>
                      </tr>
                      <tr>
                        <th>Status :</th>
                        <td>{{$productDetail['products_status_text']}}</td>
                      </tr>
                    </table>
                  </div>
                </div>
                <div class="description_view pt-4 brdr-btm discount">
                  <h3 class="view_destitle mb-2">Product Description</h3>
                                  </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>-</td>
                      </tr>
                      <tr>
                        <th>Product Installation PDF Link :</th>
                        <td>-</td>
                      </tr>
                      <tr>
                        <th>Is drawer system connector? :</th>
                        <td>{{($productDetail['is_drawer_system'] == '1') ? 'Yes' : 'No'}}</td> 
                      </tr>
                      <tr>
                        <th>Hot Products :</th>
                        <td>{{($productDetail['hot_products'] == '1') ? 'Yes' : 'No'}}</td> 
                      </tr>
                    </table>
                  </div>
                </div>
                <div class="seo_view pt-4 brdr-btm discount">
                  <h3 class="view_seo mb-2">Product Visible For
                  </h3>
                  <div class="seo_data_list product_link_data">
                    <table class="">
                      <tr>
                        <th>Dealer :</th>
                        <td>{{($productDetail['dealer'] == '1') ? 'Yes' : 'No'}}</td>
                      </tr>
                      <tr>
                        <th>Exclusive Dealer :</th>
                        <td>{{($productDetail['exclusive_dealer'] == '1') ? 'Yes' : 'No'}}</td>
                      </tr>
                      <tr>
                        <th>Channel Partner :</th>
                        <td>{{($productDetail['channel_partner'] == '1') ? 'Yes' : 'No'}}</td>
                      </tr>
                      <tr>
                        <th>Distributor :</th>
                        <td>{{($productDetail['distributor'] == '1') ? 'Yes' : 'No'}}</td>
                      </tr>
                      <tr>
                        <th>Contractor :</th>
                        <td>{{($productDetail['contractor'] == '1') ? 'Yes' : 'No'}}</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>{{$productDetail['box_weight']}}</td>
                      </tr>
                      <tr>
                        <th>Product Extra Info. :</th>
                        <td>{{$productDetail['extra_info'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>Packing Details :</th>
                        <td>{{$productDetail['extra_info'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>Product Price Type. :</th>
                        <td>{{$productDetail['product_price_type_text']}}</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>{{$productDetail['meta_title'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th>Slug URL :</th>
                        <td>{{$productDetail['slug_url'] ?: '-'}}</td>
                      </tr>
                      <tr>
                        <th class="descri_title">Meta Description :</th>
                        <td class="description_view"><p>{{$productDetail['meta_description'] ?: '-'}}</p></td>
                      </tr>
                      <tr>
                        <th>Keywords :</th>
                        <td>{{$productDetail['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>
  <script type="text/javascript">
  <!-- Page specific script -->
  $(function () {     
      $('[data-toggle="tooltip"]').tooltip({
        'placement':'right',
        'html':true,
      })
    })
    </script>
@append