
    <x-admin-panel-layout>
        <x-slot name="title">
            ویرایش زیر محصول : {{ $product->title }}
        </x-slot>
        <x-slot name="main">
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-4">
                        <div class="col-sm-6">
                            <h3 class="m-0 text-dark">ویرایش زیر محصول : {{ $product->title }}</h3>
                        </div><!-- /.col -->
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-sm-left">
                                <li class="breadcrumb-item"><a href="{{ route("admin.dashboard") }}">داشبورد</a></li>
                                <li class="breadcrumb-item"><a href="{{ route("children_group_product.list") }}">زیر محصولات</a></li>
                                <li class="breadcrumb-item active">ویرایش زیر محصول : {{ $product->title }}</li>
                            </ol>
                        </div><!-- /.col -->
                    </div>
                </div>
            </div>
    <form action="{{ route("children_group_product.edit",["id"=>$product->id]) }}" method="post" class="w-100"
          enctype="multipart/form-data">
        <div class="row">
            <div class="col-lg-9"> @csrf <input type="hidden" name="user_id"
                                                                                           value="{{ auth()->id() }}">
                <input type="hidden" value="{{$product->id}}" name="id">
                <p><input type="text" placeholder="نام محصول" name="title"
                          value="@if(old("title")){{old("title")}}@else{{ $product->title }}@endif"></p>

                <div class="admin-metabox-item">

                    <div class="admin-metabox-item-title"><h5>مشخصات  محصول</h5>
                        <span class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span>
                    </div>
                    <div class="col-12 form-item">
                        <div class="admin-order-select-box mt-4">
                            <div></div>
                            <div class="admin-select-all-checkbox">

                                <label>نوع محصول : </label>
                                <input type="hidden" value="comment" name="type">
                                <select name="type" class="product-select-type" >
                                    <option value="simple" @if($product->type == "simple"|| is_null($product->type)) selected @endif>ساده</option>
                                    <option value="variable" @if($product->type == "variable") selected @endif>متغیر</option>
                                </select>

                            </div>
                        </div>
                        <div class="row">

                            <ul style="flex-direction: column" class="admin-product-list-ul nav  nav-tabs col-md-3 p-0" data-tabs="tabs">
                                <li><a data-toggle="tab" href="#asli" class="active">مشخصات اصلی</a></li>
                                <li><a data-toggle="tab" href="#vizhegi">ویژگی‌ها</a></li>
                                <li class="for-variable  li-for-variable-tab  "><a data-toggle="tab"  href="#variable">متغیر ها</a></li>
                                <li class="for-sample @if($product->type == "variable") d-none @endif"><a data-toggle="tab" href="#anbar">انبار</a></li>
                            </ul>


                            <div class="tab-content col-lg-9">
                                <div id="asli" class="admin-product-list-content-item tab-pane fade in active show " >
                                    <div class="for-sample @if($product->type == "variable") d-none @endif">
                                        <div class="discount-section">
                                            <div class="row mt-3">
                                                <!-- تخفیف اول -->
                                                <div class="col-md-6">
                                                        <label>قیمت اصلی (تومان) : </label>
                                                        <input type="text" class=" admin-input-price" name="price" value="{{ $product->regularPrice }}">

                                                </div>

                                                <div class="col-md-6">
                                                        <label >قیمت فروش فوق‌العاده (تومان) : </label>
                                                        <input type="text" class=" admin-input-price-offer" name="offer_price" value="{{ $product->offerPrice }}">
                                                        <span class="d-none btn-danger admin-span-price-offer btn">قیمت فروش فوق‌العاده باید کوچک‌تر از قیمت اصلی باشد</span>
                                                </div>
                                            </div>
                                            <!-- تخفیف‌ها -->
                                            <div class="row mt-3">
                                                <!-- تخفیف اول -->
                                                <div class="col-md-6">
                                                    <label>حداقل تعداد برای تخفیف اول</label>
                                                    <input type="text" class="form-control" name="offer_1_min_qty" placeholder="حداقل تعداد برای تخفیف اول" value="{{ $product->offer_1_min_qty }}">
                                                </div>
                                                <div class="col-md-6">
                                                    <label>درصد تخفیف اول</label>
                                                    <input type="text" class="form-control" name="offer_1_percent" placeholder="درصد تخفیف اول" value="{{ $product->offer_1_percent }}">
                                                </div>

                                                <!-- تخفیف دوم -->
                                                <div class="col-md-6 mt-2">
                                                    <label>حداقل تعداد برای تخفیف دوم</label>
                                                    <input type="text" class="form-control" name="offer_2_min_qty" placeholder="حداقل تعداد برای تخفیف دوم" value="{{ $product->offer_2_min_qty }}">
                                                </div>
                                                <div class="col-md-6 mt-2">
                                                    <label>درصد تخفیف دوم</label>
                                                    <input type="text" class="form-control" name="offer_2_percent" placeholder="درصد تخفیف دوم" value="{{ $product->offer_2_percent }}">
                                                </div>

                                                <!-- تخفیف سوم -->
                                                <div class="col-md-6 mt-2">
                                                    <label>حداقل تعداد برای تخفیف سوم</label>
                                                    <input type="text" class="form-control" name="offer_3_min_qty" placeholder="حداقل تعداد برای تخفیف سوم" value="{{ $product->offer_3_min_qty }}">
                                                </div>
                                                <div class="col-md-6 mt-2">
                                                    <label>درصد تخفیف سوم</label>
                                                    <input type="text" class="form-control" name="offer_3_percent" placeholder="درصد تخفیف سوم" value="{{ $product->offer_3_percent }}">
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>

                                <div id="vizhegi" class="admin-product-list-content-item tab-pane fade in  " >

                                    <div class="vizhegi-select-box">
                                        <select class="p-1 vizhegi-select w-50">
                                            <option id="vizhegi-new" value="vizhegi-new" selected>افزودن ویژگی جدید</option>
                                            @foreach($attributes as $attribute)
                                                <option value="{{ $attribute->id }}" >{{ $attribute->name }}</option>
                                            @endforeach
                                        </select>
                                        <a href="#" class="btn btn-secondary add-vizhegi-btn">افزودن</a>
                                    </div>
                                    <div class="vizhegi-items-box">
                                        @foreach($product->attributes as $productAttribute)

                                        <div class="vizhegi-new-item vizhegi-item mt-4 ">
                                            <div class="vizhegi-new-item-top text-left">
                                                <span class="text-danger remove-vizhegi-item">پاک کردن این ویژگی</span>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label>نام :</label>
                                                    <input type="text" value="{{ $productAttribute->attribute->name }}"  name="attribute_xx[]" readonly>
                                                    <input type="hidden" value="{{ $productAttribute->attribute->id }}"  name="attribute_name[]">
                                                    <div  class="mt-4">
                                                        <input type="checkbox" name="use_in_product[{{ $productAttribute->attribute->id }}]" @if($productAttribute->use_in_product) checked @endif>
                                                        <label>استفاده برای فیلتر محصول</label>
                                                        <div class="vizhegi-item-checkbox for-variable @if($product->type=="simple") d-none @endif"  >
                                                            <input type="checkbox" name="use_in_variable[{{ $productAttribute->attribute->id }}]" @if($productAttribute->use_in_variable) checked @endif>
                                                            <label>استفاده  برای متغیر ها</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-9">
                                                    <label> مقدار(ها):</label>

                                                    <select class="attribute-select-box item-${attr_id}" multiple="multiple"  name="attribute_value[{{ $productAttribute->attribute->id }}][]">

                                                        @foreach($productAttribute->attribute->sub_attr as $key=>$attrValue)
                                                                <option value="{{ $attrValue->name }}" @if(in_array($attrValue->id,$productAttribute->values)) selected @endif >{{ $attrValue->name }}</option>
                                                            @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                    <div class="vizhegi-bottom text-right mt-4">
                                        <button class="btn btn-primary btn-save-attribute">
                                            ویرایش ویژگی ها
                                        </button>
                                    </div>
                                </div>

                                <div id="variable" class="admin-product-list-content-item tab-pane fade in  " >
                                    <div class="vizhegi-select-box @if(count($product->attributes) == 0) d-none @endif">
                                        <select class="p-1 variable-select w-50">
                                            <option id="variable_new" value="variable_new" selected>افزودن متغیر  جدید</option>
                                        </select>
                                        <a href="#" class="btn btn-secondary add-variable-btn">افزودن</a>
                                    </div>
                                    <div class="variable-items-box">
                                    @if(count($attributes_for_variation) >0)

                                            @foreach($productVariations as $productVariation)

                                            <div class="variable-item">
                                                <section class="variable-item-top">
                                                    <div class="variable-item-top-right">
                                                        @foreach($attributes_for_variation as $key=>$attr_for_variable)

                                                            <div class="variable-item-top-right-select-item">
                                                                <input type="hidden" value="{{ $productVariation["id"] }}" class="variation_id">
                                                                <select class="variable-select_{{$key}}" name='attribute_select[variation_{{ $productVariation["id"] }}][{{$attr_for_variable["parent"]["id"] }}]'>

                                                                    <option value="" selected>{{$attr_for_variable["parent"]["name"] }}</option>

                                                                    @foreach($attr_for_variable["values"] as $option)
                                                                        @php($varId=0)
                                                                        @if(isset($productVariation["variations"][$attr_for_variable["parent"]["id"]]))
                                                                            @php($varId=$productVariation["variations"][$attr_for_variable["parent"]["id"]][0]))
                                                                        @endif

                                                                        @php($optionId=$option["id"] ? $option["id"] : null)

                                                                        <option value="{{ $optionId }}" @if(is_array($varId)) @if($optionId == $varId["id"]) selected @endif @endif>{{ $option["name"] }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            @endforeach
                                                    </div>
                                                    <div class="variable-item-top-left">
                                                        <div class="variable-item-top-left-closeBtn">
                                                            <i class="fa fa-angle-down"></i>
                                                        </div>
                                                        <div class="variable-item-top-left-deleteBtn">
                                                            <span>حذف</span>
                                                        </div>
                                                    </div>
                                                </section>
                                                <div class="variable-item-content">
                                                    <div class="row">
                                                        <div class="col-md-6 variable-input-box">
                                                            <input type="hidden" name="variable_id[variation_{{ $productVariation["id"] }}]"  value="{{ $productVariation["id"] }}">
                                                            <label>قیمت</label>
                                                            <input type="text" name="variable_price[variation_{{ $productVariation["id"] }}]" placeholder="قیمت را وارد کنید" value="{{$productVariation["price"]}}">
                                                        </div>
                                                        <div class="col-md-6 variable-input-box">
                                                            <label>وزن (kg)</label>
                                                            <input type="text"  name="variable_weight[variation_{{ $productVariation["id"] }}]" placeholder="وزن را وارد کنید" value="{{$productVariation["weight"]}}">
                                                        </div>
                                                        <div class="col-md-6 variable-input-box">
                                                            <label>حداقل قیمت تخفیف اول</label>
                                                            <input type="text"  name="variable_offer_1_min[variation_{{ $productVariation["id"] }}]" placeholder="حداقل قیمت تخفیف اول را وارد کنید" value="{{$productVariation["offer_1_min"]}}">
                                                        </div>
                                                        <div class="col-md-6 variable-input-box">
                                                            <label>درصد تخفیف اول</label>
                                                            <input type="text"  name="variable_offer_1_percent[variation_{{ $productVariation["id"] }}]" placeholder="درصد تخفیف اول را وارد کنید" value="{{$productVariation["offer_1_percent"]}}">
                                                        </div>
                                                        <div class="col-md-6 variable-input-box">
                                                            <label>حداقل قیمت تخفیف دوم</label>
                                                            <input type="text"  name="variable_offer_2_min[variation_{{ $productVariation["id"] }}]" placeholder="حداقل قیمت تخفیف دوم را وارد کنید" value="{{$productVariation["offer_2_min"]}}">
                                                        </div>
                                                        <div class="col-md-6 variable-input-box">
                                                            <label>درصد تخفیف دوم</label>
                                                            <input type="text"  name="variable_offer_2_percent[variation_{{ $productVariation["id"] }}]" placeholder="درصد تخفیف دوم را وارد کنید" value="{{$productVariation["offer_2_percent"]}}">
                                                        </div>


                                                        <div class="col-md-6 variable-input-box">
                                                            <label>ابعاد (L×W×H) (cm)</label>
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <input type="text"  name="variable_length[variation_{{ $productVariation["id"] }}]" placeholder="طول" value="{{$productVariation["length"]}}">
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <input type="text"  name="variable_width[variation_{{ $productVariation["id"] }}]" placeholder="عرض" value="{{$productVariation["width"]}}">
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <input type="text"  name="variable_height[variation_{{ $productVariation["id"] }}]" placeholder="ارتفاع" value="{{$productVariation["height"]}}">
                                                                </div>
                                                            </div>

                                                        </div>

                                                        <div class="variable-input-box col-12">
                                                            <p>
                                                                <label for="">شناسه محصول</label>
                                                                <input type="text" name="variable_sku[variation_{{ $productVariation["id"] }}]" value="{{$productVariation["sku"]}}">
                                                            </p>
                                                            <p>
                                                                <input type="checkbox" name="variable_manage_stock[variation_{{ $productVariation["id"] }}]" @if($productVariation["manage_stock"] == "on") checked @endif>
                                                                <label for="">مدیریت موجودی انبار؟</label>
                                                            </p>



                                                            <div class="manage-stock-number">
                                                                <p>
                                                                    <label for="">تعداد موجود در انبار.</label>
                                                                    <input type="number" name="variable_stock_number[variation_{{ $productVariation["id"] }}]" value="{{$productVariation["stock_number"]}}" >
                                                                </p>
                                                                <p>
                                                                    <label for="">آستانه کم‌بودن موجودی انبار.</label>
                                                                    <input type="number" name="variable_low_stock_amount[variation_{{ $productVariation["id"] }}]" value="{{$productVariation["low_stock_amount"]}}">
                                                                </p>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>

                                            </div>
                                                @endforeach


                                    @else
                                    <p class="mt-2 product-no-attrbiute-text">لطفا اول به این محصول ویژگی اضافه کنید بعد متغیرها را بسازید</p>
                                    @endif
                                    </div>
                                </div>
                                <div id="anbar" class="@if($product->type == "variable") d-none @endif for-sample admin-product-list-content-item tab-pane fade in " >
                                    <p>
                                        <input id="stock_manage" type="checkbox" name="manage_stock" @if($product->manageStock) checked @endif>
                                        <label for="stock_manage">مدیریت موجودی انبار؟</label>
                                    </p>
                                    <p>
                                        <label for="">شناسه محصول</label>
                                        <input type="text" name="sku" value="{{ $product->post_meta_where("sku")->meta_value }}">
                                    </p>


                                    <div class="manage-stock-number @unless($product->manageStock) d-none @endif ">
                                        <p>
                                            <label for="">تعداد موجود در انبار.</label>
                                            <input type="number" name="stock_number" value="{{ $product->post_meta_where("stock_number")->meta_value }}" >
                                        </p>
                                        <p>
                                            <label for="">آستانه کم‌بودن موجودی انبار.</label>
                                            <input type="number" name="low_stock_amount" value="{{ $product->post_meta_where("low_stock_amount")->meta_value }}">
                                        </p>
                                    </div>

                                </div>

                            </div>
                            @includeIf("admin.partials.ajax-loading")
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title"><h5>درصد بازاریاب</h5>                        <span
                            class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span></div>
                    <div class="col-12 form-item">

                        <input type="number" name='affiliate_percent' min="0" max="100" class="mt-3" value="{{ $product->affiliate_percent }}"
                               placeholder="درصد را وارد کنید">
                        <span class="font-italic mt-3 mb-4 d-block">چند درصد از قیمت این محصول به بازاریاب تعلق میگیرد؟</span>
                    </div>
                </div>
                <div class="admin-metabox-item">
                    <div class="admin-metabox-item-title"><h5>عکس محصول</h5>                        <span
                                class="admin-metabox-item-btn-up"><i class="fa fa-angle-up"></i></span></div>

                    <div class="col-12 form-item mt-3">


                        <button class="open-admin-media-frame btn btn-primary">عکس محصول</button>


                        <img class="admin-media-frame-img mt-3"
                             src="@if($product->media) {{ $product->media->url }} @endif"
                             style="width: 100%; height: auto;margin-top: 20px;">
                        <input type="hidden" class="admin-media-frame-input" name="thumbnail"
                               value="@if($product->media) {{ $product->media->id }} @endif">

                    </div>
                </div>
                <div class="admin-metabox-item position-relative ">

                    <div class="admin-metabox-item-title">
                        <h5>برند محصول گروهی</h5>
                        <span class="admin-metabox-item-btn-up">
                            <i class="fa fa-angle-up"></i>
                        </span>
                    </div>
                    <div class="col-12 form-item ">
                        <div class="c-ui-input c-ui-input--quick-search mt-4"><input type="text" class="c-ui-input__field c-ui-input__field--cleanable js-filter-input js-cleanable-input " id="brand_search" placeholder="جستجوی نام برند…"><span class="c-ui-input-cleaner js-input-cleaner"></span></div>
                        <div class="c-box__divider c-box__divider--full"><div></div></div>
                        <ul class="mt-3 category-list" id="brands">
                            @foreach($brands as $brand)
                                <li>
                                    <input type="checkbox" name="product_brand[]" @if(in_array($brand->id,$productBrands)){{"checked"}}@endif value="{{$brand->id}}">
                                    <label  for="">{{ $brand->name }}</label>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="admin-metabox-item position-relative ">

                    <div class="admin-metabox-item-title">
                        <h5>محصول</h5>
                        <span class="admin-metabox-item-btn-up">
                            <i class="fa fa-angle-up"></i>
                        </span>
                    </div>
                    <div class="col-12 form-item ">
                        <div class="c-ui-input c-ui-input--quick-search mt-4"><input type="text" class="c-ui-input__field c-ui-input__field--cleanable js-filter-input js-cleanable-input " id="product_search" placeholder="جستجوی نام محصول…"><span class="c-ui-input-cleaner js-input-cleaner"></span></div>
                        <div class="c-box__divider c-box__divider--full"><div></div></div>
                        <ul class="mt-3 category-list" id="products">
                            @foreach($group_products as $group_product)
                                <li>
                                    <input type="radio" name="product_group" @if($group_product->id == $product->group_product_id) checked="checked" @endif value="{{$group_product->id}}">
                                    <label  for="">{{ $group_product->title }}</label>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <p>
            <button class="btn btn-primary">ویرایش</button>
        </p>
    </form>

    @push("admin-scripts")
        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
        @includeIf("admin.partials.attribute-js")
        @includeIf("admin.partials.variation-js",['group_product'=>true])

        <script>
            $(".attribute-select-box").select2({
                tags: true,
                tokenSeparators: [',', ' ']
            });
        </script>

                <script>
                    jQuery("input#brand_search").keyup(function(){
                        var value=this.value;
                        if(value.length == 0){
                            jQuery("#brands li").removeClass("d-none");
                        } else{
                            jQuery("#brands label").each(function (){

                                var textContent=jQuery(this).text();
                                if(!textContent.includes(value)){
                                    jQuery(this).parents("#brands li").addClass("d-none");
                                } else{
                                    jQuery(this).parents("#brands li").removeClass("d-none");
                                }
                            })
                        }
                    })

                    jQuery("input#product_search").keyup(function(){
                        var value=this.value;
                        if(value.length == 0){
                            jQuery("#products li").removeClass("d-none");
                        } else{
                            jQuery("#products label").each(function (){

                                var textContent=jQuery(this).text();
                                if(!textContent.includes(value)){
                                    jQuery(this).parents("#products li").addClass("d-none");
                                } else{
                                    jQuery(this).parents("#products li").removeClass("d-none");
                                }
                            })
                        }
                    })
                </script>
    @endpush

    @push("admin-css")
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet"/>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css" integrity="sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ==" crossorigin="anonymous" />

    @endpush
        </x-slot>
    </x-admin-panel-layout>
