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

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

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
				<div class="row">
                <div class="col-md-8">
                    <h5>Modifier categorie</h5>
					  </div>
	<div class="col-md-4 text-success text-lg-end iconeadd"><button onclick="window.location.href='{{url()->previous()}}'"  class="btn btn-primary">retour</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="">Information générale</a></li>
                        <li class="nav-item"><a class="nav-link" id="accueil-tab" data-bs-toggle="tab" href="#accueil" role="tab" aria-controls="general" aria-selected="true" data-original-title="" title="">En accueil</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="">SEO</a></li>
                     </ul>
                     <form  enctype="multipart/form-data" action="{{route("$modele.update")}}" 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-xl-12">


                                    <div class="form">
                                        <input type="hidden" name="id" value="{{$categorie->id}}">
                                        @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-10 col-sm-7">
                                                        <input @if($language->defaut==1) {{'required'}} @endif value="{{$categorie->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
                                        <div class="row">

                                            <div class="form-group mb-3 col-md-12">
                                                <label for="parent_id" class="col-xl-12 col-sm-12 mb-0">parent categorie</label>
                                                <div class="col-xl-10 col-sm-7">
                                                    <select name="parent_id" class="custom-select form-control" >
                                                        <option value="">Home</option>
                                                        @foreach($categories as $cat)
                                                            <option  @if($cat->id==$categorie->parent_id) {{'selected'}}   @endif value="{{$cat->id}}">{{$cat->name}}</option>
                                                            @foreach($cat->children as $cats)
                                                                <option @if($cats->id==$categorie->parent_id) {{'selected'}}   @endif  value="{{$cats->id}}"> {{$cat->name}} > {{$cats->name}}</option>

                                                            @endforeach
                                                        @endforeach
                                                    </select>
                                                </div>

                                            </div>

                                        </div>
                                        <div class="form-group mb-3 row">
                                            <label for="inputimage" class="col-xl-12 col-sm-12 mb-0">Image  </label>
                                            <div class="col-xl-4 col-sm-7">
                                                <div class="image_container_{{$categorie->id}}" id="previewImage_0">
                                                    @if(!empty($categorie->cover))
                                                        <img class="img-thumbnail-admin" src="{{asset('images/categories').'/'.$categorie->cover}}">
                                                        <a title="supprimer image" class="btn btn-danger" href="javascript:delete_image({{$categorie->id}});" onclick="return confirm('Etes vous sure de supprimer cette image ?')"><i class="fa fa-trash-o"></i></a>

                                                    @endif
                                                    </div>
                                                <input  onchange = "previewImage(this,0)" class="form-control " id="inputimage" name="cover" type="file"   >

                                            </div>

                                        </div>

                                        <div class="form-group mb-3 row">
                                            <label for="arrondi" class="col-xl-12 col-sm-12 mb-0">Image arrondi </label>
                                            <div class="col-xl-4 col-sm-7">
                                                <input   value="1"   id="inputarrondi" name="arrondi" type="checkbox"  @if($categorie->arrondi==1) checked @endif  >
                                            </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}}_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  @if($language->defaut==1) {{'required'}} @endif class="summernote" name="{{$language->name}}_description" >
                                                               {{$categorie->translate($language->name)->description}}
                                                            </textarea>
                                                        </div>
                                                    </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="accueil" role="tabpanel" aria-labelledby="accueil-tab">
                                <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}}_inputnameaccueil" class="col-xl-12 col-sm-12 mb-0">Libelle en accueil @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    class="form-control" id="{{$language->name}}_inputnameaccueil" name="{{$language->name}}_categaccueil" type="text" value="{{$categorie->translate($language->name)->categaccueil}}"    >

                                                            </div>

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

                                                    <div class="form-group mb-3 col-md-12">
                                                        <label for="parents_id" class="col-xl-12 col-sm-12 mb-0">Associé à </label>
                                                        <div class="col-xl-10 col-sm-7">
                                                            <select   class="chosen-select-width" name="parents_id[]" multiple    >
                                                                <option value="" >Home</option>
                                                                @foreach($categories as $category)
                                                                    <option  disabled >{{$category->name}} </option>
                                                                    @foreach($category->children as $cats)
                                                                        <option disabled  value="{{$cats->id}}"> {{$category->name}} > {{$cats->name}}</option>
                                                                        @foreach($cats->children as $cat)
                                                                        <option @if(in_array($cat->id ,$categoriechilds)) selected  @endif  value="{{$cat->id}}"> {{$category->name}} > {{$cats->name}} > {{$cat->name}}</option>
                                                                        @endforeach
                                                                        @endforeach

                                                                @endforeach
                                                            </select>
                                                        </div>

                                                    </div>

                                                </div>
                                                <div class="form-group mb-3 row">
                                                    <label for="imageaccueil" class="col-xl-12 col-sm-12 mb-0">Image (261px * 332px)  </label>
                                                    <div class="col-xl-4 col-sm-7">
                                                        <div class="image_containers_{{$categorie->id}}" id="previewImage_1">
                                                            @if(!empty($categorie->imageaccueil))
                                                                <img class="img-thumbnail-admin" src="{{asset('images/categories').'/'.$categorie->imageaccueil}}">
                                                                <a title="supprimer image" class="btn btn-danger" href="javascript:delete_imageacc({{$categorie->id}});" onclick="return confirm('Etes vous sure de supprimer cette image ?')"><i class="fa fa-trash-o"></i></a>

                                                            @endif
                                                            </div>
                                                        <input  onchange = "previewImage(this,1)" class="form-control " id="imageaccueil" name="imageaccueil" type="file"   >

                                                    </div>

                                                </div>




                                            </div>



                                    </div>
                                </div>
                            </div>
                    <div class="tab-pane fade  " id="restriction" role="tabpanel" aria-labelledby="restriction-tab">
                        <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="{{$categorie->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="{{$categorie->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" >
                                                         {{$categorie->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>
                      <div class="">
                        <button type="submit" class="btn btn-primary">Valider</button>
                        <button type="reset" class="btn btn-dark">Annuler</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Container-fluid Ends-->
    <script>
        function delete_image(id) {
            $.ajax({
                type: 'POST',
                dataType: "json",
                url: ENDPOINT + prefix + "/categories/delete_image",
                data:'id='+id,
                headers: {
                    'X-CSRF-Token': token
                },
                success: function (data) {
                console.log(data);
                    if(data.type=="success")
                    {
                        $('.image_container_'+id).remove();
                    }
                }
            });
        }
        function delete_imageacc(id) {
            $.ajax({
                type: 'POST',
                dataType: "json",
                url: ENDPOINT + prefix + "/categories/delete_imageacc",
                data:'id='+id,
                headers: {
                    'X-CSRF-Token': token
                },
                success: function (data) {

                    if(data.type=="success")
                    {
                        $('.image_containers_'+id).remove();
                    }
                }
            });
        }
        </script>
@endsection