@extends('admin.layouts.master')
@section('title', 'Product')
@section('content')

    <!-- Page Wrapper -->
    <div class="page-wrapper">
        <div class="content container-fluid">

            <!-- Page Header -->
            <div class="page-header">
                <div class="row">
                    <div class="col">
                        <h3 class="page-title">Product</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item active"> @if($data ?? '') Update @else Add @endif Product</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->

            <div class="row">

                <div class="col-md-12">
                    @include('admin.includes.msg')
                    <div class="card">
                        <div class="card-body">
                            <form method="POST" action="{{ route('product.store') }}" enctype="multipart/form-data">

                                @if(isset($_GET['return']) && !empty($_GET['return']))
                                        <input type="hidden" name="return" value="{{$_GET['return']}}">
                                @endif
                                <div class="row">
                                    <div class="col-md-12">

                                        <div id="ChildVerticalTab_1">
                                            <ul class="resp-tabs-list ver_1">
                                                <li>General</li>
                                                <li>Confugration</li>
                                                <li>Variant</li>
                                                <li>Group</li>
                                                <li>Tags</li>
                                                <li>Seo</li>
                                            </ul>
                                            <div class="resp-tabs-container ver_1">
                                                <div class="main-div">
                                                    <h4 class="sub-title">Product Inputs</h4>

                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Product Name</label>
                                                        <div class="col-sm-9">
                                                            <input type="text" class="form-control" name="productName"
                                                                   value="{{ isset($product) ? $product->productName : ''}}" required
                                                                   @if(empty($product)) onkeyup="generateurl(this.value)" @endif>
                                                        </div>
                                                    </div>

                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Base Pack Code</label>
                                                        <div class="col-sm-9">
                                                            <input type="text" class="form-control" name="base_pack_code"
                                                                   value="{{ isset($product) ? $product->base_pack_code : ''}}" required>
                                                        </div>
                                                    </div>

                                                    <!--<div class="form-group row">-->
                                                    <!--    <label class="col-sm-3 col-form-label">SKU Code</label>-->
                                                    <!--    <div class="col-sm-9">-->
                                                    <!--        <input type="text" name="sku_code" id="sku_code" class="form-control"-->
                                                    <!--               value="{{ isset($product) ? $product->sku_code : ''}}">-->

                                                    <!--    </div>-->
                                                    <!--</div>-->
                                                    
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-3">Product Code</label>
                                                        <div class="col-md-9">
                                                            <select name="sku_code" class="form-control">
                                                                <option value="">--choose sku_code--</option>
                                                                @foreach($sku_code as $c)
                                                                    <option value="{{$c->sku_code}}" @if(isset($product)) @if($c->sku_code==$product->sku_code) selected @endif @endif>{{$c->sku_code}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    
                                                    
                                                    

                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Primary Image</label>
                                                        <div class="col-sm-9">
                                                            <input type="file" name="image">
                                                            @if(isset($product))
                                                                <br><img src="{{ "/thumb/".$product->image}}">
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Featured</label>
                                                        <div class="col-sm-9">
                                                            <input type="checkbox" name="is_featured" value="1"
                                                                   @if(isset($product) && $product->is_featured==1) checked @endif>
                                                        </div>
                                                    </div>

                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Description</label>
                                                        <div class="col-sm-9">
                                <textarea class="form-control ckeditor" id="editor1"
                                          name="description"
                                          rows="7">{{ isset($product) ? $product->description : ''}}</textarea>
                                                        </div>
                                                    </div>


                                                    <h4 class="sub-title">Price</h4>

                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Our Price  (PCs) &nbsp;&nbsp; 
                                                            @if(isset($product))
                                                                <i class="fa fa-eye btnViewLog" 
                                                                   onclick="viewPriceLog('{{ $product->id }}', 'price')"></i>
                                                            @endif
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="text" id="price" class="form-control" name="price" required
                                                                   value="{{ isset($product) ? $product->price : ''}}"  @if(isset($product) && Auth::id()=="2") readonly @endif>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">MRP (PCs) &nbsp;&nbsp; 
                                                            @if(isset($product))
                                                                <i class="fa fa-eye btnViewLog" 
                                                                   onclick="viewPriceLog('{{ $product->id }}', 'mrp')"></i>
                                                            @endif
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="text" class="form-control" name="compareAtPrice"
                                                                   value="{{ isset($product) ? $product->compareAtPrice : ''}}"  @if(isset($product) && Auth::id()=="2") readonly @endif>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Purchase Rate  (PCs) &nbsp;&nbsp; 
                                                            @if(isset($product))
                                                                <i class="fa fa-eye btnViewLog" 
                                                                   onclick="viewPriceLog('{{ $product->id }}', 'purchase_rate')"></i>
                                                            @endif
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="text" class="form-control" name="costPerItem"
                                                                   value="{{ isset($product) ? $product->costPerItem : ''}}"  @if(isset($product) && Auth::id()=="2") readonly @endif>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Min Price</label>
                                                        <div class="col-sm-9">
                                                            <input type="text" name="min_price" id="Min_price" class="form-control" required
                                                                   value="{{ isset($product) ? $product->min_price : ''}}"  @if(isset($product) && Auth::id()=="2") readonly @endif>

                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Max Price</label>
                                                        <div class="col-sm-9">
                                                            <input type="text" name="max_price" id="Max_price" class="form-control" required
                                                                   value="{{ isset($product) ? $product->max_price : ''}}"  @if(isset($product) && Auth::id()=="2") readonly @endif>

                                                        </div>
                                                    </div>

                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Expire Peroid (in Months)</label>
                                                        <div class="col-sm-9">
                                                            <input type="text" name="expire_period" id="expire_period"
                                                                   class="form-control"
                                                                   value="{{ isset($product) ? $product->expire_period : ''}}" required onkeypress="if ( isNaN( String.fromCharCode(event.keyCode) )) return false;">

                                                        </div>
                                                    </div>
                                                    <table class="table">
                                                        <tr>

                                                            <th colspan="2" class="text-center">
                                                                Primary Unit
                                                            </th>
                                                            <th colspan="2" class="text-center">
                                                                Secondary Unit
                                                            </th>
                                                        </tr>
                                                        <tr>
                                                            <td style="width:25%">
                                                                Value (per 2nd unit)
                                                            </td>
                                                            <td style="width:25%">
                                                                Unit
                                                            </td>
                                                            <td style="width:25%">
                                                                Value
                                                            </td>
                                                            <td style="width:25%">
                                                                Unit
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="text" value="{{ isset($product) ? $product->conf_2nd_unit : ''}}" @if(isset($product) && !empty($product->conf_2nd_unit)) disabled @endif name="conf_2nd_unit"
                                                                       class="form-control" required></td>
                                                            <td>
                                                                <select name="secondary_unit" id="secondary_unit" class="form-control" @if(isset($product) && !empty($product->conf_2nd_unit)) disabled @endif required>
                                                                    @foreach($unit as $u)
                                                                        <option value="{{$u->id}}"
                                                                                @if(isset($product)) @if($product->secondary_unit==$u->id) selected @endif  @endif>{{$u->unit_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                            <td><input type="text" value="1" class="form-control" disabled></td>
                                                            <td>
                                                                <select name="primary_unit" id="primary_unit" class="form-control" @if(isset($product) && !empty($product->conf_2nd_unit)) disabled @endif required>
                                                                    @foreach($unit as $u)
                                                                        <option value="{{$u->id}}"
                                                                                @if(isset($product)) @if($product->primary_unit==$u->id) selected @endif  @endif>{{$u->unit_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </td>
                                                            <td>

                                                            </td>
                                                        </tr>

                                                    </table>
                                                </div>
                                                <div class="main-div">

                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Default Min Stock</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" name="default_min_stock" id="default_min_stock" class="form-control"
                                                                   value="{{ isset($product) ? $product->default_min_stock : '0'}}"> (in Primary Unit eg:PCS)

                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Default Max Stock</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" name="default_max_stock" id="default_max_stock" class="form-control"
                                                                   value="{{ isset($product) ? $product->default_max_stock : '999'}}"> (in Primary Unit eg:PCS)

                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">Default Norm</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" name="default_norm" id="default_norm" class="form-control"
                                                                   value="{{ isset($product) ? $product->default_norm : '0'}}"> (in Primary Unit eg:PCS)

                                                        </div>
                                                    </div>


                                                </div>
                                                <div class="main-div">
                                                    <h4 class="sub-title">Varient</h4>
                                                    <div class="form-group row"><label class="col-sm-3 col-form-label">Is
                                                            Varient</label>
                                                        <div class="col-sm-9">
                                                            <input type="checkbox" id="isVariants" name="isVariants"
                                                                   onclick="togglevarient()" value="1"
                                                                   @if(isset($product) && $product->isVariants==1 && !empty($product_varient)) checked @endif>
                                                            <label for="isVariants">(Enable multiple options (sizes or
                                                                colors)</label>
                                                        </div>
                                                    </div>


                                                    <div class="varientarea"
                                                         @if(isset($product) && $product->isVariants==1  && !empty($product_varient)) style="display:block" @endif>

                                                        <div class="form-group row"><label class="col-sm-3 col-form-label">Choose
                                                                Option</label>
                                                            <div class="col-sm-9">


                                                                @foreach($option as $o)
                                                                    <input type="radio" value="{{ $o->option_name }}"
                                                                           @if(isset($product) && !empty($product_varient)) @if($product_varient->optionId==$o->option_name ) checked
                                                                           @endif  @endif  name="optionId" id="opt{{ $o->option_name }}"
                                                                           class="option"> <label
                                                                        for="opt{{ $o->option_name }}">{{ $o->option_name }}</label>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                        <div class="varientinnserarea form-group"
                                                             @if(isset($product) && $product->isVariants==1) style="display:block" @endif>

                                                            <div class="varientappend">
                                                                @if(isset($product) && !empty($product_varient))
                                                                    @php $x=1;  @endphp
                                                                    <div class="row" style="background: #f6f7fb;padding: 10px;margin-bottom: 10px;text-transform: uppercase;">
                                                                        <div class="col-md-2">#</div>
                                                                        <div class="col-md-3">{{ $product_varient->optionId }}</div>
                                                                        <div class="col-md-3"> Group Name</div>
                                                                    </div>


                                                                    <div class="row">
                                                                        @foreach($option as $o)
                                                                            @if($o->option_name==$product_varient->optionId)
                                                                                <div class="col-md-4"><select
                                                                                        class="form-control"
                                                                                        name="optionValueId">
                                                                                        <option value="">Choose An Option</option>
                                                                                        @foreach($o->optval as $ov)
                                                                                            <option value="{{ $ov->option_value_id}}"
                                                                                                    @if($product_varient->optionValueId==$ov->option_value_id ) selected @endif >{{ $ov->option_value_name }}</option> @endforeach
                                                                                    </select></div>
                                                                            @endif
                                                                        @endforeach
                                                                        <div class="col-md-8"><input type="text"
                                                                                                     id="groupName"
                                                                                                     name="groupName"
                                                                                                     class="form-control"
                                                                                                     value="{{$product_varient->groupName}}"></div>
                                                                    </div>
                                                                    @php $x++; @endphp


                                                                @endif
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">
                                                            Raw material
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="checkbox" id="byproduct" name="byproduct" value="1"
                                                                   @if(isset($product) && $product->byproduct==1 && !empty($product_varient)) checked @endif>
                                                            <label for="byproduct">(Enable Raw material)</label>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <label class="col-sm-3 col-form-label">
                                                            Total base units
                                                        </label>
                                                        <div class="col-sm-9">
                                                            <input type="text" class="form-control" id="total_base_units" name="total_base_units" value="{{ isset($product) ? $product->total_base_units : '' }}">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="main-div">

                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Category</label>
                                                        <div class="col-md-8">
                                                            <select name="category" class="form-control" onchange="getsubcategory(this.value)">
                                                                <option value="">--choose category--</option>
                                                                @foreach($category as $c)
                                                                    <option value="{{$c->id}}" @if(isset($product)) @if($c->id==$product->category) selected @endif @endif>{{$c->categoryName}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Sub Category</label>
                                                        <div class="col-md-8">
                                                            <select name="subcategory" class="form-control" id="subcategory" onchange="getsupersub(this.value)">
                                                                <option value="">--choose subcategory--</option>
                                                                @if(isset($product))
                                                                    @foreach($subcategory as $c)
                                                                        <option value="{{$c->id}}"
                                                                                @if(isset($product)) @if($c->id==$product->subcategory) selected @endif @endif>{{$c->categoryName}}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Super Sub Category</label>
                                                        <div class="col-md-8">
                                                            <select name="supersub_category" class="form-control" id="supersub_category">
                                                                <option value="">--choose subcategory--</option>
                                                                @if(isset($product))
                                                                    @foreach($supersubcategory as $c)
                                                                        <option value="{{$c->id}}"
                                                                                @if(isset($product)) @if($c->id==$product->supersub_category) selected @endif @endif>{{$c->categoryName}}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">SKU</label>
                                                        <div class="col-md-8">
                                                            <select name="sku" class="form-control">
                                                                <option value="">--choose sku--</option>
                                                                @foreach($sku as $c)
                                                                    <option value="{{$c->sku}}" @if(isset($product)) @if($c->sku==$product->sku) selected @endif @endif>{{$c->sku}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Company</label>
                                                        <div class="col-md-8">
                                                            <select name="company" class="form-control">
                                                                <option value="">--choose Company--</option>
                                                                @foreach($company as $c)
                                                                    <option value="{{$c->company_name}}"
                                                                            @if(isset($product)) @if($c->company_name==$product->company) selected @endif @endif>{{$c->company_name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">HSN Code</label>
                                                        <div class="col-md-8">
                                                            <select name="hsn_code" class="form-control">
                                                                <option value="">--choose sku--</option>
                                                                @foreach($hsn as $c)
                                                                    <option value="{{$c->hsn_code}}"
                                                                            @if(isset($product)) @if($c->hsn_code==$product->hsn_code) selected @endif @endif>{{$c->hsn_code}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Storage</label>
                                                        <div class="col-md-8">
                                                            <select name="storageId" class="form-control">
                                                                <option value="">--choose storage--</option>
                                                                @foreach($storage as $c)
                                                                    <option value="{{$c->storage_name}}"
                                                                            @if(isset($product)) @if($c->storage_name==$product->storageId) selected @endif @endif>{{$c->storage_name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Rack</label>
                                                        <div class="col-md-8">
                                                            <select name="rackId" class="form-control">
                                                                <option value="">--choose rack--</option>
                                                                @foreach($rack as $c)
                                                                    <option value="{{$c->rack_name}}"
                                                                            @if(isset($product)) @if($c->rack_name==$product->rackId) selected @endif @endif>{{$c->rack_name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Cluster</label>
                                                        <div class="col-md-8">
                                                            <select name="cluster_id" class="form-control">
                                                                <option value="">--choose cluster--</option>
                                                                @foreach($cluster as $c)
                                                                    <option value="{{$c->id}}"
                                                                            @if(isset($product)) @if($c->id==$product->cluster_id) selected @endif @endif>{{$c->cluster}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    
                                                    
                                                    

                                                </div>
                                                <div class="main-div">
                                                    <h4 class="sub-title">Tags</h4>
                                                    <input type="text" name="tags" class="form-control"
                                                           value="{{ isset($product) ? $product->tags : ''}}">
                                                </div>
                                                <div class="main-div">

                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Seo Url</label>
                                                        <div class="col-md-8">
                                                            <input id="seoUrl" class="form-control"
                                                                   placeholder="Seo Url" name="seoUrl" type="text"
                                                                   value="{{ isset($product) ? $product->seoUrl : ''}}">

                                                        </div>
                                                    </div>
                                                    <div class=" form-group row">
                                                        <label class="col-form-label col-md-2">Meta Title</label>
                                                        <div class="col-md-8">
                                                            <input id="metatitle" class="form-control"
                                                                   placeholder="Enter Meta Title" name="metaTitle" type="text"
                                                                   value="{{ isset($product) ? $product->metaTitle : ''}}">

                                                        </div>
                                                    </div>

                                                    <div class="form-group row">
                                                        <label class="col-form-label col-md-2">Meta Keyword</label>
                                                        <div class="col-md-8">
                                                            <input id="metakeyword" class="form-control"
                                                                   placeholder="Enter Meta Keyword" name="metaKeyword" type="text"
                                                                   value="{{ isset($product) ? $product->metaKeyword : ''}}">

                                                        </div>
                                                    </div>

                                                    <div class="form-group row">
                                                        <label class="col-form-label col-md-2">Meta Description</label>
                                                        <div class="col-md-8">
                                                <textarea id="metadescription" class="form-control ckeditor"
                                                          placeholder="Meta Description" name="metaDescription"
                                                          cols="50"
                                                          rows="10">{{ isset($product) ? $product->metaDescription : ''}}</textarea>

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


                                    </div>

                                </div>


                                @csrf
                                @isset($product)
                                    <input type="hidden" name="id" value="{{ $product->id }}">
                                @endisset
                                <button type="submit" class="btn btn-primary waves-effect waves-light "
                                        style="float: right;margin: 10px 30px;">Save changes
                                </button>

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

                </div>
            </div>

        </div>

    </div>
    </div>
    <!-- /Main Wrapper -->

    </div>
    <script>

        $(document).ready(function () {
            $('.option').change(function () {

                $(".varientinnserarea").show();

                var html = '<div class="row" style="background: #f6f7fb;padding: 10px;margin-bottom: 10px;text-transform: uppercase;"><div class="col-md-2">#</div><div class="col-md-3"> ' + this.value + '</div><div class="col-md-3"> Group Name</div></div>';
                $(".varientappend").html(html);
                var sku = $("#sku").val();
                var price = $("#price").val();
                var option = $('.option:checked').val();
                $.get("/getoptionvalue/" + option, function (res) {
                    var html = '<div class="row"><div class="col-md-4"> <select class="form-control" name="optionValueId"><option value="">Choose</option> ' + res + '  </select></div><div class="col-md-8"><input type="text" id="groupName" name="groupName" class="form-control"></div></div>'
                    $(".varientappend").append(html);
                    redgausuggest();
                })

            });
        });


        function createname(name, fld) {
            var name = name.options[name.selectedIndex].text;//
            var oldname = $("#newname" + fld).val();

            if (oldname.length > 1) {
                $("#newname" + fld).val(oldname + "/" + name);
                $("#newname" + fld).val(name);
            } else {
                $("#newname" + fld).val(name);
                $("#newname" + fld).val(name);
            }
        }
    </script>
    <script>
        function togglevarient() {
            $(".varientarea").toggle();
        }

        function findoptval(id, fld) {
            $.get('/admin/getoptval/' + id, function (res) {
                $("#optval" + fld).html(res);
            })
        }
    </script>
    <style>
        .varientarea {
            display: none;
        }

        .varientinnserarea {
            display: none;
        }

        .item-aa {
            margin-left: 30px;
            margin-top: 10px;
            display: none
        }

        .item-bb {
            margin-left: 30px;
            margin-top: 10px;
            display: none
        }

        .forceblock {
            display: block
        }
    </style>
    <script>
        function showallsubcat(id) {
            $(".item-aa" + id).toggle();
        }

        function showallfamily(id) {
            $(".item-bb" + id).toggle();
        }
    </script>

    <script>


        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                var id = $(input).attr('name');
                reader.onload = function (e) {
                    $('#' + id).attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]); // convert to base64 string
            }
        }

        $(".imgInp").change(function () {
            readURL(this);
        });

    </script>


    <!-- Main Wrapper -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $(document).ready(function () {
            $('#packed_date').datepicker({
                dateFormat: 'yy-mm-dd'
            });
            $('#expire_date').datepicker({
                dateFormat: 'yy-mm-dd'
            });
        });
    </script>
    <script src="/admin/assets/js/easyResponsiveTabs.js"></script>
    <link rel="stylesheet" type="text/css" href="/admin/assets/css/easy-responsive-tabs.css "/>
    <script>
        $('#ChildVerticalTab_1').easyResponsiveTabs({
            type: 'vertical',
            width: 'auto',
            fit: true,
            tabidentify: 'ver_1', // The tab groups identifier
            activetab_bg: '#fff', // background color for active tabs in this group
            inactive_bg: '#F5F5F5', // background color for inactive tabs in this group
            active_border_color: '#c1c1c1', // border color for active tabs heads in this group
            active_content_border_color: '#d6d6d6' // border color for active tabs contect in this group so that it matches the tab head border
        });
    </script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <div class="ui-widget">

    </div>
    
    <script>
        $(function () {
            redgausuggest();
        });

        function redgausuggest() {
            var availableTags = [{!! $group !!}];
            $("#groupName").autocomplete({
                source: availableTags
            });
        }

        function getsubcategory(id) {
            $.get("/getsubcategory/" + id, function (res) {
                $("#subcategory").html(res);
            })

        }

        function getsupersub(id) {
            $.get("/getsubcategory/" + id, function (res) {
                $("#supersub_category").html(res);
            })
        }
        function viewPriceLog(productid,field){
            $.ajax({
                url: "/priceLogBydate/" + productid + "/" + field,
                type: "GET",
                success: function (data) {
                    let rows = "";
                    data.forEach(item => {
                        rows += `
                            <tr>
                                <td>${item.datetime}</td>
                                <td>${item.new_value}</td>
                            </tr>
                        `;
                    });
                    $("#logTableBody").html(rows);
                    $('#logModal').modal('show');
                }
            });
        }
    </script>
    <div class="modal fade" id="logModal" tabindex="-1">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title">Price Change Log</h5>
              <button class="btn-close" data-bs-dismiss="modal"></button>
            </div>

            <div class="modal-body">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>Date</th>
                    <th>Price</th>
                  </tr>
                </thead>
                <tbody id="logTableBody"></tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
@endsection