@extends('template.layoutAdmin', ['activeButton'=>'personal'])

@section('title')
{{  trans('restaurantes.titulorRestauranteCreate') }}
@endsection

@section('contenido')
  @if(Session::has('message'))
    <div class="row">
      <div class="col-12">
        <div class="alert alert-success alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            😉 {{Session::get('message')}} 😉
        </div>
      </div>
    </div>
  @endif
  @if(Session::has('message_error'))
    <div class="row">
      <div class="col-12">
        <div class="alert alert-warning alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            😓 {{Session::get('message_error')}} 😒
        </div>
      </div>
    </div>
  @endif
  @if(count($errors) > 0)
    <div class="row">
      <div class="col-12">
        <div class="alert alert-warning alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <p> {{  trans('restaurantes.corregirErrores') }} </p>
            <ul>
                @foreach ($errors->all() as $message)
                    <li>{{ $message }}</li>
                @endforeach
            </ul>
        </div>
      </div>
    </div>
  @endif
<div class="row">
        <div class="col-12">
          <div class="info-box">
            <form action="{{route('createRestaurantesPost')}}" enctype="multipart/form-data" method="POST">
            @csrf
            <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

            <div class="box-body">
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('nombreUsuario') ? 'has-error' : '' }}">
                    <label for="nombreUsuario"> {{  trans('restaurantes.nombre') }}	 <span class="text-danger">*</span></label>
                    <input
                        type="text"
                        name="nombreUsuario"
                        onkeyup="validarNombres(1,this.value);"
                        class="form-control"
                        value="{{old('nombreUsuario')}}"
                        required
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.nombre') }}	"
                        id="nombreUsuario"
                    >
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('apellidoUsuario') ? 'has-error' : '' }}">
                    <label for="apellidoUsuario"> {{  trans('restaurantes.apellido') }}	 <span class="text-danger">*</span></label>
                    <input type="text" value="{{old('apellidoUsuario')}}" onkeyup="validarNombres(2,this.value);" name="apellidoUsuario" class="form-control" required autocomplete="off" placeholder=" {{  trans('restaurantes.apellido') }}	" id="apellidoUsuario">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('tipo') ? 'has-error' : '' }}">
                    <label for="tipo"> {{  trans('restaurantes.tipo') }} <span class="text-danger">*</span></label>
                    <select name="tipo" class="form-control" id="tipo">
                      <option value="0" disabled selected> {{  trans('restaurantes.seleccionarTipoRest') }} </option>
                      @foreach ($tiposRest as $item)
                        @if (old('tipo') == $item->idValorParametro)
                          <option selected value="{{$item->idValorParametro}}">{{$item->nombre}}</option>
                        @else
                          <option value="{{$item->idValorParametro}}">{{$item->nombre}}</option>
                        @endif
                      @endforeach
                    </select>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col">
                    <div class="form-group {{ $errors->has('userName') ? 'has-error' : '' }}">
                      <label for="razonSocial"> {{  trans('restaurantes.nombreRest') }} <span class="text-red">*</span> </label>
                      <input type="text" value="{{old('userName')}}" name="userName" class="form-control" required autocomplete="off" placeholder=" {{  trans('restaurantes.nombreRestPlace') }}"  id="userName" required>
                    </div>
                  </div>
                <div class="col">
                  <div class="form-group {{ $errors->has('razonSocial') ? 'has-error' : '' }}">
                    <label for="razonSocial"> {{  trans('restaurantes.razonSocial') }}<span class="text-red">*</span></label>
                    <input type="text" value="{{old('razonSocial')}}" name="razonSocial" class="form-control" required autocomplete="off" placeholder=" {{  trans('restaurantes.razonSocial') }}" onkeyup="slugRestaurante(this.value)" id="razonSocial" required>
                  </div>
                </div>
                <div class="col">
                  <div class="form-group {{ $errors->has('slug') ? 'has-error' : '' }}">
                    <label for="slug"> {{  trans('restaurantes.alias') }} <span class="text-danger">*</span></label>
                    <input
                        type="text"
                        name="slug"
                        class="form-control"
                        required
                        value="{{old('slug')}}"
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.aliasPlace') }} "
                        id="slug"
                    >
                  </div>
                </div>

              </div>
              <div class="row">
                <div class="col-md-5">
                  <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                    <label for="email"> {{  trans('restaurantes.correo') }} <span class="text-danger">*</span></label>
                    <input
                        type="email"
                        name="email"
                        value="{{old('email')}}"
                        class="form-control"
                        required
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.correo') }} "
                        id="email"
                    >
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('categoriaCm') ? 'has-error' : '' }}">
                    <label for="categoriaCm"> {{  trans('restaurantes.categoriaRest') }} <span class="text-danger">*</span></label>
                    <select name="categoriaCm" class="form-control" id="categoriaCm">
                      <option value="0" disabled selected> {{  trans('restaurantes.seleccionarCategoria') }} </option>
                      @foreach ($categoriaCm as $item)
                        @if (old('categoriaCm') == $item->idCategoria)
                          <option selected value="{{$item->idCategoria}}">{{$item->nombre}}</option>
                        @else
                          <option value="{{$item->idCategoria}}">{{$item->nombre}}</option>
                        @endif
                      @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-check form-check-inline" style="margin-top: 30px;">
                    @if (old('checkbox_enviarComanda') == 'on')
                      <input checked type="checkbox" name="checkbox_enviarComanda" id="checkbox_enviarComanda" class="filled-in" />
                    @else
                      <input type="checkbox" name="checkbox_enviarComanda" id="checkbox_enviarComanda" class="filled-in" />
                    @endif
                    <label for="checkbox_enviarComanda" > {{  trans('restaurantes.procesarPlatos') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.procesarPlatosTittle') }}" ></i> </label>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <label for="password"><span> {{  trans('restaurantes.pass') }} </span><span class="text-danger">*</span></label>
                  <div class="input-group {{ $errors->has('password') ? 'has-error' : '' }}">
                    <input
                        type="password"
                        name="password"
                        class="form-control"
                        required
                        autocomplete="off"
                        readonly
                        placeholder=" {{  trans('restaurantes.pass') }} "
                        id="password"
                    >
                    <div class="input-group-btn">
                      <a href="javascript:;" onclick="generarPass()" class="btn btn-info btn-xs"> {{  trans('restaurantes.generar') }} <i class="fa fa-key"></i></a>
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('passwordConfirmation') ? 'has-error' : '' }}">
                    <label for="passwordConfirmation"> {{  trans('restaurantes.repetirPass') }} <span class="text-danger">*</span></label>
                    <input
                        type="password"
                        readonly
                        name="passwordConfirmation"
                        class="form-control"
                        required
                        autocomplete="off"
                        placeholder="{{  trans('restaurantes.pass') }}"
                        id="passwordConfirmation"
                    >
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idTipoDoc') ? 'has-error' : '' }}">
                    <label for="idTipoDoc"> {{  trans('restaurantes.tipoDocumento') }}<span class="text-danger">*</span></label>
                    <select name="idTipoDoc" id="idTipoDoc" class="form-control">
                      @if ( App::getLocale() != 'es')
                        @foreach ($dataTipoDocumen as $idTipoDoc)
                          @if (old('idTipoDoc') == $idTipoDoc->idValorParametro)
                            <option selected value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre_ingles}}</option>
                          @else
                            <option value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre_ingles}}</option>
                          @endif
                        @endforeach
                      @else 
                        @foreach ($dataTipoDocumen as $idTipoDoc)
                        @if (old('idTipoDoc') == $idTipoDoc->idValorParametro)
                          <option selected value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre}}</option>
                        @else
                          <option value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre}}</option>
                        @endif
                        @endforeach
                      @endif
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('numeroDocumento') ? 'has-error' : '' }}">
                    <label for="numeroDocumento"> {{  trans('restaurantes.numeroDocumento') }} <span class="text-danger">*</span></label>
                    @if (env('MULTISERVER') == "CO")
                      <input
                          type="text"
                          name="numeroDocumento"
                          onkeyup="validarSiNumero(this.value, 1);"
                          class="form-control"
                          value="{{old('numeroDocumento')}}"
                          required
                          maxlength="15"
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.numeroDocumento') }} "
                          id="numeroDocumento"
                      >
                      @else
                        <input
                        type="text"
                        name="numeroDocumento"
                        class="form-control"
                        value="{{old('numeroDocumento')}}"
                        required
                        maxlength="15"
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.numeroDocumento') }} "
                        id="numeroDocumento"
                      >
                      @endif
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('nitRestaurante') ? 'has-error' : '' }}">
                    <label for="nitRestaurante"> {{  trans('restaurantes.nitRest') }}<span class="text-danger">*</span></label>
                    <input
                      type="text"
                      name="nitRestaurante"
                      class="form-control"
                      value="{{old('nitRestaurante')}}"
                      required
                      maxlength="30"
                      autocomplete="off"
                      placeholder=" {{  trans('restaurantes.nitRestPlace') }} "
                      id="nitRestaurante"
                    >
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <div class="form-group {{ $errors->has('telefono') ? 'has-error' : '' }}">
                    <label for="telefono"> {{  trans('restaurantes.telefono') }}  <span class="text-danger">*</span></label>
                    @if (env('MULTISERVER') == "CO")
                      <input
                          type="text"
                          name="telefono"
                          onkeyup="validarSiNumero(this.value, 2);"
                          class="form-control"
                          value="{{old('telefono')}}"
                          maxlength="7"
                          required
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.telefono') }} "
                          id="telefono"
                      >
                    @else
                      <input
                          type="text"
                          name="telefono"
                          onkeyup="validarSiNumero(this.value, 2);"
                          class="form-control"
                          value="{{old('telefono')}}"
                          maxlength="9"
                          required
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.telefono') }} "
                          id="telefono"
                      >
                    @endif
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('celular') ? 'has-error' : '' }}">
                    <div class="row">
                      <div class="col-md-4">
                        <label for="codigo_pais"> {{  trans('restaurantes.prefijo') }}  <span class="text-danger">*</span></label>
                        <select name="codigo_pais" id="codigo_pais" class="form-control">
                          @foreach ($dataPais as $item)
                              <option value="{{$item->codigo}}">&nbsp;+{{$item->codigo}}</option>
                          @endforeach
                        </select>
                      </div>
                      <div class="col-md">
                        <label for="celular"> {{  trans('restaurantes.celular') }} <span class="text-danger">*</span></label>
                        <input
                            type="text"
                            name="celular"
                            class="form-control"
                            value="{{old('celular')}}"
                            onkeyup="validarSiNumero(this.value, 3);"
                            required
                            maxlength="10"
                            autocomplete="off"
                            placeholder=" {{  trans('restaurantes.celular') }} "
                            id="celular"
                        >
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group {{ $errors->has('valorDomicilio') ? 'has-error' : '' }}">
                        <label for="valorDomicilio"> {{  trans('restaurantes.valorDomicilio') }} <span class="text-danger">*</span></label>
                        <input
                            type="text"
                            name="valorDomicilio"
                            value="{{old('valorDomicilio')}}"
                            class="form-control"
                            required
                            autocomplete="off"
                            placeholder="{{  trans('restaurantes.valorDomicilio') }}"
                            id="valorDomicilio"
                        >
                    </div>
                </div>
                <div class="col-md-2">
                  <div class="form-check form-check-inline" style="margin-top: 30px;">
                    @if(old('checkbox_domicilioGratis') == 'on')
                      <input checked type="checkbox" name="checkbox_domicilioGratis" onclick="domicilioGratis()" id="checkbox_domicilioGratis" class="filled-in" />
                    @else
                      <input type="checkbox" name="checkbox_domicilioGratis" onclick="domicilioGratis()" id="checkbox_domicilioGratis" class="filled-in" />
                    @endif
                    <label for="checkbox_domicilioGratis"> {{  trans('restaurantes.domicilioGratis') }} </label>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idPais') ? 'has-error' : '' }}">
                    <label for="idPais"> {{  trans('restaurantes.pais') }}  <span class="text-danger">*</span></label>
                    <select class="form-control" id="idPais" name="idPais" onchange="paisData(this.value)">
                        <option value=""> {{  trans('restaurantes.seleccionePais') }} </option>
                        @foreach ($dataPais as $listPais)
                          @if (old('idPais') == $listPais->idPais)
                            <option selected value="{{$listPais->idPais}}">{{$listPais->nombre}}</option>
                          @else
                            <option value="{{$listPais->idPais}}">{{$listPais->nombre}}</option>
                          @endif
                        @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idDepart') ? 'has-error' : '' }}">
                    <label for="idDepart"> {{  trans('restaurantes.departamento') }} <span class="text-danger">*</span></label>
                    <select class="form-control" id="listDepart" name="idDepart" onchange="departData(this.value)">
                      <option value=""> {{  trans('restaurantes.seleccioneDepartamento') }} </option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idCiudad') ? 'has-error' : '' }}">
                    <label for="idCiudad"> {{  trans('restaurantes.ciudad') }} <span class="text-danger">*</span></label>
                    <select class="form-control" id="listCiudad" name="idCiudad">
                    </select>
                  </div>
                </div>
              </div>
              <div class="row align-items-center">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="tipoVia"> {{  trans('restaurantes.direccion') }} <span class="text-danger">*</span></label>
                    <input class="form-control" type="text" name="AddressGoogleApi" id="AddressGoogleApi" placeholder="{{  trans('restaurantes.placeDireccion') }}" value="">
                    <input type="hidden" name="latGoogleApi" id="latGoogleApi" value="">
                    <input type="hidden" name="lngGoogleApi" id="lngGoogleApi" value="">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group ">
                      <label for="extra_direccion"> {{  trans('restaurantes.extraDireccion') }} <span class="text-danger">*</span></label>
                      <input
                        type="text"
                        name="extraDireccionRest"
                        value="{{old('extraDireccionRest')}}"
                        class="form-control"
                        autocomplete="off"
                        placeholder=" {{ trans('restaurantes.placeExtraDireccion')}} "
                      >
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group {{ $errors->has('idGenero') ? 'has-error' : '' }}">
                    <label for="idGenero"> {{  trans('restaurantes.genero') }} <span class="text-danger">*</span></label>
                    <select name="idGenero" id="idGenero"  class="form-control">
                      @if ( App::getLocale() != 'es')
                        @foreach ($listGenero as $listGeneros)
                          @if (old('idGenero') == $listGeneros->idValorParametro)
                            <option selected value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre_ingles}}</option>
                          @else
                            <option value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre_ingles}}</option>
                          @endif
                        @endforeach
                      @else
                        @foreach ($listGenero as $listGeneros)
                        @if (old('idGenero') == $listGeneros->idValorParametro)
                          <option selected value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre}}</option>
                        @else
                          <option value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre}}</option>
                        @endif
                        @endforeach
                      @endif
                    </select>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group {{ $errors->has('descripComercio') ? 'has-error' : '' }}">
                    <label for="descripComercio"> {{  trans('restaurantes.descripcion') }} <span class="text-danger">*</span></label>
                    <textarea class="form-control" name="descripComercio" id="descripComercio" cols="30" rows="10">{{old('descripComercio')}}</textarea>
                  </div>
                </div>
              </div>
              <hr>
              <div class="row">
                <div class="col-12 text-center">
                  <input type="submit" class="btn btn-info margin-top-10" value="{{  trans('restaurantes.agregarRest') }}">
                </div>
              </div>
            </div>
            </form>
            <!-- /.box-body -->
          </div>
        </div>
      </div>
@endsection

@section('js')
  <script>
    $( document ).ready(function() {
      domicilioGratis();
      var idPais = "{!! old('idPais') !!}";
      var idDepart = "{!! old('idDepart') !!}";
      paisData(idPais);
      departData(idDepart);
    });
  </script>
  <script>
      function domicilioGratis()
      {
          if( $('#checkbox_domicilioGratis').prop('checked') ) {
              $("#valorDomicilio").val('');
              $("#valorDomicilio").prop( "disabled", true );
          }else{
              $("#valorDomicilio").prop( "disabled", false );
          }

      }
      function validarNombres(valor,dato)
      {
        if (!/^[A-Za-z\s\xF1\xD1]+$/.test(dato)){
          if (valor == 1) {
            $("#nombreUsuario").val("");
          }else{
            $("#apellidoUsuario").val("");
          }
        }
      }
  </script>
  <script type="text/javascript">
      function slugRestaurante(value) {
          var slugRestaurante = value.toLowerCase();
          var slug = slugRestaurante.replace(/[ ]/gi,'-');
          $('#slug').val(slug);
      }

      function generarPass()
      {
          long=8;
          var caracteres = "abcdefghijkmnpqrtuvwxyzABCDEFGHIJKLMNPQRTUVWXYZ2346789";
          var contraseña = "";
          for (i=0; i<long; i++) contraseña += caracteres.charAt(Math.floor(Math.random()*caracteres.length));
          $("#password").val(contraseña);
          $("#passwordConfirmation").val(contraseña);
      }

      $("#valorDomicilio").on({
          "focus": function (event) {
              $(event.target).select();
          },
          "keyup": function (event) {
              $(event.target).val(function (index, value ) {
                  return value.replace(/\D/g, "")
                              .replace(/([0-9])([0-9]{0})$/, '$1$2')
                              .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, ".");
              });
          }
      });

      function paisData(value) {
          var idDepart = "{!! old('idDepart') !!}";
          var data = {
              "value": value
          }
          var host = "{{$_SERVER["HTTP_HOST"]}}";
          $.ajax({
              url: UrlHost_+"/pais/listDepart",
              data: data,
              type: 'post',
              dataType: 'json',
              headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              beforeSend: function () {
              $('#listDepart').empty();
              $('#listCiudad').empty();
              swal({
                  title: " {{  trans('restaurantes.cargando') }} ",
                  text: " {{  trans('restaurantes.espereUnMomento') }} ",
                  showConfirmButton: false
              });
              },
              success: function(response){
                  $('#listDepart').empty();
                  $("#listDepart").append("<option value=''> {{  trans('restaurantes.seleccioneDepartamento') }} </option>");
                  $.each(response, function(j, listDepart){
                      if(idDepart == listDepart.idDepartamento){
                        $("#listDepart").append("<option selected value='"+listDepart.idDepartamento+"'>"+listDepart.nombre+"</option>");
                      }else{
                        $("#listDepart").append("<option value='"+listDepart.idDepartamento+"'>"+listDepart.nombre+"</option>");
                      }
                  });
                  swal.close();
              },
              error: function(xhr){
              swal("Error!", " {{  trans('restaurantes.errorMessage') }} ", "error");
              }
          });
      }

      function departData(value) {
        var idCiudad = "{!! old('idCiudad') !!}";
        var data = {
            "value": value
        }
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
          url: UrlHost_+"/departCiudad/departData",
          data: data,
          type: 'post',
          dataType: 'json',
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
          swal({
              title: " {{  trans('restaurantes.cargando') }} ",
              text: " {{  trans('restaurantes.espereUnMomento') }} ",
              showConfirmButton: false
          });
          },
          success: function(response){
              $('#listCiudad').empty();
              $.each(response, function(j, listCiudad){
                  if(idCiudad == listCiudad.idCiudad){
                    $("#listCiudad").append("<option selected value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
                  }else{
                    $("#listCiudad").append("<option value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
                  }
              });
              swal.close();
          },
          error: function(xhr){
          swal("Error!", " {{  trans('restaurantes.errorMessage') }} ", "error");
          }
        });
      }
  </script>

  <!-- AutoCompletado de direccion -->
  <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key={{env('API_KEY')}}"></script>
  <script>
    $(document).ready(function () {
    var autocomplete;
    autocomplete = new google.maps.places.Autocomplete((document.getElementById("AddressGoogleApi")), {
        types: ['geocode'],
    });

    google.maps.event.addListener(autocomplete, 'place_changed', function () {
        var near_place = autocomplete.getPlace();
        // console.log(near_place)
        // console.log(near_place.geometry.location.lat())
        // console.log(near_place.geometry.location.lng())
        document.getElementById('latGoogleApi').value = near_place.geometry.location.lat();
        document.getElementById('lngGoogleApi').value = near_place.geometry.location.lng();

        // document.getElementById('latitude_view').innerHTML = near_place.geometry.location.lat();
        // document.getElementById('longitude_view').innerHTML = near_place.geometry.location.lng();
    });
    $(document).on('change', '#AddressGoogleApi', function () {
    document.getElementById('latGoogleApi').value = '';
    document.getElementById('lngGoogleApi').value = '';

    //document.getElementById('latitude_view').innerHTML = '';
    //document.getElementById('longitude_view').innerHTML = '';
    });
});
  </script>
@endsection