@extends('backend.layout')
@section('titre')
    Pages cms
@endsection

@section('content')
    <!-- Container-fluid starts-->
    @php $modele='pages' @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 Page cms</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">
                    <div class="row product-adding">

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

                                <form enctype="multipart/form-data" action="{{route("$modele.update",$page->id)}}" class="needs-validation add-product-form" method="post">
                                    @csrf
                                    @method('PUT')
                                    <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}}_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 value="{{$page->translate($language->name)->name}}"  @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
                                        
                                        <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 id="previewImage_0">
                                                    @if(!empty($page->image))
                                                        <img class="img-thumbnail-admin" src="{{asset('images/pages').'/'.$page->image}}">
                                                    @endif
                                                    </div>
                                                <input  onchange = "previewImage(this,0)" class="form-control @error('image') is-invalid @enderror " id="inputimage" name="image" type="file"   >

                                            </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" >
                                                               {{$page->translate($language->name)->description}}
                                                            </textarea>
                                                        </div>
                                                    </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_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="{{$page->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="{{$page->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" >
                                                             {{$page->translate($language->name)->meta_description}}
                                                        </textarea>

                                                    </div>

                                                </div>
                                                <div class="p-0 col-sm-1 text-right select-lang"></div>
                                            </div>
                                        @endforeach
                                        
                                    </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>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Container-fluid Ends-->

@endsection