@extends('backend.layout')
@section('titre')
    Magasins
@endsection
@section('page')
/magasins
@endsection

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


            <div class="card">
                <div class="card-header">
				<div class="row">
                    <div class="col-md-8">
                    <h5>Modifier Magasin</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",$magasin->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}}_name" 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 >
                                                        <input  @if($language->defaut==1) {{'required'}} @endif value="{{$magasin->translate($language->name)->name}}" class="form-control " id="{{$language->name}}_name" 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}}_adresse" class="col-xl-12 col-sm-12 mb-0">Adresse @if($language->defaut==1) <span> * </span>  @endif
                                                        ( {{$language->name}} ) <img style="width: 20px;" src="{{asset('images/languages').'/'.$language->flag}}"></label>
                                                    <div>
                                                        <input @if($language->defaut==1) {{'required'}} @endif value="{{$magasin->translate($language->name)->adresse}}" class="form-control " id="{{$language->name}}_adresse" name="{{$language->name}}_adresse" 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 class="image_container_{{$magasin->id}}" id="previewImage_0">
                                                    @if(!empty($magasin->image))
                                                        <img class="img-thumbnail-admin" src="{{asset('images/magasins').'/'.$magasin->image}}">
                                                       <!-- <a title="supprimer image" class="btn btn-danger" href="javascript:delete_image({{$magasin->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="image" type="file"   >

                                            </div>

                                        </div>
                                        <div class="form-group mb-3 row">

                                            <label for="inputemail" class="col-xl-12 col-sm-12 mb-0">email <span>*</span> :</label>
                                            <div >
                                                <input class="form-control @error('email') is-invalid @enderror " id="inputemail" name="email" type="email" required="" value="{{$magasin->email}}">
                                                @error('email')
                                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group mb-3  col-md-6">
                                                <label for="inputtel" class="col-xl-12 col-sm-12 mb-0">Tel <span>*</span> :</label>
                                                <div >
                                                    <input class="form-control @error('tel') is-invalid @enderror " id="inputtel" name="tel" type="text" required="" value="{{$magasin->tel}}">
                                                    @error('tel')
                                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group mb-3  col-md-6">
                                                <label for="inputfax" class="col-xl-12 col-sm-12 mb-0">Fax :</label>
                                                <div >
                                                    <input class="form-control " id="inputfax" name="fax" type="text" value="{{$magasin->fax}}">

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

                                        <div class="form-group mb-3 row">
                                            <label for="inputname" class="col-xl-12 col-sm-12 mb-0">google maps     <span>*</span> :</label>
                                            <div class="col-xl-10 col-sm-7">



                                                <input id="pac-input" class="controls" type="text"
                                                       placeholder="Enter a location">
                                                <div id="type-selector" class="controls">
                                                    <input type="radio" name="type" id="changetype-all" checked="checked">
                                                    <label for="changetype-all">All</label>

                                                    <input type="radio" name="type" id="changetype-establishment">
                                                    <label for="changetype-establishment">Establishments</label>

                                                    <input type="radio" name="type" id="changetype-address">
                                                    <label for="changetype-address">Addresses</label>

                                                    <input type="radio" name="type" id="changetype-geocode">
                                                    <label for="changetype-geocode">Geocodes</label>
                                                </div>
                                                <div id="map"></div>
                                                <input type="hidden" name="long" id="longitude"   value="{{$magasin->long}}"  class="form-control">
                                                <input type="hidden" name="lat" id="latitude"  value="{{$magasin->lat}}" class="form-control">

                                            </div>

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

<!-- Container-fluid Ends-->
@if(!empty($magasin->lat) && !empty($magasin->long))
<script>
    var maps_latitude = '{{$magasin->lat}}';
    var maps_longitude = '{{$magasin->long}}';
</script>
@else
<script>
    var maps_latitude = '34.896007';
    var maps_longitude = '9.390801';
</script>
@endif

<script
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBlA8UtnB6YpBZuWPpTIvvTwu9cckOodWM"
         ></script>
<script src="{{ asset('backend/assets/js/maps.js')}}"></script>
@endsection