@extends('admin.layout')
@section('titre')
    Dépots
@endsection
@section('activedepot')
    menu-open
@endsection

@section('content')


    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Modifier Dépot</h3>
        </div>

        <!-- /.card-header -->
        <!-- form start -->
        <form action="{{ route('updatedepots',$data->id)}}"  method="POST">
            @csrf
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-3">

                        <div class="form-group">
                            <label for="exampleInputname">Nom</label>
                            <input type="text" required name="name" class="form-control @error('name') is-invalid @enderror"  id="exampleInputname" value="{{ $data->name }}">
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-3">

                        <div class="form-group">
                            <label for="exampleInputtel1">Telephone</label>
                            <input type="text" required name="tel1" class="form-control  @error('tel1') is-invalid @enderror" id="exampleInputtel1" value="{{$data->tel1 }}">
                            @error('tel1')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label for="exampleInputtel2">telephone2</label>
                            <input type="text" name="tel2" class="form-control" id="exampleInputtel2" value="{{ $data->tel2 }}">

                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label for="exampleInputemail">Email</label>
                            <input type="email" required name="email" class="form-control  @error('email') is-invalid @enderror"  id="exampleInputemail" value="{{ $data->email }}">
                            @error('email')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="exampleInputadresse">Adreese</label>
                            <textarea required id="exampleInputadresse" name="adresse"  class="form-control  @error('adresse') is-invalid @enderror">{{ $data->adresse }}</textarea>

                            @error('adresse')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="exampleInputcodepostal">Code postal</label>
                            <input type="text" required name="codepostal" class="form-control  @error('codepostal') is-invalid @enderror" id="exampleInputcodepostal" value="{{ $data->codepostal }}">
                            @error('codepostal')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label for="exampleInputmf">Matricule fiscale</label>
                            <input type="text" required name="mf" class="form-control  @error('mf') is-invalid @enderror" id="exampleInputmf" value="{{ $data->mf }}">
                            @error('mf')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleInputville_id">Ville </label>
                            <select id="exampleInputville_id" name="ville_id" class="formville form-control mb-3  @error('ville_id') is-invalid @enderror">
                                <option value=""> </option>

                                @foreach ($villes as $ville)
                                    @php $selected='' @endphp
                                    @if($ville->id==$data->zone->ville->id)
                                        @php $selected='selected' @endphp
                                    @endif
                                    <option  {{$selected}} value="{{$ville->id}}">{{$ville->name}} </option>
                                @endforeach


                            </select>
                            @error('ville_id')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="exampleInpuzone_id">Zone</label>
                            <select id="exampleInpuzone_id" name="zone_id" class="form-control mb-3  @error('zone_id') is-invalid @enderror">


                                @foreach ($zones as $zone)
                                    @php $selected='' @endphp
                                    @if($zone->id==$data->zone_id)
                                        @php $selected='selected' @endphp
                                    @endif
                                    <option  {{$selected}} value="{{$zone->id}}">{{$zone->name}} </option>
                                @endforeach
                            </select>
                            @error('zone_id')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="exampleInputmf">google maps</label>
                            <div class="col-sm-12">


                                <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="longitude" id="longitude"   value="{{$data->longitude}}"   class="form-control">
                                <input type="hidden" name="latitude" id="latitude"  value="{{$data->latitude}}" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>




            </div>
            <!-- /.card-body -->
            <div class="card-footer">
                <button type="submit" class="btn btn-primary">Valider</button>
            </div>
        </form>
    </div>

    <script>
        var maps_latitude = '{{$data->latitude}}';
        var maps_longitude = '{{$data->longitude}}';
    </script>

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