@extends('backend.layout')
@section('titre')
    Produits
@endsection

@section('content')
    <!-- Container-fluid starts-->
    @php $modele='produits' @endphp

    <div class="card">
        <div class="card-header">
            <div class="row">
                <div class="col-md-8">
                    <h5>Modifier Produit</h5>
                </div>
             </div>
        </div>
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li> {{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card-body">
            <ul class="nav nav-tabs tab-coupon" id="myTab" role="tablist">
                <li class="nav-item"><a class="nav-link active show" id="general-tab" data-bs-toggle="tab" href="#general" role="tab" aria-controls="general" aria-selected="true" data-original-title="" title="">Essentiel</a></li>
                <li class="nav-item"><a class="nav-link" id="restriction-tabs" data-bs-toggle="tab" href="#restriction" role="tab" aria-controls="restriction" aria-selected="false" data-original-title="" title="">Caractéristique</a></li>
                <li class="nav-item"><a class="nav-link" id="seo-tabs" data-bs-toggle="tab" href="#seo" role="tab" aria-controls="seo" aria-selected="false" data-original-title="" title="">Seo referencement</a></li>

                <li class="declinison nav-item @if($produit->type==1) d-none @endif"><a class="nav-link " id="declinison-tab" data-bs-toggle="tab" href="#declinison" role="tab" aria-controls="declinison" aria-selected="false" data-original-title="" title="">Déclinaison</a></li>
            </ul>
            <form enctype="multipart/form-data" action="{{route("produits.update",$produit->id)}}" class="needs-validation add-product-form" method="POST">
                @csrf
                @method('PUT')
                <div class="tab-content" id="myTabContent">

                    <div class="tab-pane fade active show" id="general" role="tabpanel" aria-labelledby="general-tab">
                        <div class="row product-adding">

                            <div class="col-md-12 col-xl-12">


                                <div class="form">
                                    <div class="row">
                                        <div class="form-group mb-3 col-md-12">
                                            <label for="type" class="col-xl-12 col-sm-12 mb-0">Type</label>
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <input type="radio" @if($produit->type==1) checked @endif  class="typep" name="type" value="1"> Simple
                                                </div>
                                                <div class="col-md-2">
                                                    <input type="radio" @if($produit->type==2) checked @endif class="typep" name="type" value="2"> Avec déclinaison
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group mb-3 col-md-12">
                                            <label for="newcollection" class="col-xl-12 col-sm-12 mb-0">Nouvelle collection</label>

                                            <div class="col-md-2">
                                                <input type="checkbox" @if($produit->newcollection==2) checked @endif   name="newcollection" value="1">
                                            </div>



                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group mb-3 col-md-12">
                                            <label for="reference" class="col-xl-12 col-sm-12 mb-0">Réference</label>
                                            <div class="col-md-11">
                                                <input value="{{$produit->reference}}" class="form-control" id="link" name="reference" type="text"    >

                                            </div>

                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group mb-3 col-md-12">
                                            <label for="marque_id" class="col-xl-12 col-sm-12 mb-0">Marque</label>
                                            <div class="col-md-11">
                                                <select  id="marque_id"  name="marque_id" class="form-control">
                                                    <option >Choisir Marque</option>
                                                    @foreach($marques as $marque)
                                                        <option @if($produit->marque_id==$marque->id) selected @endif value="{{$marque->id}}">{{$marque->name}}</option>

                                                    @endforeach
                                                </select>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group mb-3 col-md-12">
                                            <label for="categorie_id" class="col-xl-12 col-sm-12 mb-0">Catégorie</label>
                                            <div class="col-md-11">
                                                <select required class="js-example-basic-multiple " name="categorie_id[]" multiple="multiple">
                                                    <option >Choisir Catégorie</option>
                                                    @foreach($categories as $category)
                                                        <option @if(in_array($category->id,$category_prod)) selected  @endif value="{{$category->id}}">{{$category->name}}</option>
                                                        @foreach($category->children as $cats)
                                                            <option @if(in_array($cats->id,$category_prod)) selected  @endif value="{{$cats->id}}"> {{$category->name}} > {{$cats->name}}</option>

                                                            @if(count($cats->children)>0)
                                                                @foreach($cats->children as $cat)
                                                                    <option  @if(in_array($cat->id,$category_prod)) selected  @endif value="{{$cat->id}}"> {{$category->name}} > {{$cats->name}} > {{$cat->name}}</option>
                                                                @endforeach
                                                            @endif
                                                     @endforeach
                                                    @endforeach
                                                </select>
                                            </div>

                                        </div>
                                    </div>
                                    @foreach($GLOBALS['languages'] as $language)
                                    <div class="row form-group multilang lang-{{$language->name}}">
                                            <div class="form-group mb-3 col-md-11">
                                                <label for="{{$language->name}}_inputname" class="col-xl-12 col-sm-12 mb-0">Libelle @if($language->defaut==1) <span> * </span>  @endif
                                                    ( {{$language->name}} ) <img style="width: 20px;" src="{{asset('images/languages').'/'.$language->flag}}"></label>
                                                <div class="col-xl-12 col-sm-7">
                                                    <input  @if($language->defaut==1) {{'required'}} @endif value="{{$produit->translate($language->name)->name}}" class="form-control" id="{{$language->name}}_inputname" name="{{$language->name}}_name" type="text"    >

                                                </div>

                                            </div>
                                            <div class="p-0 col-sm-1 text-right select-lang"></div>
                                       
                                    </div> 
                                    @endforeach
                                   
                                        @foreach($GLOBALS['languages'] as $language)
                                        <div class="row form-group multilang lang-{{$language->name}}">
                                            <div class="form-group mb-3 col-md-11">
                                                <label for="{{$language->name}}_description" class="col-xl-12 col-sm-12 mb-0">Description
                                                    ( {{$language->name}} ) <img style="width: 20px;" src="{{asset('images/languages').'/'.$language->flag}}"></label>
                                                <div class="col-xl-12 col-sm-7">
                                                    <div class="editor-space">
                                                        <textarea   class="summernote" name="{{$language->name}}_description" >{{$produit->translate($language->name)->description}}</textarea>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="p-0 col-sm-1 text-right select-lang"></div>
                                        </div>
                                        @endforeach
                                    
                                    <div class="row">
                                        @php $tab_img_dec=[] @endphp
                                        @foreach($produit->stocks as $stocks)
                                            @if(count($stocks->imagedeclinaisons))
                                                @foreach($stocks->imagedeclinaisons as $image)
                                                    @php $tab_img_dec[]=$image->image_id @endphp
                                                  @endforeach
                                                @endif
                                            @endforeach

                                            <div class="form-group mb-3">
                                                <label for="images" class="col-xl-12 col-sm-12 mb-0">Images</label>

                                                    <div class="row" id="previewImage_0 ">
                                                        @if(!empty($produit->images))
                                                            @foreach($produit->images as $image)
                                                                @php $class="" @endphp
                                                                @if($image->defaut==1)
                                                               @php $class="image_defaut" @endphp
                                                                @endif
                                                                @if($image->survol==1)
                                                                    @php $class="image_survol" @endphp
                                                                @endif
                                                                <div class="col-md-2 col-sm-3" id="image_container_{{$image->id}}">
                                                                    <div class="panel panel-default image-actions">
                                                                        <div class="panel-body {{$class}}" id="image_{{$image->id}}">
                                                                            <img src="{{asset('images/produits').'/'.$image->image_name}}" class="img-responsive" alt=""><div class="text-right image-actions">
                                                                                <a title="marquer image defaut" class="btn btn-success" href="javascript:default_image('{{$image->id}}','{{$produit->id}}');" href="javascript:default_image();"><i class="fa fa-check"></i></a>
                                                                                <a title="marquer image survol" class="btn btn-success" href="javascript:survol_image('{{$image->id}}','{{$produit->id}}');" href="javascript:survol_image();"><i class="fa fa-hand-pointer-o"></i></a>

                                                                            @if(in_array($image->id,$tab_img_dec))
                                                                                <a class="btn btn-danger"   onclick="alert('Cette image est utlisé dans les declinaison')"><i class="fa fa-trash-o"></i></a>
                                                                         @else
                                                                                    <a title="supprimer image" class="btn btn-danger" href="javascript:delete_image({{$image->id}});" onclick="return confirm('Etes vous sure de supprimer cette image ?')"><i class="fa fa-trash-o"></i></a>

                                                                                @endif

                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endforeach
                                                        @endif
                                                    </div>


                                            </div>

                                    </div>

                                    <iframe src="{{URL::to('/').$prefix}}/tmpimage" width="100%" height="300"></iframe>

                                    <div class="row">

                                        <div class="form-group mb-3 col-md-4">
                                            <label for="tva" class="col-xl-12 col-sm-12 mb-0">Tva</label>
                                            <div class="col-xl-10 col-sm-7">
                                                <select  id="tva"  name="tva" class="form-control">

                                                    @foreach($tvas as $tva)
                                                        <option @if($produit->tva==$tva->taux)   selected @endif value="{{$tva->taux}}">{{$tva->taux}}%</option>

                                                    @endforeach
                                                </select>

                                            </div>

                                        </div>

                                        <div class="form-group mb-3 col-md-4">
                                            <label for="prixttc" class="col-xl-12 col-sm-12 mb-0">P.U.TTC</label>
                                            <div class="col-xl-10 col-sm-7">
                                                <input value="{{$produit->prixttc}}" class="form-control" id="prixttc" name="prixttc" type="text"    >

                                            </div>

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

                                        <div class="form-group mb-3 col-md-4">
                                            <label for="stock" class="col-xl-12 col-sm-12 mb-0">Stock</label>
                                            <div class="col-xl-10 col-sm-7">
                                                <input class="form-control" id="stock" name="stock" type="text"  value="{{$produit->stock}}"  >

                                            </div>

                                        </div>
                                        <div class="form-group mb-3 col-md-4">
                                            <label for="qte_min" class="col-xl-12 col-sm-12 mb-0">Qte min vente</label>
                                            <div class="col-xl-10 col-sm-7">
                                                <input class="form-control" id="qte_min" name="qte_min" type="text" value="{{$produit->qte_min}}"    >

                                            </div>

                                        </div>
                                        <div class="form-group mb-3 col-md-4">
                                            <label for="stock_alerte" class="col-xl-12 col-sm-12 mb-0">Stock alerte</label>
                                            <div class="col-xl-10 col-sm-7">
                                                <input class="form-control" id="stock_alerte" name="stock_alerte" type="text"   value="{{$produit->stock_alerte}}" >

                                            </div>

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

                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="restriction" role="tabpanel" aria-labelledby="restriction-tabs">

                        @php $tab_carac=[] @endphp
                        @php $tab_caracv=[] @endphp
                      @if(count($produit->caracteristiqueproduitvaleurs)>0)
                        @foreach($produit->caracteristiqueproduitvaleurs as $valeur)
                                @if(!empty($valeur->caracteristique_option_id))
                                    @php $id= $valeur->caracteristique_option->caracteristique->id @endphp
                                @php $tab_carac[]=$valeur->caracteristique_option_id; @endphp
                                @endif
                                    @if(!empty($valeur->valeur))
                                        @php $id= $valeur->caracteristique_option->caracteristique->id @endphp
                                     @php $tab_caracv[$id]=$valeur->caracteristique_option_id @endphp
                                    @endif
                          @endforeach
                      @endif
                      @foreach($caracteristiques as $caracteristique)

                          <div class="form-group row">

                              <div class="form-group mb-3 col-md-4">
                                  <label for="caracteristique_id" class="col-xl-12 col-sm-12 mb-0">Caractéristique</label>
                                  <div class="col-xl-10 col-sm-7">
                                      {{$caracteristique->name}}
                                  </div>

                              </div>
                              <div class="form-group mb-3 col-md-4">
                                  <label for="caracteristique_option_id" class="col-xl-12 col-sm-12 mb-0">Valeur prédéfinie</label>
                                  <div class="col-xl-10 col-sm-7">
                                      <select  id="caracteristique_option_id"  name="caracteristique_option_id_{{$caracteristique->id}}" class="form-control">
                                          <option value="0">Choisir une valeur</option>
                                          @foreach($caracteristique->CaracteristiqueOptions as $option)
                                              <option @if(in_array($option->id,$tab_carac))  selected  @endif value="{{$option->id}}" >{{$option->valeur}}</option>
                                          @endforeach
                                      </select>

                                  </div>

                              </div>
                              <div class="form-group mb-3 col-md-4">
                                  <label for="valeur" class="col-xl-12 col-sm-12 mb-0">OU valeur personnalisée </label>
                                  <div class="col-xl-10 col-sm-7">
                                      <input value="@if(isset($tab_caracv[$caracteristique->id])) {{$tab_caracv[$caracteristique->id]}}  @endif" class="form-control" id="valeur" name="caracteristique_valeur_{{$caracteristique->id}}" type="text"    >

                                  </div>

                              </div>
                          </div>
                      @endforeach


                  </div>
                  <div class="tab-pane fade " id="seo" role="tabpanel" aria-labelledby="seo-tabs">
                      <div class="row product-adding">

                          <div class="col-xl-12">


                              <div class="form">
                                @foreach($GLOBALS['languages'] as $language)
                                <div class="row form-group multilang lang-{{$language->name}}">
                                        <div class="form-group mb-3 col-md-11">
                                            <label for="{{$language->name}}_meta_title" class="col-xl-12 col-sm-12 mb-0">meta title {{$language->name}} <img style="width: 20px;" src="{{asset('images/languages').'/'.$language->flag}}"></label>
                                            <div class="col-xl-12 col-sm-7">
                                                <input value="{{$produit->translate($language->name)->meta_title}}" class="form-control" id="{{$language->name}}_meta_title" name="{{$language->name}}_meta_title" type="text"    >

                                            </div>

                                        </div>
                                        <div class="p-0 col-sm-1 text-right select-lang"></div>
                                </div>
                                @endforeach
                                
                                    @foreach($GLOBALS['languages'] as $language)
                                    <div class="row form-group multilang lang-{{$language->name}}">
                                        <div class="form-group mb-3 col-md-11">
                                            <label for="{{$language->name}}_meta_keywords" class="col-xl-12 col-sm-12 mb-0">meta keywords {{$language->name}} <img style="width: 20px;" src="{{asset('images/languages').'/'.$language->flag}}"></label>
                                            <div class="col-xl-12 col-sm-7">
                                                <input value="{{$produit->translate($language->name)->meta_keywords}}" class="form-control" id="{{$language->name}}_meta_keywords" name="{{$language->name}}_meta_keywords" type="text"    >
                                            </div>
                                        </div>
                                        <div class="p-0 col-sm-1 text-right select-lang"></div>
                                    </div>
                                    @endforeach
                                

                                    @foreach($GLOBALS['languages'] as $language)
                                    <div class="row form-group multilang lang-{{$language->name}}">
                                        <div class="form-group mb-3 col-md-11">
                                            <label for="{{$language->name}}_meta_description" class="col-xl-12 col-sm-12 mb-0">meta description {{$language->name}} <img style="width: 20px;" src="{{asset('images/languages').'/'.$language->flag}}"></label>
                                            <div class="col-xl-12 col-sm-7">

                                                <textarea class="w-100"  id="{{$language->name}}_meta_description" name="{{$language->name}}_meta_description" >
                                                     {{$produit->translate($language->name)->meta_description}}
                                                </textarea>

                                            </div>

                                        </div>
                                        <div class="p-0 col-sm-1 text-right select-lang"></div>
                                    
                                    </div>
                                    @endforeach
                              </div>

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


                    <div class="tab-pane fade" id="declinison" role="tabpanel" aria-labelledby="declinison-tab">
                        <div class="row">
                            <div class="col-md-12 text-success text-lg-end iconeadd"><button type="button" onclick="window.location.href='{{route('stocks.index',$produit->id)}}'" class="btn btn-eye"  ><i class="fa fa-sitemap"></i> Voir declinaison</button>  </div>

                        </div>
                        @php $c=0 @endphp
                        @foreach($attributs as $attribut)
                            <div class="row">
                                <div class="form-group mb-3 col-md-12">
                                    <label for="attribut_option_id_{{$attribut->id}}" class="col-xl-12 col-sm-12 mb-3">{{$attribut->name}}</label>
                                    <div class="row">

                                        @foreach($attribut->AttributOptions as $option)

                                            <div class="col-md-2">
                                                <input @if(in_array($option->id,$produitsoption))  checked @endif  value="{{$option->id}}" id="attribut_option_id_{{$attribut->id}}" name="attribut_option_id_{{$attribut->id}}[]" type="checkbox"    >
                                                {{$option->valeur}}
                                                @if($attribut->type==2)
                                                    <div class="divcouleur" style="background-color: {{$option->couleur}}"></div>
                                                @endif

                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            @php $c++ @endphp
                        @if($c<count($attributs))
                            <hr>
                            @endif
                        @endforeach

                    </div>

              </div>

              <div class="">
                  <button type="submit" class="btn btn-primary">Valider</button>
                  <button type="reset" class="btn btn-dark">Annuler</button>
              </div>
          </form>
      </div>

  </div>


<script>
  function delete_image(id) {
      $.ajax({
          type: 'POST',
          dataType: "json",
          url: ENDPOINT + prefix + "/produits/delete_image",
          data:'id='+id,
          headers: {
              'X-CSRF-Token': token
          },
          success: function (data) {

               if(data.type=="success")
              {
                  $('#image_container_'+id).remove();
              }
          }
      });
  }
  function default_image(id,produit) {
      $.ajax({
          type: 'POST',
          dataType: "json",
          url: ENDPOINT + prefix + "/produits/default_image",
          data:{'id':id,'produit_id':produit},
          headers: {
              'X-CSRF-Token': token
          },
          success: function (data) {
              console.log(data.type);
              if(data.type=="success")
              {
                  $('.image_defaut').removeClass('image_defaut');

                  $("#image_"+id).addClass('image_defaut');
              }
          }
      });
  }
  function survol_image(id,produit) {
      $.ajax({
          type: 'POST',
          dataType: "json",
          url: ENDPOINT + prefix + "/produits/survol_image",
          data:{'id':id,'produit_id':produit},
          headers: {
              'X-CSRF-Token': token
          },
          success: function (data) {
              console.log(data.type);
              if(data.type=="success")
              {
                  $('.image_survol').removeClass('image_survol');

                  $("#image_"+id).addClass('image_survol');
              }
          }
      });
  }
</script>

@endsection