@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>{{$product->product_name }}'s Details</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('products.index') }}">Products</a></li>
            <li class="breadcrumb-item active">{{$product->product_name }}'s Details</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

@if ($message = Session::get('success'))
    <div class="alert alert-success">
        {{ $message }}
    </div>
@endif

<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-9">
        <div class="row">
          <div class="col-md-4">

            <!-- Profile Image -->
            <div class="card card-primary card-outline image-box">
              <div class="card-body box-profile">
                <div class="text-center">
                  <img class="profile-user-img img-fluid img-circle"
                       src="{{asset('../storage/app/images/'.$product->product_image)}}"
                       alt="Product Image" id="prod_img_preview">
                </div>

                <h3 class="profile-username text-center">{{$product->product_name }}</h3>
                <input type="hidden" class="text-muted text-center" id="product_name" value="{{$product->product_name }}"/>
                <p class="text-muted text-center" id="product_code">{{$product->product_code }}</p>
                <p class="text-muted text-center" id="category">{{$category->category }}
                @if($subcategory!=[])
                  @if($subcategory->category!=null)
                  / {{$subcategory->category }}
                  @endif
                @endif
                </p>
                <input type="hidden" class="text-muted text-center" id="company_id" value="{{$company->id}}"/>
                <p class="text-muted text-center" id="company_name">{{$company->company_name }}</p>
                <!-- <p class="text-muted text-center">{{$product->url }}</p>
                <p class="text-muted text-center">{{$product->purchase_link }}</p> -->
               
                @if($product->status==1)
                  <p class="text-center p_status p_active">Active</p>
                @elseif($product->status==0)
                  <p class="text-center p_status p_inactive">Inactive</p>
                @endif

                <p class="text-muted text-center"><a href="{{$product->url }}" target="_blank">Product Info </a>&nbsp;<a href="{{$product->purchase_link}}" target="_blank">Purchase Info</a></p>
                
                

              

                <!-- <ul class="list-group list-group-unbordered mb-3">
                  <li class="list-group-item">
                    <b>Roles</b>
                  </li>
                  <li class="list-group-item">
                    Roles comes here.
                  </li>
                </ul> -->

                <!-- <a href="#" class="btn btn-primary btn-block"><b>Follow</b></a> -->
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
          <div class="col-md-8">
            <div class="card image-box">
              <div class="card-body">
                <div class="col-xs-12 col-sm-12 col-md-12 bor-b">
                  <h5>Product Details</h5>
                </div>

                

                <div class="col-xs-12 col-sm-12 col-md-12 padT10 padb10">
                  <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                      
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Description:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$product->description}}
                        </div>
                      </div>
                    </div>
                    @if($product->quantity!=null)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Quantity:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$product->quantity}} {{$product->quantity_measured}}
                        </div>
                        
                      </div>
                    </div>
                    @endif
                    @if($product->expiry_period!=null)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Expiry Period:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$product->expiry_period }}
                                
                        </div>
                      </div>
                    </div>
                    @endif
                    @if($product->number_in_pack!=null)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Items per packet:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$product->number_in_pack }}
                                
                        </div>
                      </div>
                    </div>
                    @endif
                    @if($product->packing_method!=null)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Packing Method:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                            {{$product->packing_method}}
                                
                        </div>
                      </div>
                    </div>
                    @endif
                  </div>
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12 bor-b">
                  <h5>Brand Details</h5>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 padT10 padb10">
                  <div class="row">

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Brand Name:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                          {{$product->brand_name }} 
                          
                        </div>
                        <!-- <div class="col-xs-3 col-sm-3 col-md-3">
                        <img class="responsive V_Pimg" src="{{asset('../storage/app/logos/'.$product->product_logo)}}" width="100"><br/>
                          
                        </div> -->
                      </div>
                    </div>
                    
                    
                  </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 bor-b">
                  <h5>Label Preview</h5>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 padT10">
                  <label>Label 1 :</lael>
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12 padT10 padb10">
                  <div class="row">

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <img id="overlayImage" src="{{asset('../storage/app/qr_code/qr.png')}}" alt="overlay image"> <!--Overlay QRcode comes here-->
                        <img id="productLabel" src="{{asset('../storage/app/product_label/'.$product->product_label)}}" alt="product label"> <!--Uploaded  Image comes here-->
                        <input type="hidden" class="form-control form-control-sm" name="qrcode_size" id="qrcodeSize"  value="{{$product->qrcode_size}}" min="0" max="">
                        <input type="hidden" class="form-control form-control-sm" name="qrcode_top" id="overlayTop" min="0" max="" value="{{$product->qrcode_top}}">
                        <input type="hidden" class="form-control form-control-sm" name="qrcode_left" id="overlayLeft" min="0" max="" value="{{$product->qrcode_left}}">

                      </div>
                    </div>
                    
                    
                  </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12">
                  <label>Label 2 :</lael>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 padT10 padb10">
                  <div class="row">

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <img id="overlayImage2" src="{{asset('../storage/app/qr_code/qr2.png')}}" alt="overlay image"> <!--Overlay QRcode comes here-->
                        <img id="productLabel2" src="{{asset('../storage/app/product_label2/'.$product->product_label2)}}" alt="product label"> <!--Uploaded  Image comes here-->
                        <input type="hidden" class="form-control form-control-sm" name="qrcode_size2" id="qrcodeSize2"  value="{{$product->qrcode_size2}}" min="0" max="">
                        <input type="hidden" class="form-control form-control-sm" name="qrcode_top2" id="overlayTop2" min="0" max="" value="{{$product->qrcode_top2}}">
                        <input type="hidden" class="form-control form-control-sm" name="qrcode_left2" id="overlayLeft2" min="0" max="" value="{{$product->qrcode_left2}}">

                      </div>
                    </div>
                    
                    
                  </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 bor-b">
                  <h5>Warranty Details</h5>
                </div>
                
                <div class="col-xs-12 col-sm-12 col-md-12 padT10 padb10">
                  <div class="row">

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Warranty:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                          {{$warranty_details->waranty_status}} 
                        </div>
                      </div>
                    </div>
                    @if($warranty_details->waranty_status=='Yes')
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="row">
                                <div class="col-xs-3 col-sm-3 col-md-3">
                                    <strong><label>Warranty Type:</label></strong>
                                </div>
                                <div class="col-xs-9 col-sm-9 col-md-9">
                                @if($warranty_details->warranty_type=='1')
                                  Service
                                @elseif($warranty_details->warranty_type=='2')
                                  Replacement
                                @endif
                                </div>
                            </div>
                        </div>
                        @if($warranty_details->warranty_type=='1')
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="row">
                                    <div class="col-xs-3 col-sm-3 col-md-3">
                                        <strong><label>Full Product:</label></strong>
                                    </div>
                                    <div class="col-xs-9 col-sm-9 col-md-9">
                                    {{$warranty_details->full_product}} 
                                    </div>
                                </div>
                            </div>
                            @if($warranty_details->full_product=='Yes')
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="row">
                                        <div class="col-xs-3 col-sm-3 col-md-3">
                                            <strong><label>Warranty Period:</label></strong>
                                        </div>
                                        <div class="col-xs-9 col-sm-9 col-md-9">
                                        {{$warranty_details->s_warranty_count}} {{$warranty_details->s_warranty_duration}} 
                                        </div>
                                    </div>
                                </div>
                            @else
                                @php $x     = 1; @endphp
                                @if($product->partWarranty)
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <div class="row">
                                        <div class="col-xs-3 col-sm-3 col-md-3">
                                            <div class="form-group">
                                                <b>Part Name</b>
                                            </div>
                                        </div>
                                        <div class="col-xs-9 col-sm-9 col-md-9">
                                            <div class="form-group">
                                                <b>Warranty Duration</b>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @foreach($product->partWarranty as $parts)
                                    <div class="col-xs-12 col-sm-12 col-md-12">
                                        <div class="row">
                                            <div class="col-xs-3 col-sm-3 col-md-3">
                                                <div class="form-group">
                                                    {{$parts->part_name}}
                                                </div>
                                            </div>
                                            <div class="col-xs-9 col-sm-9 col-md-9">
                                                <div class="form-group">
                                                {{$parts->part_warranty_count}} {{$parts->part_warranty_duration}} 
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @php $x++; @endphp
                                @endforeach
                                @endif
                            @endif
                            <!-- full_product condiition check ends -->
                        @endif
                        <!-- service_status condiition check ends -->
                        @if($warranty_details->warranty_type=='2')
                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="row">
                                    <div class="col-xs-3 col-sm-3 col-md-3">
                                        <strong><label>Warranty Peroid:</label></strong>
                                    </div>
                                    <div class="col-xs-9 col-sm-9 col-md-9">
                                    {{$warranty_details->r_warranty_count}}  {{$warranty_details->r_warranty_duration}} 
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endif  
                    <!-- waranty_status condiition check ends -->
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                            <strong><label>Promotion:</label></strong>
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                          {{$warranty_details->promotion_status}} 
                        </div>
                      </div>
                    </div>
                    @if($warranty_details->waranty_status=='Yes' && $warranty_details->promotion_status=='Yes')
                    <div class="col-xs-12 col-sm-12 col-md-12">
                      @include('template.authentication')
                    </div>
                    @endif
                  </div>
                </div>

                

                <!-- /.tab-content -->
              </div><!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>
          <!-- /.card -->
        </div>
        <div class="col-3">
          @include('components.dashboard.vertical')
        </div>
        <!-- /.col -->


            </div>
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
    <input type="hidden" id="product_id" value="0" >
  </section>
<!-- /.content -->
<script type="text/javascript" language="javascript" src="{{asset('js/products/warranty.js')}}"></script>
<script type="text/javascript" language="javascript" src="{{asset('js/products/labelPreview.js')}}"></script>


@endsection