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

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


            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-8">
                            <h5>Ajouter language</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 languages</button>  </div>
                    </div>

                </div>
                <div class="card-body">
                    <div class="row product-adding">

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

                                <form  enctype="multipart/form-data" action="{{ route("$modele.store")}}" class="needs-validation add-product-form" method="POST">
                                    @csrf
                                <div class="form">
                                    <div class="form-group mb-3 row">
                                        <label for="inputlibelle" class="col-xl-2 col-sm-4 mb-0">Libelle <span>*</span> :</label>
                                        <div class="col-xl-4 col-sm-7">
                                            <input class="form-control @error('name') is-invalid @enderror " id="inputlibelle" name="libelle" type="text" required="" value="{{old('libelle')}}">
                                            @error('name')
                                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                            @enderror
                                        </div>
                                        <label for="inputnom" class="col-xl-2 col-sm-4 mb-0">Nom <span>*</span> :</label>
                                        <div class="col-xl-4 col-sm-7">
                                            <input class="form-control @error('name') is-invalid @enderror " id="inputnom" name="name" type="text" required="" value="{{old('name')}}">
                                            @error('nom')
                                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                            @enderror
                                        </div>

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

                                        <label for="inputlogo" class="col-xl-2 col-sm-4 mb-0">Flag <span>*</span> :</label>
                                        <div class="col-xl-4 col-sm-7">
                                            <div id="previewImage_0"></div>
                                            <input  onchange = "previewImage(this,0)" class="form-control @error('flag') is-invalid @enderror " id="inputlogo" name="flag" type="file" required="" >
                                            @error('flag')
                                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                            @enderror
                                        </div>

                                    </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>
                </div>
            </div>
       
<!-- Container-fluid Ends-->
<script>
    var maps_latitude = '34.896007';
    var maps_longitude = '9.390801';
</script>

<script
        src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBlA8UtnB6YpBZuWPpTIvvTwu9cckOodWM&libraries=places&callback=initMap"
        async
        defer></script>
<script src="{{ asset('backend/assets/js/maps.js')}}"></script>
@endsection