@extends('layout.master')
@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/select2.css') }}">

<style>

</style>
@endsection
@section('main_content')
<div class="container-fluid">
    <div class="page-title0">
        
    </div>
  </div>
  <!-- Container-fluid starts-->
  <div class="container-fluid">
    <div class="edit-profile">
      <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"><i data-feather="home"></i></a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item active"> Edit Product Detail</li>
                    </ol>
                    <div class="row">
                        <div class="col-sm-6">
                            <h3>Edit Product Detail</h3>
                        </div>
                        <div class="col-sm-6" style="text-align:right;">
                            @if(auth()->user()->can('products.index'))
                                <a href="{{route('products.index')}}" class="btn btn-primary"> Back</a>
                            @endif
                        </div>
                    </div>
                </div>
                <hr>
                <div class="card-body">
                    
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="stepwizard">
                                <div class="stepwizard-row setup-panel">
                                    <div class="stepwizard-step"><a class="btn btn-light" href="#step-1" data-bs-original-title="" title="">1</a>
                                        <p>Step 1</p>
                                    </div>
                                    <div class="stepwizard-step"><a class="btn-light btn btn-primary" href="#step-2" data-bs-original-title="" title="">2</a>
                                        <p>Step 2</p>
                                    </div>
                                </div>
                            </div>

                            <form method="POST" action="{{ route('products.update', $prouct_id) }}" class="ajaxformfileupload" enctype="multipart/form-data"> 
                                @method('patch')
                                @csrf
                                <input type="hidden" name="product_id" value="{{$prouct_id}}"  autocomplete="off" />
                                <div class="row">
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Product Name:<span class="red">*</span></label>
                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="Name" name="product_name" style="color:gray" class="form-control" value="{{(!empty($productdata['product_name']))?$productdata['product_name']: '' }}" required />
                                            <div class="text-center text-danger pt-3" style="display: none;" id="Product-product_name"></div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Product Code:<span class="red">*</span></label>
                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="Product Code"  name="product_code" id="product_code" style="color:gray" class="form-control" value="{{(!empty($productdata['product_code']))?$productdata['product_code']: '' }}" required />
                                            <div class="text-center text-danger pt-3" style="display: none;" id="Product-product_code"></div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="control-label">Product Size:<span class="red">*</span></label>
                                        
                                        <div class="mb-1 float-left">
                                            <select class="form-control select2" name="size" id="select-size"  required>
                                                <option value="">Select</option>
                                                @foreach($Sizes as $key=>$value)
                                                    <option @if(isset($productdata['size']) && $productdata['size']==$value->id) selected @endif value="{{$value->id}}">{{$value->size}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="control-label">Package Type:<span class="red">*</span></label>
                                        
                                        <div class="mb-1 float-left">
                                            <select class="form-control select2" name="package_type" id="package_type"  required>
                                                <option value="">Select</option>
                                                @foreach($PackageType as $key=>$value)
                                                    <option @if(isset($productdata['package_type']) && $productdata['package_type']==$value->id) selected @endif value="{{$value->id}}">{{$value->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="control-label">Shipping Mode:<span class="red">*</span></label>
                                        
                                        <div class="mb-1 float-left">
                                            <select class="form-control" name="shipping_mode" id="shipping_mode"  required>
                                                <option value="">Select</option>
                                                <option @if(isset($productdata['shipping_mode']) && $productdata['shipping_mode']=='AIR') selected @endif value="AIR">AIR</option>
                                                <option @if(isset($productdata['shipping_mode']) && $productdata['shipping_mode']=='SURFACE') selected @endif value="SURFACE">SURFACE</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="control-label">Sku Code:<span class="red">*</span></label>
                                        
                                        <div class="mb-1 float-left">
                                            <input type="text" class="form-control" name="sku_code" id="sku_code" placeholder="Sku Code" value="{{ $productdata['sku_code'] ?? '' }}" required>
                                        </div>
                                    </div>
                                    <div class="col-md-12" style="display:none;">
                                        <div class="size-table">
                                            <table class="table table-bordered" id="product-attribute" style="display:none;">
                                                <thead>
                                                    <tr>
                                                        <th>Size</th>
                                                        <th>Inventory</th>
                                                        <th>SKU ID</th>
                                                        <th>Price</th>
                                                        @foreach($CategorySizeFields as $SizeKey=>$SizeValue)
                                                            @if(isset($SizeValue->single_data->name) && $SizeValue->single_data->name!='')
                                                                <th style="width: 25%;text-align:center;">{{$SizeValue->single_data->name}}</th>
                                                            @endif
                                                        @endforeach
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody class="size-attributes">
                                                    <tr>
                                                        <td>XL</td>
                                                        <td>
                                                            <input type="number" min="0" name="inventory[]" class="form-control">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="sku_id[]" class="form-control">
                                                        </td>
                                                        <td>
                                                            <input type="number" min="0" name="price[]" class="form-control">
                                                        </td>
                                                        @foreach($CategorySizeFields as $SizeKey=>$SizeValue)
                                                            @if(isset($SizeValue->single_data->required) && $SizeValue->single_data->required=='1')
                                                                @php
                                                                    $Required = 'required';
                                                                @endphp
                                                            @else
                                                                @php
                                                                    $Required = '';
                                                                @endphp
                                                            @endif
                                                            @if(isset($SizeValue->single_data->name) && $SizeValue->single_data->name!='')
                                                                <td>
                                                                    @if(isset($SizeValue->single_data->type) && $SizeValue->single_data->type=='select')
                                                                        <select name="atr[{{$SizeValue->single_data->id}}]" id="atr_{{$SizeValue->single_data->id}}" class="form-control" {{$Required}}>
                                                                            <option value="">Select</option>
                                                                            @foreach($SizeValue->single_data->field_option as $DtKey=>$DtValue)
                                                                                <option value="{{$DtValue->value}}">{{$DtValue->value}}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    @endif
                                                                </td>
                                                            @endif
                                                        @endforeach 
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    @include('admin.products.option-field') 
                                    <h4 class="card-title pb-2 mb-4 w-100" style="border-bottom:1px solid #ddd;">Price & Tax</h4>

                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">MRP:<span class="red">*</span></label>
                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="MRP" name="mrp" id="mrp" style="color:gray" class="form-control" value="{{ $productdata['mrp'] ?? '' }}" required />
                                            <div class="text-center text-danger pt-3" style="display: none;" id="Product-mrp"></div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Product Discount: </label>
                                        <div class="input-group">
                                            <input autocomplete="off" type="number" placeholder="Product Discount" name="discount" id="discount" style="color:gray" class="form-control" value="{{ $productdata['discount'] ?? '' }}" data-bts-postfix="%" required min="0" />
                                            <span class="input-group-addon bootstrap-touchspin-postfix input-group-append"><span class="input-group-text">%</span></span>
                                        
                                        </div>
                                        <div class="text-center text-danger pt-3" style="display: none;" id="Product-discount"></div>
                                            <!-- <p style="margin-top: 8px;">%</p> -->
                                    </div>

                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Selling Price:<span class="red">*</span></label>
                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="Selling Price" name="price" id="price" style="color:gray" class="form-control" value="{{ $productdata['price'] ?? '' }}" required readonly />
                                            <div class="text-center text-danger pt-3" style="display: none;" id="Product-price"></div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Product GST:</label>
                                        <div class="mb-1">
                                            <select class="form-control select2" name="product_gst">
                                                <option value="" selected="">Select</option>
                                                @foreach($CategoryGst as $GstKey=>$GstValue)
                                                    <option value="{{$GstValue->gst_value}}" @if(!empty($productdata['product_gst']) && $productdata['product_gst']==$GstValue->gst_value) selected @endif>{{$GstValue->gst_value}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">HSN Code:</label>
                                        <div class="mb-1">
                                            <select class="form-control select2" name="hsn_code" id="hsn_code">
                                                <option value="" selected="">Select</option>
                                                @foreach($CategoryHsn as $GstKey=>$GstValue)
                                                    <option value="{{$GstValue->hsn_code}}" @if(!empty($productdata['hsn_code']) && $productdata['hsn_code']==$GstValue->hsn_code) selected @endif>{{$GstValue->hsn_code}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Group Code:</label>
                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="Group Code" name="group_code" style="color:gray" class="form-control" value="{{(!empty($productdata['group_code']))?$productdata['group_code']: '' }}"/>
                                            <div class="text-center text-danger pt-3" style="display: none;" id="Product-group_code"></div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label mb-1">Country Of Origin:</label>
                                        <div class="mb-1">
                                            <select class="form-control select2" name="country">
                                                <option value="" selected="">Select</option>
                                                @foreach($Countries as $Key=>$Value)
                                                    <option @if(!empty($productdata['country']) && $productdata['country']==$Value->name) selected @endif value="{{$Value->name}}">{{$Value->name}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-md-6">
                                        <label class="control-label mb-1">Product Sort:</label>
                                        <div class="mb-1">
                                            <input autocomplete="off" type="number" min="0" placeholder="Product Sort" name=" product_sort" style="color:gray" class="form-control" value="{{ $productdata['product_sort'] ?? '' }}"/>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6" style="display:none;">
                                        <label class="control-label">Manufacturer Details:</label>

                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="Manufacturer Details" name="manufacturer_details" id="manufacturer_details" style="color:gray" class="form-control" value="{{(!empty($productdata['manufacturer_details']))?$productdata['manufacturer_details']: '' }}"/>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6" style="display:none;">
                                        <label class="control-label">Packer Details:</label>

                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="Packer Details" name="packer_details" id="packer_details" style="color:gray" class="form-control" value="{{(!empty($productdata['packer_details']))?$productdata['packer_details']: '' }}"/>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6" style="display:none;">
                                        <label class="control-label">Shipment Height:</label>
                                        @if(isset($productdata['height']) && $productdata['height']!='')
                                            @php $Height = $productdata['height']; @endphp
                                        @else
                                            @if(isset($CategoryDetail->shipment_height) && $CategoryDetail->shipment_height!='')
                                                @php $Height = $CategoryDetail->shipment_height; @endphp
                                            @else 
                                                @php $Height = ''; @endphp
                                            @endif    
                                        @endif
                                        <div class="mb-1">
                                            <input autocomplete="off" type="number" placeholder="Shipment Height" name="shipment_height" id="shipment_height" style="color:gray" class="form-control" value="{{$Height}}"  />
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Last Purchase Price:</label>
                                        
                                        <div class="mb-1">
                                            <input autocomplete="off" type="number" placeholder="Last Purchase Price" name="last_purchase_price" min="0" id="last_purchase_price" style="color:gray" class="form-control" value="{{ $productdata['last_purchase_price'] ?? '' }}"  />
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Accounting Alias:</label>
                                        
                                        <div class="mb-1">
                                            <input autocomplete="off" type="number" placeholder="Accounting Alias" name="accounting_alias" min="0" id="accounting_alias" style="color:gray" class="form-control" value="{{ $productdata['accounting_alias'] ?? '' }}"  />
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Critical Threshold:</label>
                                        
                                        <div class="mb-1">
                                            <input autocomplete="off" type="number" placeholder="Critical Threshold" name="critical_threshold" min="0" id="critical_threshold" style="color:gray" class="form-control" value="{{ $productdata['critical_threshold'] ?? '' }}"  />
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Unit:</label>
                                        
                                        <div class="mb-1">
                                            <select name="unit" id="unit"  class="form-control select2" required>
                                                <option value="">Select unit</value>
                                                @foreach($Unit as $key=>$value)
                                                    <option @if(!empty($productdata['unit']) && $productdata['unit']==$value->id) selected @endif value="{{$value->id}}">{{$value->unit}}</value>    
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">UPC Code:</label>
                                        
                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="UPC Code" name="upc_code" min="0" id="upc_code" style="color:gray" class="form-control" value="{{ $productdata['upc_code'] ?? '' }}"  />
                                        </div>
                                    </div>



                                    <div class="form-group col-md-6 col-6" style="display:none;">
                                        <label class="control-label">Shipment Length:</label>
                                        @if(isset($productdata['length']) && $productdata['length']!='')
                                            @php $Length = $productdata['length']; @endphp
                                        @else
                                            @if(isset($CategoryDetail->shipment_length) && $CategoryDetail->shipment_length!='')
                                                @php $Length = $CategoryDetail->shipment_length; @endphp
                                            @else
                                                @php $Length = '0'; @endphp
                                            @endif
                                        @endif
                                        <div class="mb-1" style="display:none;">
                                            <input autocomplete="off" type="number" placeholder="Shipment Length" name="shipment_length" id="shipment_length" style="color:gray" class="form-control" value="{{$Length}}"  />
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6 col-6">
                                        <label class="control-label">Weight:</label>
                                        @if(isset($productdata['weight']) && $productdata['weight']!='')
                                            @php $Weight = $productdata['weight']; @endphp
                                        @else
                                            
                                            @if(isset($CategoryDetail->shipment_weight) && $CategoryDetail->shipment_weight!='')
                                                @php $Weight = $CategoryDetail->shipment_weight; @endphp
                                            @else
                                                @php $Weight = '0'; @endphp
                                            @endif
                                        @endif
                                        <div class="mb-1">
                                            <input autocomplete="off" type="number" placeholder="Weight" name="weight" id="shipment_weight" style="color:gray" class="form-control" value="{{$Weight}}"  />
                                        </div>
                                    </div>
                                    <h4 class="card-title pb-2 mb-4 w-100" style="border-bottom:1px solid #ddd;">Other Attributes</h4>
                                    @include('admin.products.other-option-field')
                                    <div class="clearfix"></div>

                                     
                                    
                                    <div class="form-group col-md-6">
                                        
                                        <label class="control-label mb-1">Image Url:</label>
                                        <div class="mb-1">
                                            <input type="text" class="form-control" id="imgupload0" name="image_url" placeholder="Image Url" value="{{ $productdata['image_url'] ?? '' }}" />
                                        </div>
                                    </div>
                                    <!-- <h4 class="card-title pb-2 mb-4 w-100" style="border-bottom:1px solid #ddd;">Product Other Detail</h4>
                                    <div class="form-group col-md-12">
                                        <label class="control-label">Product Alt:</label>
                                        <input autocomplete="off" type="text" placeholder="Product Alt" name=" product_alt" style="color:gray" class="form-control" value=""/>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="form-group col-md-12">
                                        <label class="control-label mb-1 mt-1">Short Description :</label>
                                        <textarea rows="5" placeholder="Short Description..." name="short_description" style="color:gray" class="form-control"></textarea>
                                        <div class="text-center text-danger pt-3" style="display: none;" id="Product-product_description"></div>
                                    </div> 
                                    <div class="form-group col-md-12">
                                        <label class="control-label">Description :</label>
                                        <textarea rows="5" placeholder="Description..." name="product_description" style="color:gray" class="form-control"></textarea>
                                        <div class="text-center text-danger pt-3" style="display: none;" id="Product-product_description"></div>
                                    </div> 
                                    <div class="clearfix"></div>
                                    <div class="form-group col-md-12">
                                        <label class="control-label">Material & Care :</label>
                                        <textarea rows="5" placeholder="Material & Care" name="material_care" style="color:gray" class="form-control"></textarea>
                                    </div> 
                                    <div class="clearfix"></div>
                                    <div class="form-group col-md-12">
                                        <label class="control-label">YouTube Embedded Link:</label>
                                        <textarea rows="5" placeholder="YouTube Embedded Link" name="video_url" style="color:gray" class="form-control"></textarea>
                                    </div> 
                                    <div class="clearfix"></div> 
                                    <div class="form-group col-md-12 mt-1">
                                        <label class="control-label mb-1">Meta Title:</label>
                                        <div class="mb-1">
                                            <input autocomplete="off" type="text" placeholder="Meta Title" name="meta_title" id="meta_title" style="color:gray" class="form-control" value="{{(!empty($productdata['meta_title']))?$productdata['meta_title']: '' }}"/>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group col-md-12">
                                        <label class="control-label mb-1 mt-1">Meta Keywords:</label>
                                        <textarea rows="5" placeholder="Meta Keywords" name="meta_keywords" style="color:gray" class="form-control">{{ $productdata['meta_keywords'] ?? '' }}</textarea>
                                    </div> 
                                    
                                    <div class="form-group col-md-12">
                                        <label class="control-label mb-1 mt-1">Meta Description:</label>
                                        <textarea rows="5" placeholder="Meta Keywords" name="meta_description" style="color:gray" class="form-control">{{ $productdata['meta_description'] ?? '' }}</textarea>
                                    </div> 
                                </div> 
                                <div class="form-check  mt-1">
                                    <input class="form-check-input is_new_arrivals_product" type="checkbox" name="is_new_arrivals" value="1" id="check1">
                                    <label class="form-check-label" for="check1">
                                        New Arrivals
                                    </label>
                                </div> -->
                                <div class="mt-1">
                                    <button  id="ProductSubmitBtn" class="btn btn-primary waves-effect waves-light" type="submit">Update Product</button>
                                </div>
                            </form>
            
                        </div> <!-- end col -->
                        <!-- <div class="col-md-4 col-12">
                            <div class="w-100 catelog-image-upload">
                                <div class="card">
                                    
                                    <div class="card-body" style="background-color: #fff;">
                                        <div class="image-rigth text-center">
                                            <div class="alert alert-warning p-2">
                                                <i class="fa fa-exclamation-circle mr-2"></i>Follow guidelines to reduce quality check failure
                                            </div>
                                            <div class="general-guidelines text-left">
                                                <h6 class="text-left mt-2">General Guidelines</h6>
                                                <ul class="pl-3 mt-3" style="list-style: auto;">
                                                    <li class="mb-2">You can add minimum 1 and maximum 9 products to create a catalog</li>
                                                    <li class="mb-2">Upload the products from the same category that you have chosen.</li>
                                                </ul>
                                                <div class="w-100" style="height:25px;">
                                                    <h6 class="text-left float-left mt-2">Image Guidelines</h6>
                                                    <a href="javascript:void(0)" class="text-right float-right"  style="line-height: 33px;color: #3C29B7;"  data-toggle="modal" data-target="#myModal">View Full Image Guidelines</a>
                                                </div>
                                                <ul class="pl-3 mt-2" style="list-style: auto;clear: both;">
                                                    <li class="mb-2">Images with text/Watermark are not acceptable in primary images.</li>
                                                    <li class="mb-2">Product image should not have any text</li>
                                                    <li class="mb-2">Please add solo product image without any props.</li>
                                                </ul>
                                                <div class="images-section">
                                                    <div class="images-show">
                                                        @foreach($ProductImages as $ImgKey=>$ImgVal)
                                                            <div class="css-8d93jh mb-1">
                                                                <img src="{{asset($ImgVal->small)}}" class="css-v2kfba">
                                                               
                                                                <div class="remove-image">
                                                                    <a href="javascript:void(0)" class="remove-image-btn" data-id="{{$ImgVal->id}}">
                                                                        <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000" data-testid="delete-image" class="css-2ju0wl"><circle cx="10" cy="10" r="7" fill="#fff"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M10 17.5a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM7.525 6.641a.625.625 0 10-.884.884L9.116 10l-2.475 2.475a.625.625 0 00.884.884L10 10.884l2.475 2.475a.625.625 0 10.884-.884L10.884 10l2.475-2.475a.625.625 0 10-.884-.884L10 9.116 7.525 6.641z" fill="#272829"></path></svg>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                    <form method="POST" action="{{route('products.upload-catelog-image')}}" class="uploadImage" enctype="multipart/form-data">
                                                        @csrf
                                                        <input type="hidden" name="product_id" value="{{$prouct_id}}">
                                                        <input type="file" id="imgupload" name="images[]" style="display:none" multiple /> 
                                                        <button class="css-1hs0f8l mx-auto" id="OpenImgUpload" type="button">
                                                            <i class="fa fa-plus mb-2"></i>
                                                            <span class="MuiTypography-root MuiTypography-button css-i7eebi" hovercolor="#30228A">&nbsp;Add Images</span><span class="MuiTouchRipple-root css-w0pj6f"></span>
                                                        </button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>   
  <div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
            <div class="modal-header">
                <h4>Image Guidelines</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <h5>Image format</h5>
                <ul class="pl-4">
                    <li>We only accept .JPEG images. Any other format is not accepted.</li>
                    <li>We accept Images only in RGB color space . We don’t accept images in CMYK or any other color space.</li>
                </ul>
                <h5 class="mt-3">Following Images will be rejected</h5>
                <ul class="pl-4">
                    <li>Graphic/ Inverted/ Pixelated image are not accepted.</li>
                    <li>Images with text/Watermark are not acceptable in primary images.</li>
                    <li>Blur images and clutter images are not accepted.</li>
                    <li>Images should not contain price/brand logo for the product.</li>
                    <li>Product images must not be shrunk, elongated or stretched.</li>
                    <li>Partial product image is not allowed.</li>
                    <li>Partial product image is not allowed.</li>
                </ul>
                <h5 class="mt-3">Image standards</h5>
                <ul class="pl-4">
                    <li>Solo product image without any props.</li>
                    <li>Product image should not have any text.</li>
                </ul>
            </div>
            </div>

        </div>
    </div>
@endsection
@section('scripts')
<script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
<script src="{{ asset('assets/js/select2/select2-custom.js') }}"></script> 

<script>
$(document).ready(function() {
    $(".select2").select2();
});
</script>

<script>
    

    $(document).ready(function(){
      

        var rowid = 1;
        jQuery("#addrow").click(function() {        
            var row = jQuery('.samplerow tr').clone(true);
            row.appendTo('#dynamicTable1');        
        });
        $('.remove').on("click", function() {
            $(this).parents("tr").remove();
        });

        var ShipmentHeight = [];
        var ShipmentWidth = [];
        var ShipmentLength = [];
        var ShipmentWeight = [];
        $('.MultipleSelect option').mousedown(function(e) {
            e.preventDefault();
            $('#addEditProduct').formValidation('revalidateField', 'cats[]');
            var originalScrollTop = $(this).parent().scrollTop();
            
            $(this).prop('selected', $(this).prop('selected') ? false : true);
            console.log($(this).data('height'));
            //shipment data
            ShipmentHeight.push( $(this).data('height') );
            ShipmentWidth.push( $(this).data('height') );
            ShipmentLength.push( $(this).data('length') );
            ShipmentWeight.push( $(this).data('weight') );
            //
            $('#shipment_height').val(Math.max.apply(Math,ShipmentHeight));
            $('#shipment_width').val(Math.max.apply(Math,ShipmentWidth));
            $('#shipment_length').val(Math.max.apply(Math,ShipmentLength));
            $('#shipment_weight').val(Math.max.apply(Math,ShipmentWeight));
            //
            var self = this;
            $(this).parent().focus();
            setTimeout(function() {
                $(self).parent().scrollTop(originalScrollTop);
            }, 0);
            
            return false;
        });

        
        
        //
        $('body').on('click','.DeleteRow',function(){
            //alert($(this).parent().parent().find('.attr_name').find('input').val());
            //$(this).parent().parent().find('.attr_name').find('input').val();
            $("#select-size option[value='"+$(this).parent().parent().find('.attr_name').find('input').val()+"']").prop("selected", false);
            $(this).parent().parent().remove();
            //
            $(".select2").select2({
                closeOnSelect : false,
                placeholder : "Select Size",
                allowHtml: true,
                allowClear: true,
                tags: false, // создает новые опции на лету

            });
        })

            
        $(document).on('click','#OpenImgUpload',function(){
            $('#imgupload').trigger('click');
        });
        $("#imgupload").change(function(event){
            //readURL(this);
            $(".uploadImage").submit();
        });

        $("body").on("submit",".uploadImage", function(event){
            event.preventDefault();
            
            // alert(11);
            var formdata   = $(this);
            var dataValue  = new FormData(this);//new FormData(formdata[0]);
            var UrlValue   = $(this).attr('action');

            //alert(dataValue);
            $.ajax({
                url     : UrlValue,
                method  : 'post',
                data    :dataValue,
                headers:
                {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                processData: false,
                contentType: false,
                beforeSend: function( xhr ) {
                    console.log('sending');
                },
                success : function(response){
                    console.log(response.data);
                    if(response.success){
                        $.each(response.data, function (key, val) {
                            console.log("return : "+val);
                            $.each(val, function (ImageKey, ImageVal) {
                                $('.images-show').append('<div class="css-8d93jh mb-1"><img src="{{url("/")}}/'+ImageVal.image+'" class="css-v2kfba"><div class="remove-image"><a href="javascript:void(0)" class="remove-image-btn" data-id="'+ImageVal.image_id+'"><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000" data-testid="delete-image" class="css-2ju0wl"><circle cx="10" cy="10" r="7" fill="#fff"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M10 17.5a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM7.525 6.641a.625.625 0 10-.884.884L9.116 10l-2.475 2.475a.625.625 0 00.884.884L10 10.884l2.475 2.475a.625.625 0 10.884-.884L10.884 10l2.475-2.475a.625.625 0 10-.884-.884L10 9.116 7.525 6.641z" fill="#272829"></path></svg></a></div></div>');
                            });
                            
                            
                        });
                    }else{
                        var ErroMsg = $(this).printErrorMsg(response.message);
                        //
                        $(this).Toastshow('error',ErroMsg);
                    }

                },
                error: function(data) {
                    console.log("error ",data);
                }
            });
            //return false;
        });

        

        /*****remove image*****/
        $('body').on('click','.remove-image-btn',function(){
            var RemoveBtn = $(this);
            $.ajax({
                url     : '{{route("products.remove-product-image")}}',
                method  : 'post',
                data    :{
                        "_token": $('meta[name="csrf-token"]').attr('content'),
                        "image_id": $(this).data('id'),
                },
                headers:
                {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function( xhr ) {
                    // xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
                },
                success : function(response){
                    console.log(response);
                    if(response.success)
                    {
                        RemoveBtn.parent().parent().remove();
                    }
                    else{
                        
                    }
                },
                error: function (data) {
                console.log("error ",data);
                }   
            });

            /*
            SizeVal = '';*/
        })
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('.images-show').append('<div class="css-8d93jh mb-1"><img src="'+e.target.result+'" class="css-v2kfba"><div class="remove-image"><a href="javascript:void(0)"><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000" data-testid="delete-image" class="css-2ju0wl"><circle cx="10" cy="10" r="7" fill="#fff"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M10 17.5a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM7.525 6.641a.625.625 0 10-.884.884L9.116 10l-2.475 2.475a.625.625 0 00.884.884L10 10.884l2.475 2.475a.625.625 0 10.884-.884L10.884 10l2.475-2.475a.625.625 0 10-.884-.884L10 9.116 7.525 6.641z" fill="#272829"></path></svg></a></div></div>');
                    //$('#blah').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
                //$('#blah').css('display', 'block');
            }
        }
        $(document).ready(function(){
            $('body').on('keyup','#mrp',function(){
                var Discount = $('#discount').val();
                if(Discount>0)
                {
                    Result = $(this).val() - (($(this).val() / 100) * Discount);
                    
                    $('#price').val(Math.ceil(Result));
                }
                else{
                    $('#price').val(Math.ceil($(this).val()));
                }
            })
            $('body').on('keyup','#discount',function(){
                var Mrp = $('#mrp').val();
                if($(this).val()>0)
                {
                    Result = Mrp - ((Mrp / 100) * $(this).val());
                    console.log(Math.ceil(Result));
                    $('#price').val(Math.ceil(Result));
                }
                else{
                    $('#price').val(Math.ceil(Mrp));
                }
            })
            $('body').on('change','#product_code',function(){
                ProductCode = $(this).val();
                $('input[name^="sku_id"]').each(function(){
                    OldSku = $(this).val().split('-');
                    //console.log(OldSku);
                    NewSku = ProductCode+'-'+OldSku[1]+'-'+OldSku[2];
                    $(this).val(NewSku);
                });
            })
        })
    })
</script>
@endsection