@extends('admin.layout.index')

@section('title')
ویرایش محصول
@endsection

@section('style')
    <style>
        .img-thumbnail {
            width: 300px !important;
            height: auto;
        }
        @media (min-width: 1400px) {
            .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
                max-width: 1635px !important;
            }
        }
    </style>
     <link
   rel="stylesheet"
   href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css" />
  <style>
   .choices__list--multiple .choices__item {
    background-color: rgb(27, 49, 93);
    color: #fff;
    font-size: 12px;
   }
   .choices__list--multiple .choices__item {
    direction: ltr;
   }
  </style>
@endsection
@section('script')
 <script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>
    <script>
  const multiselect = new Choices('#label-multiselect', {
   removeItemButton: true,
   placeholder: true,
   placeholderValue: 'جست و جو برچسب',
  });
  let selectedValues = [];
  document
   .querySelector('#label-multiselect')
   .addEventListener('addItem', function (event) {
    const value = event.detail.value;
    if (!selectedValues.includes(value)) {
     selectedValues.push(value);
     console.log(selectedValues);
    }
   });
  document
   .querySelector('#label-multiselect')
   .addEventListener('removeItem', function (event) {
    const value = event.detail.value;
    const index = selectedValues.indexOf(value);
    if (index > -1) {
     selectedValues.splice(index, 1);
     console.log(selectedValues);
    }
   });


 </script>
    <script>
        $('#categorySelect').selectpicker({
            'title': 'انتخاب دسته بندی'
        });
        $('#functionalTypesSelect').selectpicker({
            'title': 'انتخاب براساس عملکرد'
        });
        $('#categoryOfferSelect').selectpicker({
            'title': 'دسته بندی های پیشنهادی'
        });
        $('#BrandSelect').selectpicker({
            'title': 'برند های مرتبط'
        });
        $('#OfferBrandSelect').selectpicker({
            'title': 'برند های پیشنهادی'
        });
        $('#productColors').selectpicker({
            'title': 'رنگ بندی های مرتبط'
        });
        $('#selectProvince').selectpicker({
            'title': 'لیست استان ها'
        });

        $('#tags').selectpicker({
            'title': 'لیست برچسب ها'
        });
                $('#label').selectpicker({
            'title': 'لیست لیبل ها'
        });
        // $(`#variationDateOnSaleFrom`).MdPersianDateTimePicker({
        //     targetTextSelector: `#variationInputDateOnSaleFrom`,
        //     englishNumber: true,
        //     enableTimePicker: true,
        //     textFormat: 'yyyy-MM-dd HH:mm:ss',
        // });

         new mds.MdsPersianDateTimePicker(document.getElementById('variationDateOnSaleFrom'), {
            targetTextSelector: '#variationInputDateOnSaleFrom',

            englishNumber: true,

            enableTimePicker: true,

            textFormat: 'yyyy-MM-dd HH:mm:ss',

        });
        // $(`#variationDateOnSaleTo`).MdPersianDateTimePicker({
        //     targetTextSelector: `#variationInputDateOnSaleTo`,
        //     englishNumber: true,
        //     enableTimePicker: true,
        //     textFormat: 'yyyy-MM-dd HH:mm:ss',
        // });

        new mds.MdsPersianDateTimePicker(document.getElementById('variationDateOnSaleTo'), {
            targetTextSelector: '#variationInputDateOnSaleTo',

            englishNumber: true,

            enableTimePicker: true,

            textFormat: 'yyyy-MM-dd HH:mm:ss',

        });

        //calculate Discount
        $('#sale_price').keyup(function () {
            let mainPrice = $('#price').val();
            mainPrice = mainPrice.replaceAll(',', '', mainPrice);
            let discount = $(this).val();
            if (parseInt(discount) > parseInt(mainPrice)) {
                alert('قیمت پس از تخفیف باید کمتر از قیمت اصلی باشد');
                $('#sale_price').val(number_format(mainPrice));
                $('#percent_sale_price').val(0);
            } else {
                let percentDiscount = calculatePercentDiscount(discount, mainPrice);
                $('#percent_sale_price').val(percentDiscount);
            }
        })
        $('#percent_sale_price').keyup(function () {
            let percentDiscount = $(this).val();
            let mainPrice = $('#price').val();
            mainPrice = mainPrice.replaceAll(',', '', mainPrice);
            if (parseInt(mainPrice) < 0) {
                alert('ابتدا برای کالا قیمت اصلی را وارد کنید');
            } else {
                if (percentDiscount > 100) {
                    $('#percent_sale_price').val(100);
                    percentDiscount = 100;
                }
                if (percentDiscount < 0) {
                    $('#percent_sale_price').val(0);
                    percentDiscount = 0;
                }
                let Discount = calculateDiscount(percentDiscount, mainPrice);
                $('#sale_price').val(Discount);
            }
        })

        $('#price').keyup(function () {
            let price = $(this).val();
            $('#sale_price').val(price);
            $('#percent_sale_price').val(0);
        })

        //
        function calculateDiscount(percentDiscount, mainPrice) {
            let Discount = ((100 - percentDiscount) * mainPrice) / 100;
            return Discount;
        }

        function calculatePercentDiscount(discount, mainPrice) {
            let percentDiscount = ((mainPrice - discount) / mainPrice) * 100;
            return percentDiscount;
        }


        $("#showOnIndex").change(function () {
            if (this.checked) {
                let variationInputDateOnSaleFromVal = $('#variationInputDateOnSaleFrom').val();
                let variationInputDateOnSaleToVal = $('#variationInputDateOnSaleTo').val();
                if (variationInputDateOnSaleFromVal === "" || variationInputDateOnSaleToVal == "") {
                    alert('برای نمایش در بخش شمارش معکوس ابتدا بایستی زمان شروع و پایان تخفیف را وارد نمایید');
                    $("#showOnIndex").prop('checked', false);
                }
            }
        });

        function searchProduct() {
            let keyWord = $('#productSearchInput').val();
            let product_id = "{{ $product->id }}";
            if (keyWord.length < 4) {
                alert('وارد کردن حداقل 4 کاراکتر الزامی است')
            } else {
                $.ajax({
                    url: "{{ route('admin.products.search') }}",
                    type: "POST",
                    dataType: "json",
                    data: {
                        _token: "{{ csrf_token() }}",
                        keyword: keyWord,
                        product_id: product_id
                    },
                    beforeSend: function () {
                        let progressBar = `<div style="width: 100%;" class="progress mt-3">
  <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>`;
                        $('#productRelatedRow').html(progressBar);
                    },
                    success: function (msg) {
                        if(msg){
                            if (msg[1]===0){
                                let Alert = `<div class="alert alert-primary text-center w-100" role="alert">
  محصولی یافت نشد!
</div>`;
                                $('#productRelatedRow').html(Alert);
                            }else {
                                let products = msg[2];
                                if (products) {
                                    let row = "";
                                    $.each(products, function (index, product) {
                                        row += creatRelatedProduct(product);
                                        $('#productRelatedRow').html(row);
                                    })
                                }
                            }
                        }

                    },
                    error: function () {
                        console.log("something went wrong");
                    },
                });
            }
        }

        function creatRelatedProduct(product) {
            let id = product.id;
            let name = product.name;
            let env = '{{ asset(env('PRODUCT_IMAGES_THUMBNAIL_UPLOAD_PATH')) }}';
            let image = product.primary_image;
            let html = '<div id="' + id + '" class="col-6 col-md-2 text-center"><div>' +
                '<img class="img-thumbnail mb-3" src="' + env + '/' + image + '">' +
                '<span">' + name + '</span>' +
                '<button onclick="addToRelated(' + id + ')" class="btn btn-sm btn-outline-dark mr-2" type="button">افزودن</button>' +
                '</div></div>';
            return html;
        }

        function addToRelated(id) {
            $.ajax({
                url: "{{ route('admin.product.ajax') }}",
                type: "POST",
                dataType: "json",
                data: {
                    _token: "{{ csrf_token() }}",
                    id: id
                },
                success: function (product) {
                    if (product) {
                        let id = product.id;
                        let name = product.name;
                        let env = '{{ asset(env('PRODUCT_IMAGES_THUMBNAIL_UPLOAD_PATH')) }}';
                        let image = product.primary_image;
                        let html = '<div id="' + id + '" class="col-6 col-md-2 text-center"><div>' +
                            '<img class="img-thumbnail mb-3" src="' + env + '/' + image + '">' +
                            '<span">' + name + '</span>' +
                            '<input type="hidden" name="relatedProduct[]" value="' + id + '">' +
                            '<button onclick="deleteFromRelated(this,' + id + ')" class="btn btn-sm btn-outline-danger mr-2" type="button">حذف</button>' +
                            '</div></div>';
                        $('#relatedSelected').append(html);
                    }
                },
                error: function () {
                    console.log("something went wrong");
                },
            });
        }

        function deleteFromRelated(tag, id) {
            $(tag).parents('#' + id).remove();
        }

        function clearSearchBox() {
            $('#productRelatedRow').html('');
        }

        function NumberFormat(tag) {
            let price = $(tag).val();
            $(tag).val(number_format(price));
        }

        $('#saveClose').click(function () {
            $('#close').val('saveClose');
            $('form').submit();
        });

        $('#save').click(function () {
            $('#close').val('save');
            $('form').submit();
        });

    </script>
    {{--    //ckEditor--}}
    <script src="{{ asset('ckeditor/ckeditor.js') }}"></script>
    <script>
        CKEDITOR.replace('description', {
            language: 'fa',
            filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form'
        });
        //remove style
        CKEDITOR.on('instanceReady', function (ev) {
            ev.editor.on('paste', function (evt) {
                if (evt.data.type == 'html') {
                    evt.data.dataValue = evt.data.dataValue.replace(/ style=".*?"/g, '');
                }
            }, null, null, 9);
        });
    </script>
    <script src="{{ asset('admin/tinymce/js/tinymce/tinymce.min.js') }}"></script>
    <script type="text/javascript">
        tinymce.init({
            language: 'fa',
            selector: '#shortDescription'
        });
    </script>
@endsection

@section('content')
    <!-- Content Row -->
    <div class="row">
        <div class="col-xl-12 col-md-12 mb-4 p-4 bg-white">
            <div class="mb-4 text-center text-md-right d-flex justify-content-between">
                <h5 class="font-weight-bold">ویرایش محصول {{ $product->name }}</h5>
                <div>
                    <button id="save" class="btn btn-sm btn-success">به‌روزرسانی</button>
                    <button id="saveClose" class="btn btn-sm btn-success">به‌روزرسانی و بستن</button>
                    <a href="{{ $pre_url }}" class="btn btn-sm btn-dark">بازگشت</a>
                </div>
            </div>
            <hr>
            <div class="d-flex justify-content-center mb-3">
                <img class="img-thumbnail"
                     src="{{ imageExist(env('PRODUCT_IMAGES_UPLOAD_PATH'),$product->primary_image) }}"
                     alt="{{ $product->name }}">
            </div>
            <hr>
            @include('admin.sections.errors')

            <form id="productForm" action="{{ route('admin.products.update', ['product' => $product->id]) }}"
                  method="POST">
                <input type="hidden" name="previous_rout" value="{{ url()->previous() }}">
                @csrf
                @method('put')
                <input type="hidden" name="close" id="close" value="">
                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="name">نام</label>
                        <input class="form-control" id="name" name="name" type="text" value="{{ $product->name }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="name">alias</label>
                        <input class="form-control" id="alias" name="alias" type="text" value="{{ $product->alias }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="name">کلمات مشابه</label>
                        <input class="form-control" id="similarWords" name="similarWords" type="text"
                               value="{{ $product->similarWords }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="name">کد کالا</label>
                        <input class="form-control" id="product_code" name="product_code" type="text"
                               value="{{ $product->product_code }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="category_id">دسته بندی  های اصلی:</label>
                        <select id="categorySelect" name="category_id[]" class="form-control" data-live-search="true"
                                multiple>
                            @foreach ($categories as $category)
                                <option
                                    {{ in_array($product->id,$category->Products()->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $category->id }}">
                                    {{ isset($category->parent->name) ? $category->parent->name : $category->name }}
                                    {{ isset($category->parent->name) ? '/'.$category->name : '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="category_id">دسته بندی های پیشنهادی:</label>
                        <select id="categoryOfferSelect" name="offer_category_id[]" class="form-control" data-live-search="true"
                                multiple>
                            @foreach ($categories as $category)
                                <option
                                    {{ in_array($product->id,$category->OfferProducts()->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $category->id }}">
                                    {{ isset($category->parent->name) ? $category->parent->name : $category->name }}
                                    {{ isset($category->parent->name) ? '/'.$category->name : '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="productColors">رنگ بندی های مرتبط:</label>
                        <select id="productColors" name="product_colors[]" class="form-control" data-live-search="true"
                                multiple>
                            @foreach ($products as $item)
                                <option {{ in_array($item->id,$product->ProductColor()->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $item->id }}">
                                    {{ $item->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="category_id">انتخاب بر اساس عملکرد</label>
                        <select id="functionalTypesSelect" name="functional_type_id[]" class="form-control"
                                data-live-search="true" multiple>
                            @foreach ($functionalTypes as $functionalType)
                                <option
                                    {{ in_array($product->id,$functionalType->products()->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $functionalType->id }}">
                                    {{ $functionalType->title }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="is_active">وضعیت</label>
                        <select class="form-control" id="is_active" name="is_active">
                            <option value="1" {{ $product->getRawOriginal('is_active')==1 ? 'selected' : '' }}>فعال
                            </option>
                            <option value="0" {{ $product->getRawOriginal('is_active')==0 ? 'selected' : '' }}>غیرفعال
                            </option>
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="is_percent_show"> نمایش درصد تخفیف در باکس محصول</label>
                        <select class="form-control" id="is_percent_show" name="is_percent_show">
                            <option value="1" {{ $product->is_percent_show ==1 ? 'selected' : '' }}>فعال</option>
                            <option value="0" {{ $product->is_percent_show ==1 ? 'selected' : '' }}>غیرفعال</option>
                        </select>
                    </div>

                                        <div class="form-group col-md-3">
                        <label for="is_installment">فروش اقساطی برای این محصول</label>
                        <select class="form-control" id="is_installment" name="is_installment">
                            <option value="1" {{ $product->is_installment==1 ? 'selected' : '' }}>فعال
                            </option>
                            <option value="0" {{ $product->is_installment==0 ? 'selected' : '' }}>غیرفعال
                            </option>
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="name">موجودی انبار</label>
                        <input  class="form-control" id="quantity"
                               name="quantity" type="text"
                               value="{{ $product->quantity }}">
                    </div>
                    <!--<div class="form-group col-md-3">-->
                    <!--    <label for="is_active">برچسب</label>-->
                    <!--    <select multiple class="form-control" id="tags" name="tags[]">-->

                    <!--        @foreach($tags as $tag)-->
                    <!--            <option-->
                    <!--                value="{{ $tag->id }}" {{ $product->tags->contains($tag->id) ? 'selected' : '' }}>{{ $tag->name }}</option>-->
                    <!--        @endforeach-->
                    <!--    </select>-->
                    <!--</div>-->

                    <div class="form-group col-md-3">
                        <label for="is_active">لیبل</label>
                        <select  class="form-control" id="label" name="label">

                            @foreach($labels as $label)
                                <option
                                    value="{{ $label->id }}" {{ $product->label == $label->id  ? 'selected' : '' }}>{{ $label->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="category_id">برند های مرتبط:</label>
                        <select id="BrandSelect" name="brand_id[]" class="form-control" data-live-search="true"
                                multiple>
                            @foreach ($brands as $brand)
                                <option
                                    {{ in_array($product->id,$brand->Products()->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $brand->id }}">
                                    {{ $brand->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="category_id">برند های پیشنهادی:</label>
                        <select id="OfferBrandSelect" name="offer_brand_id[]" class="form-control" data-live-search="true"
                                multiple>
                            @foreach ($brands as $brand)
                                <option
                                    {{ in_array($product->id,$brand->OfferProducts()->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $brand->id }}">
                                    {{ $brand->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="name">حداکثر کمیت قابل سفارش</label>
                        <input  class="form-control" id="minimum_measure_to_order" name="minimum_measure_to_order" type="number" min="1" step="1"
                                value="{{ $product->minimum_measure_to_order }}">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="name">قیمت (تومان)</label>
                        <input {{ $product_has_variations==1 ? 'readonly' : ''}} onkeyup="NumberFormat(this)"
                               class="form-control price" id="price" name="price" type="text"
                               value="{{ number_format($product->price) }}">
                    </div>
                        <div class="form-group col-md-3">
                      <label for="header_image">برچسب ها </label>
                    <select id="label-multiselect" name="tags[]" multiple dir="rtl">
                          @foreach($tags as $tag)
                                <option
                                    value="{{ $tag->id }}" {{ $product->tags->contains($tag->id) ? 'selected' : '' }}>{{ $tag->name }}</option>
                            @endforeach
                    </select>
                </div>
                   <div class="row  col-md-12">
                        <div class="col-lg-5  mx-2 col-md-12">
                        <div class="alert alert-info d-flex justify-content-between">
                            <label for="sale_for_legal" class="m-0">امکان فروش برای اعضای حقوقی</label>
                            <input {{ $product->sale_for_legal==1 ? 'checked' : '' }} type="checkbox" id="sale_for_legal" name="sale_for_legal">

                        </div>
                    </div>
                    <div class="col-lg-5 mx-2 col-md-12">
                        <div class="alert alert-dark d-flex justify-content-between">
                            <label for="tax" class="m-0">اضافه کردن 9 % مالیات بر قیمت نهایی محصول</label>
                            <input {{ $product->tax==1 ? 'checked' : '' }} type="checkbox" id="tax" name="tax">
                        </div>
                    </div>
                   </div>
                    <div class="form-group col-md-12">
                        <label for="shortDescription">توضیحات مختصر</label>
                        <textarea class="form-control" id="shortDescription"
                                  name="shortDescription">{!! $product->shortDescription !!}</textarea>
                    </div>
                    <div class="form-group col-md-12">
                        <label for="description">توضیحات</label>
                        <textarea class="form-control" id="description" name="description"
                                  rows="4">{!! $product->description !!}</textarea>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="description">ویدئو(لینک آپارات)</label>
                        <textarea class="form-control" id="video" name="video"
                                  rows="4">{{ $product->video }}</textarea>
                    </div>
                             <div class="form-group col-md-6">
                        <label for="name">لینک ویدئو خارجی </label>
                        <input class="form-control" id="video_src" name="video_src" type="text" value="{{ $product->video_src }}">
                    </div>





                </div>
                <div class="row">
                    <div class="col-12">
                        <hr>
                    </div>
                    <div class="col-md-12">
                        <p> محدودیت ارسال کالا : </p>
                    </div>
                    <div class="col-4">
                        <div class="alert alert-danger d-flex justify-content-between">
                            <p class="m-0">ارسال به تهران ؟</p>
                            <input type="checkbox" name="send_to_tehran"
                                   id="send_to_tehran" {{ $product->send_to_tehran==1 ? 'checked' : '' }}>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="alert alert-info d-flex justify-content-between">
                            <p class="m-0">ارسال به البرز ؟</p>
                            <input type="checkbox" name="send_to_alborz"
                                   id="send_to_alborz" {{ $product->send_to_alborz==1 ? 'checked' : '' }}>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="alert alert-warning d-flex justify-content-between">
                            <p class="m-0">ارسال به شهرستان ها ؟</p>
                            <input type="checkbox" name="send_to_others"
                                   id="send_to_others" {{ $product->send_to_others==1 ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <hr>
                    </div>
                    <div class="col-md-12">
                        <p> استان هایی را که امکان پرداخت حضوری دارد را انتخاب نمایید : </p>
                    </div>
                    <div class="col-12">
                        <div class="form-group col-md-6">
                            <label for="selectProvince">لیست استان ها:</label>
                            <select id="selectProvince" name="product_provinces[]" class="form-control" data-live-search="true"
                                    multiple>
                                @foreach ($provinces as $province)
                                    <option {{ in_array($province->id,$product->Provinces()->pluck('id')->toArray()) ? 'selected' : '' }} value="{{ $province->id }}">
                                        {{ $province->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <hr>
                    </div>
                    {{-- Sale Section --}}
                    <div class="col-md-12">
                        <p> تخفیف : </p>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="name">قیمت با تخفیف( تومان )</label>
                        <input {{ $product_has_variations==1 ? 'readonly' : ''}} class="form-control" id="sale_price"
                               name="sale_price" type="text"
                               value="{{ number_format($product->sale_price) }}">
                    </div>
                    <div class="form-group col-md-6">
                        <label> تخفیف( % )</label>
                        <input {{ $product_has_variations==1 ? 'readonly' : ''}} id="percent_sale_price" type="number"
                               name="percent_sale_price"
                               value="{{ $product->percent_sale_price }}" class="form-control">
                    </div>

                    <div class="form-group col-md-6">
                        <label> تاریخ شروع تخفیف </label>
                        <div class="input-group">
                            <div class="input-group-prepend order-2">
                                                    <span class="input-group-text" id="variationDateOnSaleFrom">
                                                        <i class="fas fa-clock"></i>
                                                    </span>
                            </div>
                            <input type="text" class="form-control" id="variationInputDateOnSaleFrom"
                                   name="date_on_sale_from"
                                   value="{{ $product->DateOnSaleFrom==null ? null : verta($product->DateOnSaleFrom)->format('Y-m-d') }}">
                        </div>
                    </div>
                    <div class="form-group col-md-6">
                        <label> تاریخ پایان تخفیف </label>

                        <div class="input-group">
                            <div class="input-group-prepend order-2">
                                                    <span class="input-group-text" id="variationDateOnSaleTo">
                                                        <i class="fas fa-clock"></i>
                                                    </span>
                            </div>
                            <input type="text" class="form-control" id="variationInputDateOnSaleTo"
                                   name="date_on_sale_to"
                                   value="{{ $product->DateOnSaleTo==null ? null : verta($product->DateOnSaleTo)->format('Y-m-d') }}">
                        </div>

                    </div>
                    <div class="col-md-12">
                        <div class="alert alert-info d-flex justify-content-between">
                            <p class="m-0">آیا تمایل دارید این محصول در بخش شمارش معکوس نمایش داده شود ؟</p>
                            <input type="checkbox" name="showOnIndex"
                                   id="showOnIndex" {{ $product->showOnIndex==1 ? 'checked' : '' }}>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="alert alert-dark d-flex justify-content-between">
                            <p class="m-0">آیا تمایل دارید این محصول به صورت همواره تخفیف نمایش داده شود ؟</p>
                            <input type="checkbox" name="has_discount"
                                   id="has_discount" {{ $product->has_discount==1 ? 'checked' : '' }}>
                        </div>
                    </div>

                                    <div class="form-group col-md-3">
                        <label for="name">Meta Description</label>
                            <textarea class="form-control" rows="15" name="meta_des">{{ $product->meta_des }}</textarea>

                    </div>

                    <div class="form-group col-md-3">
                        <label for="name">Meta Keyword</label>
                        <input class="form-control" id="meta_key" name="meta_key" type="text" value="{{ $product->meta_key }}">
                    </div>
                </div>
                <div id="relatedSelected" class="row mt-2">
                    <div class="col-md-12">
                        <hr>
                    </div>
                    {{-- Sale Section --}}
                    <div class="col-md-12">
                        <p> محصولات مرتبط : </p>
                    </div>
                    @foreach($relatedProducts as $item)
                        <div id="{{ $item->id }}" class="col-6 col-md-2 text-center">
                            <div>
                                <img class="img-thumbnail mb-3"
                                     src="{{ asset(env('PRODUCT_IMAGES_THUMBNAIL_UPLOAD_PATH').$item->primary_image) }}">
                                <span>{{ $item->name }}</span>
                                <input type="hidden" name="relatedProduct[]" value="{{ $item->id }}">
                                <button onclick="deleteFromRelated(this,{{ $item->id }})"
                                        class="btn btn-sm btn-outline-danger mr-2" type="button">حذف
                                </button>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <hr>
                    </div>
                    {{-- Sale Section --}}
                    <div class="col-md-12">
                        <p> افزودن محصولات : </p>
                    </div>

                    <form id="productSearch"
                          class="d-none d-sm-inline-block form-inline ml-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
                        <div class="input-group d-flex flex-wrap">
                            <button onclick="clearSearchBox()" class="btn btn-danger order-3" type="button">
                                پاکسازی
                            </button>
                            <div class="input-group-append">
                                <button onclick="searchProduct()" class="btn btn-primary" type="button">
                                    <i class="fas fa-search fa-sm"></i>
                                </button>
                            </div>
                            <input id="productSearchInput" type="text"
                                   class="form-control bg-light border-1 small order-2" placeholder="جستجو ..."
                                   aria-label="Search" aria-describedby="basic-addon2">
                        </div>
                    </form>
                </div>
                <div id="productRelatedRow" class="row mt-2">

                </div>

            </form>
        </div>
    </div>
@endsection