@extends('page')

@section('content')

<link href="{{ asset('css/style.css') }}" rel="stylesheet" type="text/css" >
<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Update {{$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">Update - {{$product->product_name}}</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-12">
          <div class="card card-info card-outline">
            <div class="card-body" id="form-tit">
            {!! Form::model($product, ['method' => 'PATCH','route' => ['products.update', $product->id],'files'=> true,'id'=>'product_form']) !!}
              <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 row">
                  <div class="col-xs-8 col-sm-8 col-md-8">
                    <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                          <label>Product Name:<span class="form-compulsory"> * </span></label>
                          {!! Form::text('product_name', null, array('placeholder' => 'Product Name','class' => 'form-control form-control-sm','id' => 'product_name' )) !!}
                          @error('product_name')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>

                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                            <label>Model Number:<span class="form-compulsory"> * </span></label>
                            {!! Form::text('model_number', null, array('placeholder' => 'Model Number','class' => 'form-control form-control-sm', 'style' => 'text-transform: uppercase')) !!}
                            @error('model_number')
                              <span class="error invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>
                      </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="form-group row">
                        <label>Description:<span class="form-compulsory"> * </span></label>
                        {!! Form::text('description', null, array('placeholder' => 'Product Description','class' => 'form-control form-control-sm', 'rows' => 1)) !!}
                        @error('description')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                      </div>
                    </div>

                    
                  </div>
                
                  <div class="col-xs-4 col-sm-4 col-md-4 Pimgwrap row">
                    <div class="col-xs-9 col-sm-9 col-md-9">
                      <div class="form-group">
                        <label for="image">Image:<span class="form-compulsory"> * </span></label>
                        <div class="custom-file">
                          <input type="file" class="custom-file-input @error('image') is-invalid @enderror" id="product_image" name="image">
                          <label class="custom-file-label" for="image"></label>
                          @error('image')
                              <div class="invalid-feedback">{{ $message }}</div>
                          @enderror
                        </div>
                      </div>
                    </div>

                    <div class="col-xs-3 col-sm-3 col-md-3">
                      <img class="responsive Pimg" src="{{asset('../storage/app/images/'.$product->product_image)}}" width="100" id="prod_img_preview">
                    </div>

                  </div>

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

                    <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group" id="product_code_section">
                          <label>Product Code:<span class="form-compulsory"> * </span></label>
                          {!! Form::text('product_code', null, array('placeholder' => 'Product Code','class' => 'form-control form-control-sm', 'disabled'=>'disabled' )) !!}
                          @error('product_code')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                    </div>

                    <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group">
                          <label>Product URL:<span class="form-compulsory"> * </span></label><br/>
                          {!! Form::text('url', null, array('placeholder' => 'Product URL','class' => 'form-control form-control-sm')) !!}
                          @error('url')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div> 
                    </div>

                    <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group">
                        <label>Purchase Link:<span class="form-compulsory"> * </span></label><br/>
                        {!! Form::text('purchase_link', null, array('placeholder' => 'Purchase Link','class' => 'form-control form-control-sm')) !!}
                        @error('purchase_link')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                      </div>  
                    </div>

                    

                  </div>
                


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

                  <div class="col-xs-1 col-sm-1 col-md-1">
                    <div class="form-group">
                      <label>Quantity:</label>
                      {!! Form::text('quantity', null, array('placeholder' => 'Quantity','class' => 'form-control form-control-sm')) !!}
                      @error('quantity')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                  <div class="col-xs-1 col-sm-1 col-md-1">
                    <div class="form-group">
                        <label>Measured:</label>
                        {!! Form::text('quantity_measured', null, array('placeholder' => 'Measured','class' => 'form-control form-control-sm')) !!}
                        @error('quantity_measured')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                  </div>
                  <div class="col-xs-2 col-sm-2 col-md-2">
                    <div class="form-group">
                        <label>Expiry Period:</label>
                        <div class="col-xs-12 col-sm-12 col-md-12 row">
                          <div class="col-xs-6 col-sm-6 col-md-6">
                            {!! Form::text('expiry_period', null, array('placeholder' => 'Expiry Period','class' => 'form-control form-control-sm')) !!}
                          </div>
                          <div class="col-xs-6 col-sm-6 col-md-6">
                            Months
                          </div>
                        </div>
                        @error('expiry_period')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                  </div>
                  

                  <div class="col-xs-2 col-sm-2 col-md-2">
                    <div class="form-group">
                      <label>Items per Packet:</label>
                      {!! Form::text('number_in_pack', null, array('placeholder' => 'Items per Packet','class' => 'form-control form-control-sm')) !!}
                      @error('number_in_pack')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                  <div class="col-xs-2 col-sm-2 col-md-2">
                    <div class="form-group">
                      <label>Packing Method:</label>
                      {!! Form::text('packing_method', null, array('placeholder' => 'Packing Method','class' => 'form-control form-control-sm')) !!}
                      @error('packing_method')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                

                  <div class="col-xs-4 col-sm-4 col-md-4">
                    <div class="form-group">
                      <label>Status:<span class="form-compulsory"> * </span></label><br/>
                      {!! Form::radio('status', '1','checked'); !!}
                      <label>Active&nbsp;</label>
                      {!! Form::radio('status', '0'); !!}
                      <label>Inactive</label>
                      
                      @error('status')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>

                  <input type="hidden" name="company" value="{{$product->company_id}}" class="form-control form-control-sm" id="company_id">
                  <input type="hidden" name="company_name" value="{{Session::get('company_name')}}" class="form-control form-control-sm" id="company_name">
                    
                    
                </div>
                  

                    <div class="col-xs-12 col-sm-12 col-md-12 marT10">
                      <h5><span>Categories</span></h5>
                    </div>

                    <div class="col-xs-6 col-sm-6 col-md-6 row">
                      <div class="col-xs-10 col-sm-10 col-md-10">
                        <div class="form-group" id="parent_category_html">
                          <label>Main Category:<span class="form-compulsory"> * </span></label>
                          <select id="category_id" name="category" class="form-control form-control-sm">
                            @foreach($categories as $category)
                              <option value="{{ $category->id }}" {{ (old('category') == $category->id || (!old('category') && $product->category_id == $category->id)) ? 'selected' : '' }}>{{ $category->category}}</option>
                            @endforeach
                          </select>
                          @error('category')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                      <div class="col-xs-2 col-sm-2 col-md-2 add-cat-btn">                   
                          <button type="button" class="btn btn-xs btn-flat main-cat-btn" data-bs-toggle="modal" data-bs-target="#addCatModal" data-company-id="{{$product->company_id}}" data-parent-id=0 data-cat-type="main"><i class="fa fa-plus" aria-hidden="true" title="Add category"></i></button>
                      </div>
                    </div>

                      <div class="col-xs-6 col-sm-6 col-md-6 row">
                        <div class="col-xs-12 col-sm-12 col-md-12 row" id="subcategory_html">
                          <div class="col-xs-10 col-sm-10 col-md-10">
                            <div class="form-group"> 
                              <!-- div with id subcategory_html can override with companySubcategoryList function in CategoriesController -->
                              <label>Subcategory:</label>
                              
                                <select id="subcategory_id" name="subcategory" class="form-control form-control-sm">
                                  <option value="0">-- Sub category not selected --</option>
                                  @if(count($subcategories)>0)
                                    @foreach($subcategories as $subcategory)
                                      <option value="{{ $subcategory->id }}" {{ (old('subcategory') == $subcategory->id || (!old('subcategory') && $product->subcategory_id == $subcategory->id)) ? 'selected' : '' }}>{{ $subcategory->category }}</option>
                                    @endforeach
                                  @endif
                                </select>
                              
                              @error('subcategory')
                                <span class="error invalid-feedback">{{ $message }}</span>
                              @enderror
                            </div>
                          </div>  
                          <div class="col-xs-2 col-sm-2 col-md-2 add-cat-btn">
                            <button type="button" class="btn btn-xs btn-flat sub-cat-btn" data-bs-toggle="modal" data-bs-target="#addCatModal" data-company-id="{{$product->company_id}}" data-parent-id="{{$product->category_id}}" data-cat-type="sub"><i class="fa fa-plus" aria-hidden="true" title="Add category"></i></button>
                          </div>

                        </div>
                      </div>
                      <!-- start of add category modal -->
                        <div class="modal fade" id="addCatModal" tabindex="-1" aria-labelledby="addCatModalLabel" aria-hidden="true">
          
                          <div class="modal-dialog">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="addCatModalLabel"><span>Add Category</span></h5>
                              </div>
                              <form method="POST" id="addCatForm" action="">
                                <div class="modal-body">
                                  <div class="form-group" id="new_category_section">
                                      <strong><label>New Category:<span class="form-compulsory"> * </span></label></strong>
                                      {!! Form::text('new_category', null, array('placeholder' => 'Category Name','class' => 'form-control form-control-sm','id'=>'new_category')) !!}
                                      @error('new_category')
                                        <span class="error invalid-feedback"> {{ $message }}</span>
                                      @enderror
                                      <span id="category_error"></span>
                                  </div>
                                </div>
                                <div class="modal-footer">
                                  <button type="button" class="btn btn-secondary modal-btn" data-dismiss="modal">Cancel</button>
                                  <input type="hidden" id="cat-type" value="">
                                  <!-- <a href='{{route("products.edit", $product->id)}}' id="add"> -->
                                    <button type="button" id="modal-cat-btn" class="btn btn-info text-right modal-btn modal-cat-btn" data-company-id="{{$product->company_id}}" data-parent-id="{{$product->category_id}}" data-cat-type="sub">Add</button>
                                  <!-- </a> -->
                                </div>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- end of add category modal -->
                 

                  <div class="col-xs-12 col-sm-12 col-md-12 marT10">
                    <h5><span>Brand Details</span></h5>
                  </div>
                  <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Brand Name:<span class="form-compulsory"> * </span></label>
                          {!! Form::text('brand_name', null, array('placeholder' => 'Brand Name','class' => 'form-control form-control-sm')) !!}
                          @error('brand_name')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                  </div>

                  <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <!-- <label>Brand Logo:</label>
                          <div class="input-group">
                            <div class="row col-xs-6 col-sm-6 col-md-6">
                              <div class="custom-file">
                                {!! Form::file('logo', array('placeholder' => 'Product Logo','class' => 'custom-file-input')) !!}
                                <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                              </div>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3">
                              <img class="responsive Pimg" src="{{asset('../storage/app/logos/'.$product->product_logo)}}" width="100">
                            </div> -->
                            @error('logo')
                              <!-- <span class="error invalid-feedback">{{ $message }}</span> -->
                            @enderror
                          <!-- </div> -->
                      </div>
                  </div>

                  <div class="col-xs-12 col-sm-12 col-md-12 marT10">
                    <h5><span>Label Generation</span></h5>
                  </div>

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

                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-12">
                        <div class="form-group">
                            <label>Product Label 1:</label>
                            <div class="input-group">
                            <div class="col-xs-12 col-sm-12 col-md-12 row">
                              <div class="custom-file">
                            {!! Form::file('product_label', array('placeholder' => 'Product Label 1','class' => 'custom-file-input', 'id' => 'product_label')) !!}
                            <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                            </div>
                            </div>
                              <!-- <div class="col-xs-3 col-sm-3 col-md-3">
                                  <img class="responsive" src="{{asset('../storage/app/product_label/'.$product->product_label)}}">
                              </div> -->
                            @error('product_label')
                              <span class="error invalid-feedback">{{ $message }}</span>
                            @enderror
                          </div>
                        </div>
                      </div>
                        <!-- <div class="col-md-4 col-sm-3">
                            <div class="form-group">
                                <label for="qrcodeSize">QR Code Size:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_size" id="qrcodeSize"  value="{{$product->qrcode_size}}" min="0" max="">
                            </div>
                          </div>
                          <div class="col-md-2 col-sm-3">
                            <div class="form-group">
                                <label for="overlayTop">Top:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_top" id="overlayTop" min="0" max="" value="{{$product->qrcode_top}}">
                            </div>
                          </div>
                          <div class="col-md-2 col-sm-3">
                            <div class="form-group">
                                <label for="overlayLeft">Left:</label>
                                <input type="number" 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-6 col-sm-6 col-md-6">
                      <div   class="col-md-12"> 
                        
                        <div   class="row"> 
                        <div class="col-md-4 col-sm-3">
                            <div class="form-group">
                                <label for="qrcodeSize">QR Code Size:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_size" id="qrcodeSize"  value="{{$product->qrcode_size}}" min="0" max="">
                            </div>
                          </div>
                          <div class="col-md-2 col-sm-3">
                            <div class="form-group">
                                <label for="overlayTop">Top:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_top" id="overlayTop" min="0" max="" value="{{$product->qrcode_top}}">
                            </div>
                          </div>
                          <div class="col-md-2 col-sm-3">
                            <div class="form-group">
                                <label for="overlayLeft">Left:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_left" id="overlayLeft" min="0" max="" value="{{$product->qrcode_left}}">
                            </div>
                          </div>
                        </div>

                        <label>Preview:</label>
                        <div id="wrapper">

                            <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" id="productLabel_ratio" value="{{$product->qrcode_ratio}}" name="productLabel_ratio"> 
                        </div>    
                      </div>
                    </div>
                  </div>

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

                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-12">
                        <div class="form-group">
                            <label>Product Label 2:</label>
                            <div class="input-group">
                            <div class="col-xs-12 col-sm-12 col-md-12 row">
                              <div class="custom-file">
                            {!! Form::file('product_label2', array('placeholder' => 'Product Label 2','class' => 'custom-file-input', 'id' => 'product_label2')) !!}
                            <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                            </div>
                            </div>

                            @error('product_label2')
                              <span class="error invalid-feedback">{{ $message }}</span>
                            @enderror
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div   class="col-md-12"> 
                        
                        <div   class="row"> 
                        <div class="col-md-4 col-sm-3">
                            <div class="form-group">
                                <label for="qrcodeSize2">QR Code Size:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_size2" id="qrcodeSize2"  value="{{$product->qrcode_size2}}" min="0" max="">
                            </div>
                          </div>
                          <div class="col-md-2 col-sm-3">
                            <div class="form-group">
                                <label for="overlayTop2">Top:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_top2" id="overlayTop2" min="0" max="" value="{{$product->qrcode_top2}}">
                            </div>
                          </div>
                          <div class="col-md-2 col-sm-3">
                            <div class="form-group">
                                <label for="overlayLeft2">Left:</label>
                                <input type="number" class="form-control form-control-sm" name="qrcode_left2" id="overlayLeft2" min="0" max="" value="{{$product->qrcode_left2}}">
                            </div>
                          </div>
                        </div>

                        <label>Preview:</label>
                        <div id="wrapper2">

                            <img id="overlayImage2" src="http://121.244.192.3:8401/storage/app/qr_code/qr2.png" alt="overlay image 2"> <!--Overlay QRcode comes here-->
                            <img id="productLabel2" src="{{asset('../storage/app/product_label2/'.$product->product_label2)}}" alt="product label 2"> <!--Uploaded  Image comes here-->

                            <input type="hidden" id="productLabel_ratio2" value="{{$product->qrcode_ratio2}}" name="productLabel_ratio2"> 
                        </div>    
                      </div>
                    </div>
                  </div>

                  <div class="col-xs-12 col-sm-12 col-md-12 mar-t5 marT10">
                  <h5><span>Authentication Details</span></h5>
                </div>

                <div class="col-xs-6 col-sm-6 col-md-6">
                  <div class="form-group">
                      <label>Product Name:</label>
                      {!! Form::text('auth_prod_name', null, array('placeholder' => 'Product Name','class' => 'form-control form-control-sm', 'id' => 'auth_prod_name')) !!}
                      @error('auth_prod_name')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                  </div>
                </div>

                <div class="col-xs-6 col-sm-6 col-md-6">
                  <div class="form-group">
                      <label>Authenticated By:</label>
                      {!! Form::text('auth_done_by', null, array('placeholder' => 'Authenticated By','class' => 'form-control form-control-sm', 'id' => 'auth_done_by')) !!}
                      @error('auth_done_by')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                  </div>
                </div>

                  {!! Form::model($warranty_details, ['method' => 'PATCH','route' => ['products.update', $product->id],'files'=> true]) !!}

                  {!! Form::close() !!}

                  <div class="col-xs-12 col-sm-12 col-md-12 marT10">
                    <h5><span>Warranty Details</span></h5>
                  </div>
                  <div class="col-xs-12 col-sm-12 col-md-12 row">
                    <div class="col-xs-3 col-sm-3 col-md-3">
                        <div class="form-group">
                            <label>Promotion:</label>
                            <select class="form-control form-control-sm" name="promotion_status" id="promotion">
                              <option value="No" {{ (old('promotion_status') == 'No' || (!old('promotion_status') && $warranty_details->promotion_status == 'No')) ? 'selected' : '' }} >No</option>
                              <option value="Yes" {{ (old('promotion_status') == 'Yes' || (!old('promotion_status') && $warranty_details->promotion_status == 'Yes')) ? 'selected' : '' }}>Yes</option>
                            </select>
                            @error('promotion_status')
                              <span class="error invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="row">
                        
                          <div class="col-xs-6 col-sm-6 col-md-6">
                              <div class="form-group">
                                  <label>Warranty:</label>
                                  <select class="form-control form-control-sm" name="waranty_status" id="warranty">
                                      <option value="No" {{ (old('waranty_status') == 'No' || (!old('waranty_status') && $warranty_details->waranty_status == 'No')) ? 'selected' : '' }} >No</option>
                                      <option value="Yes" {{ (old('waranty_status') == 'Yes' || (!old('waranty_status') && $warranty_details->waranty_status == 'Yes')) ? 'selected' : '' }}>Yes</option>
                                  </select>
                                  @error('waranty_status')
                                    <span class="error invalid-feedback">{{ $message }}</span>
                                  @enderror
                              </div>
                          </div>
                          
                        </div>
                      </div>



                      <div id="warranty_sub" class="col-xs-6 col-sm-6 col-md-6">
                        <div class="row">
                        

                            <div class="col-xs-12 col-sm-12 col-md-12">
                                <div class="form-group">
                                <input name="warranty_type" type="radio" value="1" {{ ($warranty_details->warranty_type=="1")? "checked" : "" }}>
                                <label>Service&nbsp;</label>
                                <input name="warranty_type" type="radio" value="2" {{ ($warranty_details->warranty_type=="2")? "checked" : "" }}>
                                <label>Replacement</label>
                                
                                @error('warranty_type')
                                  <span class="error invalid-feedback">{{ $message }}</span>
                                @enderror
                              </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12">
                              <div id="service_type">
                                <div class="form-group">
                                  <label>Full Product:</label>
                                  <select class="form-control form-control-sm" name="full_product" id="full_product">
                                    <option value="No" {{ (old('full_product') == 'No' || (!old('full_product') && $warranty_details->full_product == 'No')) ? 'selected' : '' }}>No</option>
                                    <option value="Yes" {{ (old('full_product') == 'Yes' || (!old('full_product') && $warranty_details->full_product == 'Yes')) ? 'selected' : '' }}>Yes</option>
                                  </select>
                                  @error('full_product')
                                    <span class="error invalid-feedback">{{ $message }}</span>
                                  @enderror
                                </div>
                                <div class="col-xs-12 col-sm-12 col-md-12" id="full_service">
                                <div class="form-group row">
                                  <label>Warranty Period:</label>
                                  <div class="warranty_duration">
                                  
                                    <input type="text" id="s_warranty_count" name="s_warranty_count" value="{{$warranty_details->s_warranty_count}}" placeholder="Warranty Period" class="form-control form-control-sm">
                                  
                                    <select class="form-control form-control-sm" name="s_warranty_duration" id="s_warranty_duration">
                                      <option value="month(s)" {{ (old('s_warranty_duration') == 'month(s)' || (!old('s_warranty_duration') && $warranty_details->s_warranty_duration == 'month(s)')) ? 'selected' : '' }}>month(s)</option>
                                      
                                    </select>
                                  </div>
                                  @error('s_warranty_count')
                                      <span class="error invalid-feedback">{{ $message }}</span>
                                  @enderror
                                  <span id="s_warranty_count_error"></span>
                                </div>
                                
                              </div>

                            </div>
                          

                          <!-- <div class="col-xs-6 col-sm-6 col-md-6"> -->
                              <!-- <div class="form-group">
                                  <label>Replacement:</label>
                                  <select class="form-control form-control-sm" name="replacement_status" id="replacement">
                                    <option value="No" {{ (old('replacement_status') == 'No' || (!old('replacement_status') && $warranty_details->replacement_status == 'No')) ? 'selected' : '' }} >No</option>
                                    <option value="Yes" {{ (old('replacement_status') == 'Yes' || (!old('replacement_status') && $warranty_details->replacement_status == 'Yes')) ? 'selected' : '' }}>Yes</option>
                                  </select>
                                  @error('replacement_status')
                                    <span class="error invalid-feedback">{{ $message }}</span>
                                  @enderror
                              </div> -->
                              <div class="col-xs-12 col-sm-12 col-md-12 row" id="replacement_warranty">
                                <div class="form-group">
                                  <label>Warranty Period:</label>
                                  <div class="warranty_duration">
                                  <input type="text" id="r_warranty_count" name="r_warranty_count" value="{{$warranty_details->r_warranty_count}}" placeholder="Warranty Period" class="form-control form-control-sm">
                                  
                                    <select class="form-control form-control-sm" name="r_warranty_duration" id="r_warranty_duration">
                                      <option value="month(s)" {{ (old('r_warranty_duration') == 'month(s)' || (!old('r_warranty_duration') && $warranty_details->r_warranty_duration == 'month(s)')) ? 'selected' : '' }}>month(s)</option>
                                      
                                    </select>
                                  </div>
                                  @error('r_warranty_count')
                                    <span class="error invalid-feedback">{{ $message }}</span>
                                  @enderror
                                </div>
                              </div>
                          <!-- </div> -->
                        </div>
                        
                      </div>
                    </div>
                   
                      <!-- row ends -->
                      <div class="col-xs-12 col-sm-12 col-md-12" id="part_service">
                        <div class="row">
                          <div class="col-sm-6 col-md-6 col-xs-6">
                            <label>Part Name:<span class="form-compulsory"> * </span></label>
                          </div>
                          <div class="col-sm-5 col-md-5 col-xs-5">
                            <label>Warranty Period:<span class="form-compulsory"> * </span></label>
                          </div>
                        </div>
                        <div class="card-body input_fields_wrap">

                          @php $x     = 1; @endphp
                          @if($product->partWarranty)
                            @foreach($product->partWarranty as $parts)
                              <div class="row">
                                <div class="col-xs-6 col-sm-6 col-md-6">
                                    <div class="form-group">
                                      <input placeholder="Part Name" class="form-control form-control-sm part-name" name="part_name[]" id="part_name{{$x}}" name="part_name[]" type="text" autocomplete="off" value="{{$parts->part_name}}" >
                                    </div>
                                </div>
                                <div class="col-xs-5 col-sm-5 col-md-5">
                                  <div class="form-group">
                                    <input placeholder="Warranty Period" class="form-control form-control-sm s-warranty-period" id="prid{{$x}}" name="part_warranty[]" value="{{$parts->part_warranty_count}}" type="number" min="1">
                                  </div>
                                </div>
                                <div class="col-xs-1 col-sm-1 col-md-1 text-left"> 
                                  <div class="form-group remove_field"> 
                                    <i class="fa fa-minus fa-1x" aria-hidden="true"></i>
                                  </div>
                                </div>
                              </div>

                            @php $x++; @endphp
                            @endforeach
                          @endif
                          <div class="row " >
                              <div class="col-xs-6 col-sm-6 col-md-6">
                                  <div class="form-group">
                                      
                                      {!! Form::text('part_name[]', null, array('placeholder' => 'Part Name','class' => 'form-control form-control-sm part-name', 'id' => 'tags_create')) !!}
                                      @error('part_name.*')
                                        <span class="error invalid-feedback">{{ 'Part Name is Required' }}</span>
                                      @enderror
                                      <span id="tags_create_error"></span>
                                  </div>
                              </div>
                              <div class="col-xs-5 col-sm-5 col-md-5">
                                  <div class="form-group">
                                    <div class="warranty_duration">
                                      {!! Form::number('part_warranty[]', 1, array('placeholder' => 'Warranty Period','class' => 'form-control form-control-sm s-warranty-period', 'id' => 'part_warranty', 'min'=>"1")) !!}
                                      
                                      <select name="part_warranty_duration[]" class="form-control form-control-sm" id="s_warranty_duration">
                                        <option>month(s)</option>
                                        
                                      </select>
                                    </div>
                                    @error('part_warranty')
                                        <span class="error invalid-feedback">{{ $message }}</span>
                                    @enderror
                                    @error('part_warranty.*')
                                        <span class="error invalid-feedback">{{ 'Warranty is Required' }}</span>
                                    @enderror
                                    <span id="warranty_count_error"></span>
                                  </div>
                              </div>
                              <div class="col-xs-1 col-sm-1 col-md-1 text-left">
                                  <div class="form-group  add_field_button">
                                      <i class="fa fa-plus" aria-hidden="true"></i>
                                  </div>
                              </div>
                          </div>
                        </div>
                      </div>
                    </div>
                     <!-- Authentication Preview starts -->
                     <div class="col-sm-3 col-md-3 col-xs-3">
                      @include('template.authentication')
                    </div>
                    <!-- Authentication Preview ends -->
                  </div>
                  <!-- <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Status:<span class="form-compulsory"> * </span></label><br/>
                          <label>Active:<span class="form-compulsory"> * </span></label>
                          {!! Form::radio('status', '1'); !!}
                          <label>Inactive:<span class="form-compulsory"> * </span></label>
                          {!! Form::radio('status', '0'); !!}
                          
                      </div>
                  </div> -->
                                   
                    <!-- <div class="col-xs-6 col-sm-6 col-md-6">

                        <div class="form-group">
                            <label>QR Code:<span class="form-compulsory"> * </span></label><br/>
                            {!! QrCode::size(100)->generate(url('/product-details/'.$product->product_code)); !!}
                        </div>
                    </div> -->
                    
                    
                  <div class="col-xs-12 col-sm-12 col-md-12 text-right">
                      <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
              </div>
            {!! Form::close() !!}
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
    <input type="hidden" id="product_id" value="{{$product->id}}" >
  </section>
<!-- /.content -->

<script type="text/javascript" language="javascript" src="{{asset('js/products/labelPreview.js')}}"></script>
<script type="text/javascript" language="javascript" src="{{asset('js/products/warranty.js')}}"></script>
<!-- <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> -->
<!-- <script type="text/javascript" language="javascript" src="{{asset('js/users/index.js')}}"></script> -->
<script type="text/javascript" language="javascript" src="{{asset('js/products/validation_edit.js')}}"></script> 
<script type="text/javascript" language="javascript" src="{{asset('js/categories/validation.js')}}"></script> 
<script type="text/javascript" language="javascript" src="{{asset('js/products/categories.js')}}"></script>
    
@endsection