@extends('admin.layouts.main')
@section('content')
<div class="page-content">
  <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
          <div class="col-12">
              <div class="page-title-box d-flex align-items-center justify-content-between">
                  <h4 class="mb-0">Product Management</h4>

                  <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                          <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Dashboard</a> / Product</li>
                      </ol>
                  </div>
              </div>
          </div>
      </div>
      <!-- end page title -->
      <div class="row">
        <div class="col-12">
          <div class="card">
              <div class="card-body">
                  <div class="row">
                    <div class="col-md-11">
                      <h3 class="card-title">{{$page}}</h3>
                    </div>
                    <div class="col-md-1">
                      <a href="{{ url('admin/product') }}" class="btn btn-sm btn-primary text-left"><i class="fa fa-arrow-left"></i> Back</a>
                    </div>
                  </div><br>
                  
                  <div class="col-lg-12">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-bs-toggle="tab" href="#navtabs-home" role="tab" aria-selected="true">
                                <span class="d-block d-sm-none"><i class="fas fa-home"></i></span>
                                <span class="d-none d-sm-block">Product Information</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#navtabs-timeline" role="tab" aria-selected="true">
                                <span class="d-block d-sm-none"><i class="fas fa-home"></i></span>
                                <span class="d-none d-sm-block">Description</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#navtabs-seo" role="tab" aria-selected="false">
                                <span class="d-block d-sm-none"><i class="far fa-user"></i></span>
                                <span class="d-none d-sm-block">SEO Information</span>
                            </a>
                        </li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content p-3 text-muted">
                      <div class="tab-pane active" id="navtabs-home" role="tabpanel">
                        <div class="post">
                            <div class="form-group row">
                              <label for="inputName" class="col-sm-3 col-form-label">Category</label>
                              <div class="col-sm-9">
                                {{ Helper::checkCategory($product->category_id) }}
                              </div>
                            </div>
                            <div class="form-group row">
                              <label for="inputName" class="col-sm-3 col-form-label">Product Name</label>
                              <div class="col-sm-9">
                                {{ $product->pro_name }}
                              </div>
                            </div>
                            <div class="form-group row">
                              <label for="inputName" class="col-sm-3 col-form-label">Short Description</label>
                              <div class="col-sm-9">
                                 {{ $product->short_description }}
                              </div> 
                            </div>
                            <div class="form-group row">
                              <label for="inputName" class="col-sm-3 col-form-label">Product Image</label>
                              <div class="col-sm-9">
                                @if(file_exists(public_path('uploads/productImage/'.$product->image)) && $product->image)
                                  <img src="{{url('uploads/productImage/'.$product->image)}}" id="image_tag" width="120px"/>
                                  @else
                                  <img src="{{ URL::to('/admin_theme/images/default-user.png') }}" id="image_tag" width="120px" />
                                @endif 
                              </div>
                            </div>
                            <div class="form-group row">
                              <label for="inputName" class="col-sm-3 col-form-label">Document</label>
                              <div class="col-sm-9">
                                @if(file_exists(public_path('uploads/productImage/'.$product->product_pdf)) && $product->product_pdf)
                                  <a href="{{ url('uploads/productImage/'.$product->product_pdf) }}" target="_blank" class="btn btn-sm btn-primary">{{ $product->product_pdf }}</a>
                                @endif 
                              </div>
                            </div>
                          </div>
                      </div>
                      <div class="tab-pane" id="navtabs-timeline" role="tabpanel">
                        <div class="post">
                          <div class="form-group row">
                            <label for="inputName" class="col-sm-3 col-form-label">Application</label>
                            <div class="col-sm-9">
                              <p>{!! $product->application !!}</p>
                            </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputName" class="col-sm-3 col-form-label">Specification</label>
                            <div class="col-sm-9">
                              <p>{!! $product->specification !!}</p>
                            </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputName" class="col-sm-3 col-form-label">Materials</label>
                            <div class="col-sm-9">
                              <p>{!! $product->materials !!}</p>
                            </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputName" class="col-sm-3 col-form-label">Operating Range</label>
                            <div class="col-sm-9">
                              <p>{!! $product->operating_range !!}</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="tab-pane" id="navtabs-seo" role="tabpanel">
                        <div class="post">
                          <div class="form-group row">
                            <label for="inputName" class="col-sm-3 col-form-label">Meta Title</label>
                            <div class="col-sm-9 mt-2">
                              <p>{{ $product->meta_title }}</p>
                            </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputName" class="col-sm-3 col-form-label">Meta Tags</label>
                            <div class="col-sm-9 mt-2">
                              <p>{{ $product->meta_tag }}</p>
                            </div>
                          </div>
                          <div class="form-group row">
                            <label for="inputName" class="col-sm-3 col-form-label">Meta Description</label>
                            <div class="col-sm-9 mt-2">
                              <p>{{ $product->meta_description }}</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      
                    </div>
                  </div>
                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->
  </div> <!-- container-fluid -->

</div>
@stop
@section('footer_script')
<script type="text/javascript">
 
</script>
@stop