@extends('layouts.admin')
@section('page_title')
@parent
ویرایش محصول {{$product->title}}
@endsection
@section('head-js')
<!-- <link rel="stylesheet" href="/assets/plugins/kama/kamadatepicker.min.css"> -->
<link type="text/css" href="/assets/plugins/persiandatepicker/persian-datepicker.min.css" rel="stylesheet" />
<script src="/assets/plugins/ckeditor/ckeditor.js"></script>
<script type="text/javascript">
  $(document).ready(function() {

    $('.inline-date').persianDatepicker({
        altField: '#enddateAlt',
        format: 'YYYY/MM/DD',
        initialValue: true,
        responsive:true,
        initialValueType: 'persian',
        toolbox:{
            calendarSwitch:{
                enabled: false
            }
        },
        navigator:{
            scroll:{
                enabled: false
            }
        },
        minDate: $.now(),
    });


    $('.expiredate').persianDatepicker({
        inline: true,
        altField: '#expireAlt',
        initialValue: true,
        responsive:true,
        initialValueType: 'persian',
        toolbox:{
            calendarSwitch:{
                enabled: true
            }
        },
        navigator:{
            scroll:{
                enabled: false
            }
        },
        minDate: $.now(),
    });

  });
</script>
@if($product->enddate)
<script>
  $(document).ready(function() {
    $('#enddateAlt').val('');
  });
</script>
@endif
@stop
@section('main')
  <div class="header">
    <h2>ویرایش محصول {{$product->ftitle}}</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/products">همه محصولات</a></li>
        <li class="active">ویرایش محصول {{$product->ftitle}}</li>
      </ol>
    </div>
    @include('admin.error')
    <!-- @if(Session::has('getii'))
    {{implode(", ", Session::get('get'));}}
    @endif -->
  </div>
    {!! Form::open(['url' => '/admin/products/edithandle/'.$product->id, 'method' => 'post' ,'enctype'=>'multipart/form-data' , 'id' => 'productform']) !!}
    <div class="row">
        <div class="col-sm-8">
          <div class="panel">
                <div class="panel-content">
                  <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group">
                        <label style="font-size:16px;" for="title">عنوان فارسی *</label>
                        <input type="text" class="form-control input-sm" name="title" value="{{$product->title}}" required>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <label style="font-size:16px;" for="slug">عنوان انگلیسی *</label>
                        <input type="text" class="form-control input-sm"  name="subtitle" value="{{$product->subtitle}}" required>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12">
                      <div class="form-group">
                        <label style="font-size:16px;" for="slug">نامک *</label>
                        <input type="text" class="form-control input-sm"  name="slug" value="{{$product->slug}}" required>
                      </div>
                    </div>
                  </div>
                      <div class="form-group">
                        <label style="font-size:16px;" for="descr" >توضیحات کوتاه *</label>
                          <div>
                            <textarea class="form-control" name="descr" required>{{$product->descr}}</textarea>
                            <script>CKEDITOR.replace('descr',{
                               language: 'fa'
                            } );
                            </script>
                          </div>
                      </div>
                </div>

            </div>
            <div class="panel">
              <div class="panel-header bg-blue">
                <h5>توضیحات محصول</h5>
              </div>
              <div class="panel-content">
                <div class="row">
                  <div class="col-md-12">
                    <div class="panel-group panel-accordion dark-accordion" id="accordion">
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="" data-toggle="collapse" data-parent="#accordion" href="#features1">
                                ویژگی محصولات
                                </a>
                              </h4>
                            </div>
                            <div id="features1" class="panel-collapse collapse in">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="features">ویژگی محصولات</label>
                                    <div>
                                        <textarea class="form-control" id="features" name="features" required>{{$product->features}}</textarea>
                                        <script>CKEDITOR.replace('features',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#howtouse1">
                                روش مصرف
                                </a>
                              </h4>
                            </div>
                            <div id="howtouse1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="howtouse">روش مصرف <label>
                                    <div>
                                        <textarea class="form-control" id="howtouse" name="howtouse" required>{{$product->howtouse}}</textarea>
                                        <script>CKEDITOR.replace('howtouse',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>                          

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#indications1">
                                موارد مصرف
                                </a>
                              </h4>
                            </div>
                            <div id="indications1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="indications">موارد مصرف <label>
                                    <div>
                                        <textarea class="form-control" id="indications" name="indications" required>{{$product->indications}}</textarea>
                                        <script>CKEDITOR.replace('indications',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>

                           <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#alert1">
                                هشدار مصرف
                                </a>
                              </h4>
                            </div>
                            <div id="alert1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="alert">هشدار مصرف<label>
                                    <div>
                                        <textarea class="form-control" id="alert" name="alert" required>{{$product->alert}}</textarea>
                                        <script>CKEDITOR.replace('alert',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>

                           <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#conditions1">
                                شرایط نگهداری
                                </a>
                              </h4>
                            </div>
                            <div id="conditions1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="conditions">شرایط نگهداری</label>
                                    <div>
                                        <textarea class="form-control" id="conditions" name="conditions" required>{{$product->conditions}}</textarea>
                                        <script>CKEDITOR.replace('conditions',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1">
                                توضیحات محصول
                                </a>
                              </h4>
                            </div>
                            <div id="collapse1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="body">توضیحات محصول *</label>
                                    <div>
                                        <textarea class="form-control" id="body" name="body" required>{{$product->body}}</textarea>
                                        <script>CKEDITOR.replace('body',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#combinations1">
                                ترکیبات
                                </a>
                              </h4>
                            </div>
                            <div id="combinations1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="combinations">ترکیبات</label>
                                    <div>
                                        <textarea class="form-control" id="combinations" name="combinations">{{$product->combinations}}</textarea>
                                        <script>CKEDITOR.replace('combinations',{
                                              language: 'fa',
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#sps1">
                                مشخصات کلی محصول
                                </a>
                              </h4>
                            </div>
                            <div id="sps1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="sps">مشخصات کلی محصول</label>
                                    <div>
                                        <textarea class="form-control" id="sps" name="sps">{{$product->sps}}</textarea>
                                        <script>CKEDITOR.replace('sps',{
                                              language: 'fa',
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="panel">
              <div class="panel-header bg-blue">
                <h5>توضیحات سئو</h5>
              </div>
              <div class="panel-content">
                <div class="row">
                    <div class="col-md-12">
                      <div class="form-group">
                        <h5>عنوان متا</h5>
                        <input type="text" name="metatitle" value="{{$product->metatitle}}" class="form-control input-sm">
                      </div>
                      <div class="form-group">
                        <h5>متا توضیحات</h5>
                        <textarea class="form-control" name="metadescr">{{$product->metadescr}}</textarea>
                      </div>
                    </div>
                </div>
              </div>
            </div>
            <div class="panel">
              <div class="panel-header bg-blue">
                <h5>اطلاعات محصول</h5>
              </div>
              <div class="panel-content">
                <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <h5>قیمت (تومان)</h5>
                        <input type="text" name="price" class="form-control input-sm" value="{{$product->price}}">
                      </div>
                      <div class="form-group">
                        <h5>قیمت فروش ویژه (تومان)</h5>
                        <input type="text" name="salesprice" class="form-control input-sm" value="{{$product->salesprice}}">
                      </div>
                          <div class="form-group">
                            <h5>موجودی فروش ویژه</h5>
                            <input type="text" name="sales_ava" class="form-control input-sm" value="{{$product->sales_ava}}">
                          </div>
                      <div class="form-group">
                          <label onclick="avacheck()"><input type="checkbox" value="1" id="avacheck"  name="avacheck" @if($product->avacheck == 1) checked @endif> تعریف موجودی </label>
                          <input type="text"  name="ava" id="ava" class="form-control input-sm" placeholder="تعداد موجودی را وارد کنید" @if($product->avacheck == 1) value="{{$product->ava}}" required @else style="display:none;" @endif>
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <h5>تعداد در جعبه</h5>
                        <input type="text" name="box" class="form-control input-sm" value="{{$product->box}}">
                      </div>
                      <div class="form-group">
                        <h5>محدودیت در تعداد فروش</h5>
                        <input type="text" name="saleslimit" value="{{$product->saleslimit}}" class="form-control input-sm">
                      </div>
                      <div class="form-group">
                        <label><input type="checkbox" value="1" id="closesale"  name="closesale" @if($product->closesale) checked @endif> بستن به روزرسانی آریا </label>
                      </div>
                          <div class="form-group">
                            <label><input type="checkbox" value="1" id="shutsales"  name="shutsales" @if($product->shutsales) checked @endif> بستن فروش </label>
                          </div> 
                          <div class="form-group">
                              <label><strong>آخرین شماره رسید:</strong>{{$product->resid_ID}} </label><br>
                                 <label><strong>آخرین قیمت خرید (تومان):</strong>{{$product->lastbuyprice}} </label>
                          </div>
                    </div>
                </div>
              </div>
            </div>
            <div class="panel">
              <div class="panel-header bg-blue">
                <h5>پیشنهاد طلایی</h5>
              </div>
              <div class="panel-content">
                <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <label><input type="checkbox" value="1" name="salestimer" @if($product->salestimer) checked @endif> فعال شود؟ </label>
                      </div>
                      <div class="form-group">
                        <h5>ساعت</h5>
                        <input type="number" name="hour" class="form-control input-sm" value="{{$product->hour}}">
                      </div>
                      <div class="form-group">
                        <h5>دقیقه</h5>
                        <input type="number" name="minute" class="form-control input-sm" value="{{$product->minute}}">
                      </div>
                      <div class="form-group">
                        <h5>ثانیه</h5>
                        <input type="number" name="second" class="form-control input-sm" value="{{$product->second}}">
                      </div>                      
                    </div>
                    <div class="col-md-6">
                        تاریخ اتمام : {{\Morilog\Jalali\Jalalian::forge($product->activatedTimer)->format('d F Y در H:i:s')}}
                    </div>
                </div>
              </div>
            </div>            
            <div class="panel">
              <div class="panel-header bg-blue">
                <h5>بارگذاری تصاویر گالری</h5>
              </div>
              <div class="panel-content" style="min-height: 250px;">
                  <div class="col-md-12 addimgs">
                     <input type="file" class="form-control uploadimgs" name="gallery[]" onchange="addimg(0)" id="f-0" data-id="0">
                     <label class="btn btn-lg" style="cursor:pointer" for="file">افزودن تصویر</label>
                     <div class="clear-both"></div>
                  </div>
                  <div class="row">
                      <div class="col-md-12 img-previews">
                      <div class="img-box"><img class="img-responsive gal" width="175" id="img-0"><div class="fa fa-times-circle del" id="del-0" onclick="delimg(0)"></div></div></div>
                  </div>
                  <div class="row">
                    <div class="col-md-12 galleryBox">
                     @foreach($gallery as $gal)
                        <div class="img-uploaded" id="box-{{$gal->id}}">
                            <img class="img-responsive upd" width="175" id="img-{{$gal->id}}" src="{{asset($gal->src)}}">
                            <div class="fa fa-times-circle delupd" onclick="delupdimg({{$gal->id}})"></div>
                        </div>
                     @endforeach
                    </div>
                  </div>
              </div>
            </div>
            @can('user-logs')
            <div class="panel">
                <div class="panel-heading bg-dark">تاریخچه کاربران</div>
                <div class="panel-content">
                    <div class="row" style="max-height:200px; overflow:auto;">
                        <div class="col-md-12">
                         @foreach($logs as $log)
                            <div class="well well-sm">
                                <p><strong>{{$log->descr}}</strong> <span class="label label-primary">{{$log->name}}</span> <span class="label label-blue"> {{\Morilog\Jalali\Jalalian::forge($log->created_at)->format('d F Y در H:i')}}</span></p>
                                <ul>
                                    <li>
                                        <span>قیمت: @if($log->price) {{$log->price}} تومان @endif</span> / <span>فروش ویژه: @if($log->salesprice) {{$log->salesprice}} تومان @endif</span>
                                    </li>
                                    <li>
                                        <span>موجود شود؟ : {{$log->avacheck}} </span> / <span>تعداد موجودی: {{$log->ava}}</span>
                                    </li>                                    
                                </ul>
                                
                            </div>
                         @endforeach
                        </div>
                    </div>
                </div>
            </div>
            @endcan
            @can('edit-user')
            @if($product->user_id)
            <div class="panel">
              <div class="panel-content">
                  <div class="row">
                      <div class="col-md-12">
                        <p>{{$product->users->fname}} {{$product->users->lname}}</p>
                      </div>
                  </div>

              </div>
            </div>
            @endif
            @endcan            
            <button type="submit" class="btn btn-primary">به روزرسانی محصول</button>
        </div>

        <div class="col-sm-4">

            <div class="panel panel-default">
              <div class="panel-heading bg-blue" >وضعیت محصول</div>
              <div class="panel-body">
                    <div class="form-group">
                      <label for="status">وضعیت محصول را انتخاب کنید</label>
                      <select class="form-control input-sm" id="status" name="status">
                        <option value="1" @if($product->status == 1) selected @endif>منتشر شده</option>
                        <option value="0" @if($product->status == 0) selected @endif>پیش نویس</option>
                      </select>
                    </div>
                    <a class="btn btn-dark btn-block" href="{{url('/'.env('Shop_Slug').'/'.$product->slug)}}">مشاهده محصول</a>
                    @can('add-comment-product')
                    <button class="btn btn-blue btn-block" data-toggle="modal" data-target="#addcomment">ثبت دیدگاه جدید</button>

                    @endcan
                    @if($product->pack == 1)
                    <a class="btn btn-dark btn-block" href="{{url('/admin/products/'.$product->id.'/pack')}}">مدیریت پک محصول</a>
                    @endif

              </div>
            </div>

            <div class="panel panel-default" id="product-panel">
                <div class="panel-heading bg-blue" >مشخصه های محصول</div>
                <div class="panel-body">
                    <div class="row">
                      <div class="col-sm-12">
                            <div class="form-group">
                                <label for="code">کد محصول *</label>
                                <input type="text" class="form-control input-sm" value="{{$product->code}}" name="code" required>
                            </div>
                            <div class="form-group">
                                <label for="barcode">بارکد محصول *</label>
                                <input type="text" class="form-control input-sm" value="{{$product->barcode}}" name="barcode">
                            </div>
                            <div class="form-group" style="margin-top:10px;">
                                <label> <input type="checkbox" class="js-switch" name="pack" value="1" data-color-on="blue" @if($product->pack == 1) checked @endif/>   محصول پکی</label>
                            </div> 

                            <hr>
                            <div class="form-group">
                                <label for="weight">وزن به گرم</label>
                                <input type="number" min="0" class="form-control input-sm" value="{{$product->weight}}" name="weight">
                                <p>وزن کالا به گرم وارد نمائید</p>
                            </div>
                            <div class="form-group">
                                <label>تاریخ انقضا</label>
                                <select name="expire" class="form-control">
                                    <option value=" ">انتخاب کنید</option>
                                    @foreach($expire as $ex)
                                    <option value="{{$ex}}" @if($ex == $product->expire) selected @endif>{{$ex}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>تاریخ انقضا ارسالی</label>
                                <div>{{$product->expirecheck}}</div>
                            </div>
                            
                            <!--<div class="form-group">-->
                            <!--    <label><input type="checkbox" value="1" name="variable" @if($product->variable == 1) checked @endif>محصول متغییر</label>-->
                            <!--</div> -->

                          <div class="form-group">
                            <label><input type="checkbox" value="1" id="seo"  name="seo" @if($product->seo) checked @endif> سئو </label>
                          </div>  
                      </div>

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

            <div class="panel panel-default">
                <div class="panel-heading bg-blue" > وب سرویس ها</div>
                <div class="panel-body">
                    <div class="row">
                      <div class="col-sm-12">
                              <div class="form-group">
                                  <label for="dgk_code">کدمحصول در دیجی کالا DKPC </label>
                                  <input type="text" class="form-control input-sm" value="{{$product->dgk_code}}" name="dgk_code">
                              </div>
                            <div class="form-group">
                                <label><input type="checkbox" value="1"  name="dgk_update"> به روزرسانی دستی یک مرتبه در دیجیکالا </label>
                            </div>
                            <div class="form-group" style="margin-top:10px;">
                                <label> <input type="checkbox" class="js-switch" name="dgk_status" value="1" data-color-on="blue" @if($product->dgk_status == 1) checked @endif/>   وضعیت دیجیکالا</label>
                            </div> 
                            @if($product->dgk_update)
                            <p>
                            آخرین به روز رسانی در دیجیکالا  <label class="label label-success"> {{\Morilog\Jalali\Jalalian::forge($product->dgk_update)->format('d F Y در H:i')}}</label>
                            </p>
                            @endif
                            <!-- <div class="form-group">
                                <label><input type="checkbox" value="1" name="variable" @if($product->variable == 1) checked @endif>محصول متغییر</label>
                            </div> -->
                            <hr>
                            <div class="form-group" style="margin-top:10px;">
                                <label> <input type="checkbox" class="js-switch" name="snappshop" value="1" data-color-on="blue" @if($product->snappshop == 1) checked @endif/>   وضعیت اسنپ شاپ</label>
                            </div>  
                            <div class="form-group" style="margin-top:10px;">
                                <label> <input type="checkbox" class="js-switch" name="tapsishop" value="1" data-color-on="blue" @if($product->tapsishop == 1) checked @endif/>   وضعیت تپسی شاپ</label>
                            </div>  
                      </div>

                    </div>
                </div>
            </div>
            @if(kv('club_active'))
                <div class="panel">
                    <div class="panel-heading bg-dark" >باشگاه مشتریان</div>
                    <div class="panel-content">
                        <div class="row">
                          <div class="col-sm-12">

                              <div class="form-group">
                                  <label for="barcode">امتیاز خرید کالا </label>
                                  <input type="number" class="form-control input-sm" min="0" value="{{$product->credit}}" name="credit">
                              </div>

                          </div>

                        </div>
                    </div>
                </div>
                @endif
            <div class="panel panel-default">
              <div class="panel-heading bg-blue" >دسته بندی ها</div>
              <div class="panel-body">
                <section class="section sec-w">
                @if(count($cato)>0)
                  <select name="cats[]" class="form-control" multiple>
                    <option value="">--انتخاب کنید --</option>
                    @foreach($cato as $cat)
                      <option value="{{$cat->id}}" @foreach($product->productcats as $ca) @if($ca->id == $cat->id) selected @endif @endforeach>{{$cat->title}}</option>
                      @if(count($cat->childs))
                        @include('admin.products.editcatagain',['childs' => $cat->childs , 'product'=>$product])
                      @endif
                    @endforeach
                  </select>
                @else
                    <p style="color=#fff; padding:20px 0; text-align:center; font-size:14px; ">هیچ دسته موضوع تعریف نشده است <br> برای تعریف دسته بندی به <a href="/admin/products/category" target="_blank">این لینک</a> مراجعه کنید</p>
                @endif
                </section>
                <section class="section sec-w">
                    <label>دسته محصولات مشابه</label>
                @if(count($product->productcats)>0)
                  <select name="maincat" class="form-control select-picker" >
                      <option value="">انتخاب کنید</option>
                    @foreach($product->productcats as $main)
                      <option value="{{$main->id}}" @if($main->id == $product->maincat) selected @endif>{{$main->title}}</option>
                    @endforeach
                  </select>
                @else
                    <p style="color=#fff; padding:20px 0; text-align:center; font-size:14px; ">هیچ دسته موضوع تعریف نشده است <br> برای تعریف دسته بندی به <a href="/admin/products/category" target="_blank">این لینک</a> مراجعه کنید</p>
                @endif
                </section>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading bg-blue" >برندها</div>
              <div class="panel-body">
                <section class="section sec-w">
                  <select name="brand" class="form-control">
                    <option value="">--انتخاب کنید --</option>
                    @foreach($brands as $brand)
                      <option value="{{$brand->id}}" @if($brand->id == $product->brand_id) selected @endif>{{$brand->title}}</option>
                    @endforeach
                  </select>
                </section>

              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading bg-blue" >برچسب</div>
              <div class="panel-body">
                <section class="section sec-w">
                  <input type="text" id="tagsearch" autocomplete="off" class="form-control" placeholder="برچسب جستجو کنید">
                  <div id="tag-select">
                  </div>
                  <hr>
                  <div class="form-group">
                      <input type="text" class="form-control" placeholder="برچسب را بنویسید میتوانید با , هم جدا کنید" id="tagsinput" style="border-left:0;border-radius: 0 3px 3px 0;float: right;width: 80%;">
                      <div class="btn btn-danger" role="button" tabindex="0" id="tagbtn" style=" padding: 7px; border-radius: 3px 0 0 3px; border-top: 2px solid #aaa;border-bottom: 2px solid #aaa;border-left: 2px solid #aaa;height: 46px;">افزودن</div>
                  </div>
                  <br><br>
                  <div class="submitted-tags">
                    @foreach($product->producttags as $mm)
                        <div style="float:right; padding:4px;" id="delete-{{$mm->id}}">
                            <div class="label label-success" style="background: #eee; color:#444;">{{$mm->title}}  <i class="fa fa-times" style="color:red; cursor:pointer;" onclick="deltag({{$mm->id}})"></i>
                            </div>
                        </div>
                    @endforeach
                  </div>
                  <div class="tagsformdata">
                    @foreach($product->producttags as $mm)
                        <input type="hidden" name="tags[]" id="deleteinput-{{$mm->id}}" value="{{$mm->title}}">
                    @endforeach
                  </div>
                </section>
              </div>
            </div>

          <div class="panel panel-default">
              <div class="panel-header bg-blue">
                <h5>بارگذاری تصویر شاخص</h5>
              </div>
              <div class="panel-body">
                  <div id="image-preview" style="  width: 100%; height: auto; position: relative; overflow: hidden; background-color: inherit; color: inherit; margin: 0 auto;">
          <img @if($product->thumbnails) src="{{asset($product->thumbnails)}}"  @else src="/no-image.jpg"  @endif class="default-user-pic img-responsive" style=" width: 100%; height: auto;" id="blah" alt="your image" width="100" height="100" align="middle">
        </div>

          <div class="input-group">

                  <label class="input-group-btn">
                      <span class="btn btn-primary" style="border-radius:0; width:100%; display: table; text-align: center; font-family: yekan;">
                          بارگذاری <input type="file" style="display: none;" multiple  onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])" name="upload">
                      </span>
                  </label>
              </div>
              <div onclick="deleteimagesrc({{$product->id}})" style="color:red;cursor: pointer;">حذف عکس</div>
              <div class="form-group">
                <label><input type="checkbox" name="watermark" value="1"> واترمارک</label>
              </div>
              @if(\Auth::user()->id == 1)
              <div class="form-group">
                <label><input type="checkbox" name="convertwebp" value="1"> تبدیل به webp</label>
              </div>
              @endif
              <span class="btn btn-dark mt-3" id="loadFromGoogle" data-id="{{$product->id}}">گرفتن تصاویر</span>
              
              </div>
              
              
          </div>
        </div>

    </div>

<!-- مودال نمایش تصاویر گوگل -->
<div class="modal fade" id="googleImagesModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">انتخاب تصاویر</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
          <p>{{$product->title}}</p>
        <div id="googleImagesContainer" style="display:flex; flex-wrap:wrap; gap:10px; justify-content:center;"></div>
      </div>
      <div class="modal-footer">
        <button type="button" id="resetGoogleImages" class="btn btn-secondary">لغو انتخاب و ریست</button>
        <button type="button" id="saveGoogleImages" class="btn btn-primary">ذخیره انتخاب‌ها</button>
      </div>
    </div>
  </div>
</div>

<!-- hidden input فرم -->
<input type="hidden" id="selectedImagesInput" name="selected_images">

        {!! Form::close() !!}
        <input type="hidden" id="product_id" value="{{$product->id}}">
</div>
                                @can('add-comment-product')
                              <div id="addcomment" class="modal fade" role="dialog">
                                <div class="modal-dialog">

                                  <!-- Modal content-->
                                  <div class="modal-content">
                                  {!! Form::open(['url' => '/admin/products/edithandle/'.$product->id.'/add-comment', 'method' => 'post']) !!}
                                    <div class="modal-header">
                                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      <h4 class="modal-title">ثبت دیدگاه جدید</h4>
                                    </div>
                                    <div class="modal-body">

                                        <div class="form-group">
                                            <label>نام دیدگاه دهنده</label>
                                            <input type="text" name="name" class="form-control" required>
                                         </div>

                                        <div class="form-group">
                                            <label>متن دیدگاه</label>
                                            <textarea type="text" name="content" class="form-control" required></textarea>
                                         </div>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="submit" class="btn btn-primary">ثبت دیدگاه</button>
                                      <button type="button" class="btn btn-default" data-dismiss="modal">انصراف</button>
                                    </div>
                                  {!! Form::close() !!}
                                  </div>

                                </div>
                              </div>
                              @endcan

@endsection
@section('js')
<script src="/assets/plugins/select2/select2.full.min.js"></script>
<script src="/assets/plugins/persiandatepicker/persian-date.min.js"></script>
<script src="/assets/plugins/persiandatepicker/persian-datepicker.min.js"></script>
<script>
$(document).on('click', '#loadFromGoogle', function () {
    let id = $(this).data('id');

    $('#googleImagesContainer')
        .css({
            "display": "flex",
            "flex-wrap": "wrap",
            "gap": "10px",
            "justify-content": "center"
        })
        .html('<p>در حال دریافت...</p>');

    $('#googleImagesModal').modal('show');

    $.get(`/admin/products/${id}/google-images`, function(res) {
        if (!res || res.length === 0) {
            $('#googleImagesContainer').html('<p>نتیجه‌ای یافت نشد</p>');
            return;
        }

        let html = '';

            res.forEach(item => {
                html += `
                    <div class="text-center" style="width:250px;">
                        <img src="${item.link}"
                             data-img="${item.link}"
                             class="google-img"
                             style="width:250px;height:250px;object-fit:cover;cursor:pointer;border-radius:6px;border:2px solid #ccc" />
                        <div style="font-size:12px;margin-top:5px;white-space:normal;">
                            ${item.title || ''}
                        </div>
                        <div style="font-size:11px;color:#555;">
                            ${item.width && item.height ? item.width + ' × ' + item.height : ''}
                        </div>
                    </div>
                `;
            });

        $('#googleImagesContainer').html(html);
    }).fail(() => {
        $('#googleImagesContainer').html('<p>خطا در ارتباط با گوگل</p>');
    });
});
let selectedImages = []; // تصاویر انتخاب شده

// انتخاب/لغو انتخاب تصاویر
$(document).on('click', '.google-img', function () {
    const src = $(this).data('img');

    if (selectedImages.includes(src)) {
        // لغو انتخاب
        selectedImages = selectedImages.filter(i => i !== src);
        $(this).css('border', '2px solid #ccc');
    } else {
        // اضافه کردن به انتخاب شده ها
        selectedImages.push(src);
        $(this).css('border', '3px solid green');
    }
});

// ذخیره انتخاب‌ها در hidden input
$(document).on('click', '#saveGoogleImages', function () {
    if (selectedImages.length === 0) {
        alert('حداقل یک تصویر انتخاب کنید!');
        return;
    }
    $('#selectedImagesInput').val(JSON.stringify(selectedImages));
    $('#googleImagesModal').modal('hide');
});

// ریست کردن انتخاب‌ها
$(document).on('click', '#resetGoogleImages', function () {
    selectedImages = [];
    $('#selectedImagesInput').val('');
    $('.google-img').css('border', '2px solid #ccc');
});
</script>
<script type="text/javascript">


// kamaDatepicker('selectdate', { buttonsColor: "red", forceFarsiDigits: true ,highlightSelectedDay:true,sync:true,gotoToday:true,markToday:true,closeAfterSelect:true});

function addimg(put){
    var b = $('#f-'+put).attr('data-id');
    var c = parseInt(b);
    $('#f-'+put).hide();
    $('#del-'+put).css({'visibility':'visible'});
    $('#img-'+put).css({'visibility':'visible'});
    if ($('#f-'+put)[0].files && $('#f-'+put)[0].files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#img-'+put).attr('src', e.target.result);
        }
        reader.readAsDataURL($('#f-'+put)[0].files[0]);
    }
    c++;
    $('.img-previews').append('<div class="img-box"><img class="img-responsive gal" width="175" id="img-'+c+'"><div class="fa fa-times-circle del" id="del-'+c+'" onclick="delimg('+c+')"></div></div>');
    $('.addimgs').append('<input type="file" class="form-control uploadimgs" name="gallery[]" onchange="addimg('+c+')" id="f-'+c+'" data-id="'+c+'"> ');
}

function avacheck(){
  ava = $('#avacheck:checkbox:checked').val();
  if(ava == 1){
    $('#ava').fadeIn();
    $('#ava').prop('required',true);
  }else{
    $('#ava').fadeOut();
    $('#ava').prop('required',false);
  }
}
function delimg(put){
$('#del-'+put).remove();
$('#img-'+put).remove();
$('#f-'+put).remove();
}
function delupdimg(id){
    $.ajax({
        url : '/admin/products/ajax-delete-img',
        method : 'post',
        dataType: 'json',
        data : {'id': id},
        success:function(result){
            if(result.success == 'deleted'){
                $('#box-'+result.id).remove();
                $('#img-'+result.id).remove();
            }
        }
    });
}


function deleteimagesrc(id){
  $.ajax({
    url : '/admin/ajax/products/delete-imagesrc',
    method : 'GET',
    data : {id:id},
    dataType : 'json',
    success : function(data) {
        $('#blah').attr('src','/no-image.jpg');
      alert('تصویر با موفقیت حذف شد');
    },
    error : function(data) {
      alert('خطایی رخ داده است مجددا تلاش نمائید');
    }
  });
}

function deleteDate() {
  $('#enddateAlt').val('');
  $('#enddate-input').val('');
}
</script>
<script>

  $('#tagsearch').keyup(function(){
  var input = $(this).val();
  var timeout = null;
  if(input.length >= 3){

    $.ajax({
    url : '/admin/ajax/tagsearch',
    method : 'get',
    data : {search : input },
    dataType : 'json',
    success : function(data){
      $('#tag-select').html('');
      $.each(data.tags,function(i,data){
        $('#tag-select').append('<p id="result-'+data.id+'" onclick="addtagss('+data.id+')" value="'+data.id+'">'+data.title+'</p>');
      });

    },
    error : function(data){}
  });
  }
});
</script>
<script>
  $(document).ready(function(){
      tagcont = {{$max + 1}};
      $('#tagbtn').on('click',function(){
          tag = $('#tagsinput').val().split(",");
          if(tag == ''){
            alert('لطفا برچسبی وارد کنید');
          }else{
            $.each(tag,function(i){
              $('.tagsformdata').append('<input type="hidden" name="tags[]" id="tagdata-'+tagcont+'" value="'+tag[i]+'">');
              $('.submitted-tags').append('<div style="float:right; padding:4px;"><div class="label label-success" style="background: #eee; color:#444;" id="taglabel-'+tagcont+'">'+tag[i]+'<i class="fa fa-times" style="color:red; cursor:pointer;" onclick="removetag('+tagcont+')"> </i></div></div>');
              $('#tagsinput').val('');
              tagcont++;
            });

          }
      });
  });
  function addtagss(id){
    value = $('#result-'+id).attr('value');
    text = $('#result-'+id).text();
    $('#tagsearch').val('');
    $('#result-'+id).remove();
    if(value != '' || text != ''){
      $('.tagsformdata').append('<input type="hidden" name="tags[]" id="tagdata-'+tagcont+'" value="'+text+'">');
      $('.submitted-tags').append('<div style="float:right; padding:4px;"><div class="label label-success" style="background: #eee; color:#444;" id="taglabel-'+tagcont+'">'+text+'<i class="fa fa-times" style="color:red; cursor:pointer;" onclick="removetag('+tagcont+')"> </i></div></div>');
      $('#tagsinput').val('');
      tagcont++;
    }
  }
function removetag(id){
  $('#tagdata-'+id).remove();
  $('#taglabel-'+id).remove();
}
function deltag(id){
    product = $('#product_id').val();
    $.ajax({
        url: '/admin/products/ajax/delete/tag',
        method: 'GET',
        dataType: 'json',
        data: {id: id,product:product},
        success: function(result){
            $('#delete-'+result.tag).fadeOut();
            $('#deleteinput-'+result.tag).remove();
        }
    });
  }
</script>
@endsection