@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>Ajouter Produit</h5>
                        </div>
                        <div class="col-md-4 text-success text-lg-end iconeadd"><button onclick="window.location.href='{{route("$modele.index")}}'"  class="btn btn-primary">Liste des Produits</button> </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 d-none"><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.store")}}" class="needs-validation add-product-form" method="POST">
                        @csrf
                    <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" checked class="typep" name="type" value="1"> Simple
                                                        </div>
                                                    <div class="col-md-2">
                                                        <input type="radio" 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"     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 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 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-2">
                                                    <select required class="w-100 js-example-basic-multiple " name="categorie_id[]" multiple="multiple">
                                                        <option >Choisir Catégorie</option>
                                                        @foreach($categories as $category)
                                                        <option value="{{$category->id}}">{{$category->name}}</option>
                                                            @foreach($category->children as $cats)
                                                                <option value="{{$cats->id}}"> {{$category->name}} > {{$cats->name}}</option>
                                                                @if(count($cats->children)>0)
                                                                    @foreach($cats->children as $cat)
                                                                        <option 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 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 @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">
                                                            <div class="editor-space">
                                                                <textarea  class="summernote" name="{{$language->name}}_description" ></textarea>
                                                            </div>
                                                        </div>

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

                                            <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 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 class="form-control" id="prixttc" name="prixttc" type="text"    >

                                                    </div>

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

                                                    <div class="form-group mb-3 col-md-4">
                                                        <div class="stockb">
                                                        <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"    >

                                                        </div>
                                                        </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"    >

                                                    </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"    >

                                                    </div>

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

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


                            @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 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 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 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 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" ></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">
                            @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-0">{{$attribut->name}}</label>
                                    <div class="row">
                                        @foreach($attribut->AttributOptions as $option)

                                    <div class="col-md-2">
                                        <input  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="offset-xl-3 offset-sm-4">
                            <button type="submit" class="btn btn-primary">Valider</button>
                            <button type="reset" class="btn btn-dark">Annuler</button>
                        </div>
                    </form>
                    </div>

                </div>




@endsection