@extends('template.layoutAdmin')
@section('title', 'Mi Perfil')
@section('style')
  <style media="screen">
    .viewAll{
      background-color: #7460ee;
      position: relative;
      text-align: right;
      padding: 3px 10px;
      color: rgba(255, 255, 255, .8);
      text-decoration: none;
    }
    .viewAll:hover{
      color: #fff;
      background: #6a53f5;
    }
    .ultimoMov{
      padding: 10px !important;
    }
    .divImagePadre{
      margin-bottom: 10px !important;
    }
    .avatarPadre{
      width: 70px !important;
    }
    .aNamePadre{
      text-decoration: none;
      color: #fff;
    }
    .aNamePadre:hover{
      color: #ccc;
    }
    .aNamePadre:focus{
      color: #fff;
    }
    .DivimagenUser{
      margin-bottom: 0 !important;
    }
    .imageUser{
      border: 1px solid #1b7ace;
    }
    .modal{
      background: none;
    }
    .modal-content{
      background-color: white;
      border-radius: 2px;
      padding: 17px;
    }
    .btnModal{
      border: none;
      font-size: 17px;
      padding: 10px 32px;
      margin: 26px 5px 0 5px;
    }

    .loaderProduct {
      border: 7px solid #f3f3f3;
      border-radius: 50%;
      border-top: 7px solid #1e88e5;
      width: 50px;
      height: 50px;
      margin: auto;
      -webkit-animation: spin 1s linear infinite; /* Safari */
      animation: spin 1s linear infinite;
    }

    /* Safari */
    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

  </style>
@endsection

@section('cabecera')
  <div class="row">
    <div class="col-6">
      <h1 style="margin: 15px 0 10px 0;">
        <a href="http://{{$_SERVER["HTTP_HOST"]}}/administrator" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> Regresar</a>
      </h1>
    </div>
    <div class="col-6 text-right">
      <h1>
        <small>{{$comercios->userName}}</small>
      </h1>
    </div>
  </div>
@endsection

@section('contenido')
  <section>
    @if(Session::has('message'))
    <div class="alert alert-success alert-dismissable">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      {{Session::get('message')}}
    </div>
    @elseif(Session::has('message_error'))
    <div class="alert alert-danger alert-dismissable">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      {{Session::get('message_error')}}
    </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>Corrige los siguientes errores:</p>
                    <ul>
                        @foreach ($errors->all() as $message)
                            <li>{{ $message }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endif
  </section>

  <!-- Main content -->
  <section class="content">
    <form action="{{route('miPerfilUpdate', $comercios)}}" method="POST" enctype="multipart/form-data" id="formUpdate" >
    @csrf
    <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

    @method('PUT')
    <div class="row">
      <div class="col-lg-4 col-12">

        <div class="box box-widget widget-user-4">
          <div class="widget-user-header bg-blue" style="line-height: 19;border-radius:5px;">
           <div class="overlay overlay-none">
             <div class="widget-user-image DivimagenUser">
               @if ($comercios->fotoPerfil <> "0")
                 <img src="{{env('Image')}}{{$comercios->fotoPerfil}}" class="imageUser rounded-circle" alt="Usuario">
               @else
                 @if ($comercios->idGenero == 9)
                   <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenMan/man.png'}}" class="imageUser rounded-circle" alt="Masculino">
                 @else
                   <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenWomen/women.png'}}" class="imageUser rounded-circle" alt="Femenino">
                 @endif
               @endif
            </div>
           </div>
          </div>
        </div>
      </div>
      <div class="col-lg-8 col-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row">
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('nombreUsuario') ? 'has-error' : '' }}">
                  <label for="nombreUsuario">Nombre <span class="text-danger">*</span></label>
                  <input type="text" onkeyup="valirdarNombres(1,this.value);" required class="form-control" value="{{$comercios->nombre}}" id="nombreUsuario" name="nombreUsuario" placeholder="Nombre">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('apellidoUsuario') ? 'has-error' : '' }}">
                  <label for="apellidoUsuario">Apellido <span class="text-danger">*</span></label>
                  <input type="text" onkeyup="valirdarNombres(2,this.value);" name="apellidoUsuario" value="{{$comercios->apellido}}" class="form-control" required autocomplete="off" placeholder="Apellido" id="apellidoUsuario">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group" style="margin-bottom:0;">
                  <label for="razonSocial">Razon Social <span class="text-danger">*</span></label>
                  <input
                  type="text"
                  name="razonSocial"
                  class="form-control"
                  required
                  autocomplete="off"
                  placeholder="Razon Social"
                  onkeyup="slugRestaurante(this.value)"
                  value="{{$comercios->userName}}"
                  id="razonSocial">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('slug') ? 'has-error' : '' }}">
                    <label for="slug">Alias <span class="text-danger">*</span></label>
                    <input
                        type="text"
                        name="slug"
                        class="form-control"
                        value="{{$comercios->funDetalleRest->slug}}"
                        required
                        autocomplete="off"
                        placeholder="Alias del restaurante"
                        id="slug"
                    >
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 text-center">
                <div class="form-check form-check-inline mt-5">
                  @if($comercios->funDetalleRest->cerrarCaja == true)
                    <input type="checkbox" checked name="checkbox_cierreCaja" id="checkbox_cierreCaja" class="filled-in" />
                  @else
                    <input type="checkbox" name="checkbox_cierreCaja" id="checkbox_cierreCaja" class="filled-in" />
                  @endif
                  <label for="checkbox_cierreCaja" >¿Cerrar Caja Con fecha de Apertura? <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Si lo seleccionas la caja sé cerrar con la misma fecha de apertura (NO IMPORTA QUE Día SE CIERRE)" ></i> </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row align-items-center">
              <div class="col-md-8">
                <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                    <label for="email">Correo <span class="text-danger">*</span></label>
                    <input
                        type="email"
                        name="email"
                        value="{{$comercios->email}}"
                        readonly
                        class="form-control"
                        required
                        autocomplete="off"
                        placeholder="Correo"
                        id="email"
                    >
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-check form-check-inline mt-4">
                  @if($comercios->funDetalleRest->procesarPlato == 'true')
                    <input type="checkbox" checked 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" >¿Procesar Platos? <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Si (NO) lo seleccionas tus platos pasaran directamente a comanda" ></i> </label>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
                    <label for="password">Contraseña</label>
                    <input
                      type="password"
                      name="password"
                      class="form-control"
                      autocomplete="off"
                      placeholder="Contraseña"
                      id="password"
                    >
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('passwordConfirmation') ? 'has-error' : '' }}">
                    <label for="passwordConfirmation">Repetir Contraseña</label>
                    <input
                      type="password"
                      name="passwordConfirmation"
                      class="form-control"
                      autocomplete="off"
                      placeholder="Contraseña"
                      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">Tipo Documento <span class="text-danger">*</span></label>
                    <select name="idTipoDoc" id="idTipoDoc" class="form-control">
                      @foreach ($tpDoc as $item)
                        @if ($comercios->idTipoDocumento == $item->idValorParametro)
                          <option selected value="{{$comercios->idTipoDocumento}}">{{$item->nombre}}</option>
                        @else
                          <option value="{{$item->idValorParametro}}">{{$item->nombre}}</option>
                        @endif
                      @endforeach
                    </select>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group {{ $errors->has('numeroDocumento') ? 'has-error' : '' }}">
                    <label for="numeroDocumento">N. Documento <span class="text-danger">*</span></label>
                    <input
                      type="text"
                      name="numeroDocumento"
                      value="{{$comercios->numeroDocumento}}"
                      onkeyup="validarSiNumero(this.value, 1);"
                      class="form-control"
                      required
                      autocomplete="off"
                      maxlength="15"
                      placeholder="Numero de Documento"
                      id="numeroDocumento"
                    >
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group {{ $errors->has('nitRestaurante') ? 'has-error' : '' }}">
                    <label for="nitRestaurante">NIT <span class="text-danger">*</span></label>
                    <input
                      type="text"
                      name="nitRestaurante"
                      value="{{$comercios->funDetalleRest->nitRestaurante}}"
                      pattern="[0-9]*"
                      title="Este campo solo es numerico."
                      class="form-control"
                      required
                      autocomplete="off"
                      maxlength="15"
                      placeholder="Nit restaurante"
                      id="nitRestaurante"
                    >
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('telefono') ? 'has-error' : '' }}">
                    <label for="telefono">Telefono <span class="text-danger">*</span></label>
                    <input
                      type="text"
                      name="telefono"
                      class="form-control"
                      value="{{$comercios->telefono}}"
                      onkeyup="validarSiNumero(this.value, 2);"
                      required
                      maxlength="7"
                      autocomplete="off"
                      placeholder="Telefono"
                      id="telefono"
                    >
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('celular') ? 'has-error' : '' }}">
                  <label for="celular">Celular <span class="text-danger">*</span></label>
                    <input
                        type="text"
                        name="celular"
                        maxlength="10"
                        class="form-control"
                        onkeyup="validarSiNumero(this.value, 3);"
                        value="{{$comercios->celular}}"
                        required
                        autocomplete="off"
                        placeholder="Celular"
                        id="celular"
                    >
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('idPais') ? 'has-error' : '' }}">
                  <label for="idDepart">Departamento <span class="text-danger">*</span></label>
                  <select class="form-control" id="listDepart" name="idDepart" onchange="departData(this.value)">
                    <option value='0'>Seleccione el Departamento</option>
                    @foreach ($departamentos as $itemDepart)
                      <option value="{{$itemDepart->idDepartamento}}">{{$itemDepart->nombre}}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('idCiudad') ? 'has-error' : '' }}">
                  <label for="idCiudad">Ciudad <span class="text-danger">*</span></label>
                  <select class="form-control" id="listCiudad" name="idCiudad">
                    <option value='0'>Seleccione la ciudad</option>
                    @foreach ($ciudad as $itemCiudad)
                      <option value="{{$itemCiudad->idCiudad}}">{{$itemCiudad->nombre}}</option>
                    @endforeach
                  </select>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('idGenero') ? 'has-error' : '' }}">
                    <label for="idGenero">Genero <span class="text-danger">*</span></label>
                    <select name="idGenero" id="idGenero" class="form-control">
                        @foreach ($generos as $item)
                            @if ($comercios->idGenero == $item->idValorParametro)
                                <option selected value="{{$comercios->idGenero}}">{{$item->nombre}}</option>
                            @else
                                <option value="{{$item->idValorParametro}}">{{$item->nombre}}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
              </div>
                <div class="col">
                    <div class="form-group">
                        <label for="valorImpuesto">Valor Impuesto en %</label>
                        <input
                            type="text"
                            name="valorImpuesto"
                            value="{{$comercios->funDetalleRest->valorImpuesto}}"
                            class="form-control"
                            autocomplete="off"
                            placeholder="Valor Impuesto"
                            id="valorImpuesto"
                            maxlength="5"
                        >
                        <input type="hidden" name="valorImpuesto2" value="{{$comercios->funDetalleRest->valorImpuesto}}" id="valorImpuesto2">
                    </div>
                </div>
                <div class="col">
                    <div class="form-check form-check-inline" style="margin-top: 30px;">
                        @if($comercios->funDetalleRest->config_impuesto == 0)
                        <input type="checkbox" name="checkbox_config_impuesto" onclick="configImp()" id="checkbox_config_impuesto" class="filled-in" />
                        @else
                        <input type="checkbox" name="checkbox_config_impuesto" onclick="configImp()" checked id="checkbox_config_impuesto" class="filled-in" />
                        @endif
                        <label for="checkbox_config_impuesto">¿Con Impuesto? <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Si lo seleccionas tendrás activado el porcentaje del impuesto en tu restaurante." ></i></label>
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        <label>Comisión (%)</label>
                        <input
                            readonly
                            type="text"
                            value="{{$comercios->comision}}"
                            class="form-control"
                        >
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
              <div class="col">
                <div class="form-group">
                  <label for="tipoVia">Dirección<span class="text-danger">*</span></label>
                  <input class="form-control" type="text" name="AddressGoogleApi" id="AddressGoogleApi" placeholder="Digite la direccion formato Ej:(Calle 51B 84-86)" value="{{$comercios->funDetalleRest->direccion}}">
                  <input type="hidden" name="latGoogleApi" id="latGoogleApi" value="{{$comercios->funDetalleRest->latitud}}">
                  <input type="hidden" name="lngGoogleApi" id="lngGoogleApi" value="{{$comercios->funDetalleRest->longitud}}">
                </div>
              </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group {{ $errors->has('direccion') ? 'has-error' : '' }}">
                        <label for="ConfigDom">Configuración de Domicilios<span class="text-danger">*</span></label>

                        <select name="configDom" id="configDom" class="form-control" >
                        <option value="" disabled selected>Por favor seleccione una configuración</option>
                        @if($DomicilioV)
                            @foreach($configsDom as $config)
                            @if($DomicilioV->config_domicilio_vp == $config->idValorParametro)
                            <option value="{{$config->idValorParametro}}" selected>{{$config->extra}}</option>
                            @else
                            <option value="{{$config->idValorParametro}}">{{$config->extra}}</option>
                            @endif
                            @endforeach
                        @else
                            @foreach($configsDom as $config)
                            <option value="{{$config->idValorParametro}}">{{$config->extra}}</option>
                            @endforeach
                        @endif
                        </select>
                    </div>

                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="form-check form-check-inline" style="margin-top: 30px;">
                            @if($comercios->funDetalleRest->config_gestion_dom == 0)
                                <input type="checkbox" name="checkbox_config_gestion_dom" id="checkbox_config_gestion_dom" class="filled-in" />
                            @else
                                <input type="checkbox" name="checkbox_config_gestion_dom" checked id="checkbox_config_gestion_dom" class="filled-in" />
                            @endif
                            <label for="checkbox_config_gestion_dom">¿Gestionar domicilios automaticamente? <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Si lo seleccionas un pedido de domicilios será gestionado al panel de domiciliarios al momento de que uno de sus productos estén en estado: En proceso." ></i></label>
                        </div>
                    </div>
                  </div>

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


    <div class="row" id="domfijo">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="valorDomicilio">Valor domicilio</label>
                        <input
                            type="text"
                            name="valorDomicilio"
                            value="{{$comercios->funDetalleRest->valorTarifaApp}}"
                            class="form-control"
                            autocomplete="off"
                            placeholder="Valor domicilio"
                            id="valorDomicilio"
                        >
                    </div>
                </div>
                <div class="col">
                    <div class="form-check form-check-inline" style="margin-top: 30px;">
                        @if($comercios->funDetalleRest->domicilioGratis == 0)
                            <input type="checkbox" name="checkbox_domicilioGratis1" onclick="domicilioGratis()" id="checkbox_domicilioGratis1" class="filled-in" />
                        @else
                            <input type="checkbox" name="checkbox_domicilioGratis1" onclick="domicilioGratis()" checked id="checkbox_domicilioGratis1" class="filled-in" />
                        @endif
                        <label for="checkbox_domicilioGratis1">¿Domicilio gratis?</label>
                    </div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>


    <div class="row" id="domvariable">
      <div class="col-lg-12">
          <div class="info-box">
            <div class="box-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group mb-0">
                        <label>Precio por kilómetro</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">$</span>
                            </div>
                            <input type="number" min="1" class="form-control preciokm" name="precioKm">
                        </div>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group mb-0">
                        <label>Valor mínimo domicilio</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">$</span>
                            </div>
                            <input type="number" min="1" class="form-control valormin" name="valorMinDom">
                        </div>

                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group mb-0">
                        <label>Valor máximo domicilio</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">$</span>
                            </div>
                            <input type="number" class="form-control valormax" name="valorMaxDom">
                        </div>

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

    <div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row">
              <div class="col-md-3 text-left">
                <div class="widget-user-image DivimagenUser">
                 <img src="{{ asset('files/fileCodeQR') }}/{{$comercios->funDetalleRest->image_qr != null ? $comercios->funDetalleRest->image_qr: 'no_qr.PNG'}}" style="width: 15rem; height: 15rem;" alt="CodigoQR">
                </div>
                  <div style="padding-top: 10px;">
                    {{-- <a type="button" onclick="generarCodeQR()" href="javascript:;"class="btn btn-info">Generar</a> --}}
                    @if($comercios->funDetalleRest->image_qr != null)
                    <a type="button" href="{{ asset('files/fileCodeQR') }}/{{$comercios->funDetalleRest->image_qr}}" download="{{$comercios->userName}}" class="btn btn-info">Descargar</a>
                    @else
                    <a type="button" onclick="errorQR()" href="javascript:;"class="btn btn-info">Descargar</a>
                    @endif
                  </div>
              </div>
              <div class="col-md-9">
                <div class="form-group {{ $errors->has('descripComercio') ? 'has-error' : '' }}" style="margin-bottom:0;">
                  <label for="descripComercio">Descripción:</label>
                  <textarea class="form-control" name="descripComercio" id="descripComercio" cols="30" rows="10">{{$comercios->funDetalleRest->descripcion}}</textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row">
              <div class="col-md-6">
                <div class="form-group" style="margin-bottom:0;">
                  <label for="filePerfil">Imagen Perfil</label>
                  <div class="controls">
                    <input type="file" name="filePerfil" id="filePerfil" class="form-control">
                    @if($comercios->fotoPerfil)
                      <small><a href="{env('Image')}}{{$comercios->fotoPerfil}}" target="_black">Ver foto actual <i class="fa fa-arrow-right"></i> </a></small>
                    @endif
                    <small>La foto del perfil debe tener el mismo alto y ancho</small>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="filePortada">Imagen Portada</label>
                  <div class="controls">
                    <input type="file" name="filePortada" id="filePortada" class="form-control">
                    @if($comercios->funDetalleRest->imagenPortada)
                      <small><a href="{env('Image')}}{{$comercios->funDetalleRest->imagenPortada}}" target="_black">Ver foto actual <i class="fa fa-arrow-right"></i> </a></small>
                    @endif
                    <small>La foto de portada debe ser de 1360 x 420</small>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

<div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row">
              <div class="col-md-12">
                <h4>Editar Servicios</h4>
                {{-- <div class="col-md-12"> --}}
                    <table class="col-md-12">
                        <thead>
                            <tr class="text-left col-md-12">
                                @foreach($servicios as $servicio)
                                    <th class="col-md-3" style="width:30% !important;">{{$servicio->nombre}}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="col-md-12 text-left">
                                @foreach($servicios as $servicio)
                                        <td class="col-md-3" style="width:30% !important;">
                                            <label class="switch">
                                                <input type="checkbox" name="typeService" onclick="changeService({{$servicio->idValorParametro}})" id="typeService_{{$servicio->idValorParametro}}" value="{{$servicio->idValorParametro}}" class="success service_{{$servicio->idValorParametro}}">
                                                <span class="slider round"></span>
                                            </label>
                                        </td>
                                @endforeach
                            </tr>
                            <input type="hidden" name="checkboxService" id="checkboxService">
                        </tbody>
                    </table>
                {{-- </div> --}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <h4>Configurar Servicios</h4>

            <div class="col-md-12">
                <h5>- Para llevar </h5>
              <div class="row">
                <div class="form-group col-md-10 {{ $errors->has('minParaLlevar') ? 'has-error' : '' }}">
                  <label for="minParaLlevar">Digite un tiempo minimo de recogida (Para llevar) <span class="text-danger">*</span></label>
                    <input type="number" class="form-control " name="minParaLlevar" placeholder="Digite un tiempo minimo para los pedidos" value="{{$comercios->funDetalleRest->min_parallevar}}">
                </div>
                <div class="col-md-2" style="padding-top: 3rem;">
                  <label>Minuto/s</label>
                </div>
              </div>
            </div>
            <hr>
            <div class="col-md-12">
                <h5>- Reservas </h5>
                <div class="row">
                  <div class="form-group col-md-10 {{ $errors->has('checkbox_confirm_reserva') ? 'has-error' : '' }}">
                    {{-- <label for="minParaLlevar">Confirmacion de reserva <span class="text-danger">*</span></label> --}}
                    <br>
                    @if($comercios->funDetalleRest->confirm_reserva == 0)
                        <input type="checkbox" name="checkbox_confirm_reserva" id="checkbox_confirm_reserva" class="filled-in" />
                    @else
                        <input type="checkbox" name="checkbox_confirm_reserva" checked id="checkbox_confirm_reserva" class="filled-in" />
                    @endif
                    <label for="checkbox_confirm_reserva">¿Confirmación de reserva? <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="Si lo seleccionas, los pedidos de reservas requerirá aceptacion/rechazo por parte del POS" ></i></label>
                  </div>
                  {{-- <div class="col-md-2" style="padding-top: 3rem;">
                    <label>Minuto/s</label>
                  </div> --}}
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>

     <div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row">
              <div class="col-md-12">
                <h4>Tipos de moneda</h4>
                <table class="table" id="idMonedaTabla">
                  <thead>
                    <tr>
                      <th style="vertical-align: middle;" class="text-center">Nombre</th>
                      <th style="vertical-align: middle;" class="text-center">Abreviación</th>
                      <th style="vertical-align: middle;" class="text-center">Símbolo</th>
                      <th style="vertical-align: middle;" class="text-center">Moneda Principal</th>
                      <th style="vertical-align: middle;" class="text-center">Opciones</th>
                      <th style="vertical-align: middle;" class="text-center">Valor Divisa</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($monedas as $listMoneda)
                      <tr>
                        <td style="vertical-align: middle;" class="text-center">{{$listMoneda->nombre}}</td>
                        <td style="vertical-align: middle;" class="text-center">{{$listMoneda->abreviacion}}</td>
                        <td style="vertical-align: middle;" class="text-center">{{$listMoneda->simbolo}}</td>
                        <td style="vertical-align: middle;" class="text-center">
                          <span id="principal_{{$listMoneda->idMoneda}}"></span>
                          <span id="segundas_{{$listMoneda->idMoneda}}" onclick="cambiarMonedaPrincipal({{$listMoneda->idMoneda}})"><i id="iconSegundo" class="fa fa-3x fa-star"></i></span>
                        </td>
                        <td style="vertical-align: middle;" class="text-center">
                            <label class="switch ">
                              <input type="checkbox" name="typeMoneda" onclick="selectModena({{$listMoneda->idMoneda}})" id="cash_{{$listMoneda->idMoneda}}" value="{{$listMoneda->idMoneda}}" class="success monedas_{{$listMoneda->idMoneda}}">
                              <span class="slider round"></span>
                            </label>
                        </td>
                        <td style="vertical-align: middle;" class="text-center">
                          <input type="text" class="form-control" placeholder="Valor divisa" name="valorMoneda" onkeyup="numero(this.value,{{$listMoneda->idMoneda}})"  disabled id="valorMoneda_{{$listMoneda->idMoneda}}">
                          <input type="hidden" name="idMonedaPrincipal" id="idMonedaPrincipal">
                        </td>
                      </tr>
                    @endforeach
                    <input type="hidden" name="checkboxMonedas" id="checkboxMonedas">
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    {{---HORARIO--}}
    <div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <h4>Horarios</h4>
            <table class="table table-responsive">
              <thead>
                <tr>
                  <th style="vertical-align: middle;" class="text-center">DIAS</th>
                  <th style="vertical-align: middle;" class="text-center">HORA INICIO</th>
                  <th style="vertical-align: middle;" class="text-center">HORA FINAL</th>
                  <th style="vertical-align: middle;" class="text-center">CERRADO</th>
                </tr>
              </thead>
              <tbody>
                @if(count($horariosLocal) > 0)
                {{-- Desde base de datos --}}
                @foreach($horariosLocal as $key => $listaHorario)
                  <tr>
                    <td style="vertical-align: middle;" class="text-center">{{$listaHorario->dia}}</td>
                    <td style="vertical-align: middle;" class="text-center">
                      <div class="input-group">
                        <select name="horaI[]" id="horaI_{{$key}}" class="form-control">
                          @foreach($horas as $listHoras)
                            @if($listHoras == $listaHorario->hora_i)
                              <option value="{{$listaHorario->hora_i}}" selected>{{$listaHorario->hora_i}}</option>
                            @else
                              <option value="{{$listHoras}}">{{$listHoras}}</option>
                            @endif
                          @endforeach
                        </select>
                        <select name="minutoI[]" id="minutoI_{{$key}}" class="form-control">
                          @foreach($minutos as $listMinutos)
                            @if($listMinutos == $listaHorario->minuto_i)
                              <option value="{{$listaHorario->minuto_i}}" selected>{{$listaHorario->minuto_i}}</option>
                            @else
                              <option value="{{$listMinutos}}">{{$listMinutos}}</option>
                            @endif
                          @endforeach
                        </select>
                        <select name="amPmI[]" id="amPmI_{{$key}}" class="form-control">
                          @if($listaHorario->am_pm_i == 'AM')
                            <option value="AM" selected>AM</option>
                            <option value="PM">PM</option>
                          @else
                            <option value="AM">AM</option>
                            <option value="PM" selected>PM</option>
                          @endif
                        </select>
                      </div>
                    </td>
                    <td style="vertical-align: middle;" class="text-center">
                      <div class="input-group">
                        <select name="horaF[]" id="horaF_{{$key}}" class="form-control">
                          @foreach($horas as $listHoras)
                            @if($listHoras == $listaHorario->hora_f)
                              <option value="{{$listaHorario->hora_f}}" selected>{{$listaHorario->hora_f}}</option>
                            @else
                              <option value="{{$listHoras}}">{{$listHoras}}</option>
                            @endif
                          @endforeach
                        </select>
                        <select name="minutoF[]" id="minutoF_{{$key}}" class="form-control">
                          @foreach($minutos as $listMinutos)
                            @if($listMinutos == $listaHorario->minuto_f)
                              <option value="{{$listaHorario->minuto_f}}" selected>{{$listaHorario->minuto_f}}</option>
                            @else
                              <option value="{{$listMinutos}}">{{$listMinutos}}</option>
                            @endif
                          @endforeach
                        </select>
                        <select name="amPmF[]" id="amPmF_{{$key}}" class="form-control">
                          @if($listaHorario->am_pm_f == 'AM')
                            <option value="AM" selected>AM</option>
                            <option value="PM">PM</option>
                          @else
                            <option value="AM">AM</option>
                            <option value="PM" selected>PM</option>
                          @endif
                        </select>
                      </div>
                    </td>
                    <td style="vertical-align: middle;" class="text-center">
                      <label class="switch "{{--  onclick="abrirRestaurante('{{$key}}')" --}}>
                        @if($listaHorario->cerrado == 1)
                          <input type="checkbox" name="cerrado" value="{{$listaHorario->dia}}" checked id="check_{{$key}}" class="success">
                        @else
                          <input type="checkbox" name="cerrado" value="{{$listaHorario->dia}}" id="check_{{$key}}" class="success">
                        @endif
                        <span class="slider round"></span>
                      </label>
                    </td>
                  </tr>
                @endforeach
                @else
                @foreach($horarios as $key => $listHorarios)
                  <tr>
                    <td style="vertical-align: middle;" class="text-center">{{$key}}</td>
                    <td style="vertical-align: middle;" class="text-center">
                      <div class="input-group">
                        <select name="horaI[]" id="horaI_{{$key}}" class="form-control" readonly>
                          @foreach($listHorarios['horas'] as $listHoras)
                            <option value="{{$listHoras}}">{{$listHoras}}</option>
                          @endforeach
                        </select>
                        <select name="minutoI[]" id="minutoI_{{$key}}" class="form-control" readonly>
                          @foreach($listHorarios['minutos'] as $listMinutos)
                            <option value="{{$listMinutos}}">{{$listMinutos}}</option>
                          @endforeach
                        </select>
                        <select name="amPmI[]" id="amPmI_{{$key}}" class="form-control" readonly>
                          @foreach($listHorarios['amPm'] as $listAmpm)
                            <option value="{{$listAmpm}}">{{$listAmpm}}</option>
                          @endforeach
                        </select>
                      </div>
                    </td>
                    <td style="vertical-align: middle;" class="text-center">
                      <div class="input-group">
                        <select name="horaF[]" id="horaF_{{$key}}" class="form-control" readonly>
                          @foreach($listHorarios['horas'] as $listHoras)
                            <option value="{{$listHoras}}">{{$listHoras}}</option>
                          @endforeach
                        </select>
                        <select name="minutoF[]" id="minutoF_{{$key}}" class="form-control" readonly>
                          @foreach($listHorarios['minutos'] as $listMinutos)
                            <option value="{{$listMinutos}}">{{$listMinutos}}</option>
                          @endforeach
                        </select>
                        <select name="amPmF[]" id="amPmF_{{$key}}" class="form-control" readonly>
                          @foreach($listHorarios['amPm'] as $listAmpm)
                            <option value="{{$listAmpm}}">{{$listAmpm}}</option>
                          @endforeach
                        </select>
                      </div>
                    </td>
                    <td style="vertical-align: middle;" class="text-center">
                      <label class="switch " onclick="abrirRestaurante('{{$key}}')">
                        <input type="checkbox" name="cerrado" checked value="{{$key}}" id="check_{{$key}}" class="success">
                        <span class="slider round"></span>
                      </label>
                    </td>
                  </tr>
                @endforeach
                @endif
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="info-box">
          <div class="box-body">
            <div class="row">
              <div class="col-12 text-center">
                <input type="hidden" name="checkBoxEstado" id="checkBoxEstado">
                <a href="javascript:enviarForm();" class="btn btn-info margin-top-10">Guardar Cambios</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    </form>

  </section>
  <!-- /.content -->

@endsection

@section('js')
  <script>

    function errorQR(){
      swal({
        title: "Error Codigo QR",
        text: "Este restaurante no tiene generado un codigo QR, "+
        "Por favor comuniquese con el soporte de Enjoit"+
        " para poder generar un codigo QR",
        html: false,
        animation: true,
        showCancelButton: false,
      });
    }

    var domicilioV = {!! json_encode($DomicilioV) !!};

    switch(domicilioV.config_domicilio_vp)
      {
        case 41:
        $("#domfijo").show();
        $("#domvariable").hide();
        break;
        case 42:
        $("#domfijo").hide();
        $("#domvariable").hide();
        break;
        case 43:
        $("#domfijo").hide();
        $('.preciokm').val(""+domicilioV.get_restaurante_dv.valorXkm);
        $('.valormin').val(""+domicilioV.get_restaurante_dv.ValorMin);
        $('.valormax').val(""+domicilioV.get_restaurante_dv.valorMax);
        $("#domvariable").show();
        break;
        default:
        $("#domfijo").hide();
        $("#domvariable").hide();
        break;
      }

    $('#configDom').on('change', function(){
      var selectValue = $(this).val();
      switch(selectValue)
      {
        case "41":
        $("#domfijo").show();
        $("#domvariable").hide();
        break;
        case "42":
        $("#domfijo").hide();
        $("#domvariable").hide();
        break;
        case "43":
        $("#domfijo").hide();
        $("#domvariable").show();
        break;
        default:
        $("#domfijo").hide();
        $("#domvariable").hide();
        break;
      }
    });




    function numero(valor, idInput) {
      var expresion = /^\d*[\.]?[\d]*$/;
      var resultado = expresion.test(valor);
      if(!resultado) {
        //NADA BIEN
        swal("Info!", "El Campo debe ser numerico", "info");
        $("#valorMoneda_"+idInput).val("");
      }
    }
    function cambiarMonedaPrincipal(idMoneda) {
      swal({
        title: "Cambiar moneda principal",
        text: "¿Deseas cambiar la moneda principal? "
        +"Recuerda que para cambiar la moneda principal debes tener todas las cajas cerradas, "
        +"y recuerda que a todo los productos se le actualizara el precio dependiendo de el valor de divisa que tengas.",
        html: false,
        animation: true,
        showCancelButton: true,
        cancelButtonText: "Cancelar",
        confirmButtonColor: "#00C31B",
        confirmButtonText: "Autorizo el cambio",
        closeOnConfirm: false
      },
      function() {
        var data = {
          "idMoneda": idMoneda
        }
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
          url: UrlHost_+"/administrator/actualizar/moneda-principal",
          data: data,
          type: 'post',
          dataType: 'json',
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
            swal({
              title: "Cargando...",
              text: "Espere un momento",
              showConfirmButton: false
            });
          },
          success: function(response){
            if(response.codigo == 200) {
              window.location.reload();
            }
            swal.close();
          },
          error: function(xhr){
            swal("Upss...!", xhr.responseJSON.mensaje, "warning");
          }
        });
      });
    }
    function selectModena(idMoneda) {
      if($('.monedas_'+idMoneda).is(':checked') ) {
        $("#valorMoneda_"+idMoneda).attr("disabled", false);
      }else{
        $("#valorMoneda_"+idMoneda).attr("disabled", true);
      }
    }
    function changeService(idService) {
      if($('.service_'+idService).is(':checked') ) {
        $("#typeService_"+idService).attr("disabled", false);
      }else{
        $("#typeService_"+idService).attr("checked", true);
      }
    }
  </script>
  <script>
    function enviarForm() {
      var arrTodo = new Array();
      $('input[name="cerrado"]').each(function(element) {
        var item = {};
        item.id = this.value;
        item.status = this.checked;
        arrTodo.push(item);
      });
      var toPost = JSON.stringify(arrTodo);
      $("#checkBoxEstado").val(toPost);

      var arrayMoneda = new Array();
      $('input[name="typeMoneda"]').each(function(element) {
        var item = {};
        item.id = this.value;
        item.status = this.checked;
        item.monedaPrincipal = $("#idMonedaPrincipal").val();
        var divisa = $("#valorMoneda_"+this.value).val();
        item.valorInput = divisa;
        arrayMoneda.push(item);
      });
      var toDivisa = JSON.stringify(arrayMoneda);
      $("#checkboxMonedas").val(toDivisa);

      var arrayService = new Array();
      $('input[name="typeService"]').each(function(element) {
        var item = {};
        item.id = this.value;
        item.status = this.checked;
        arrayService.push(item);
      });
      var toService = JSON.stringify(arrayService);
      $("#checkboxService").val(toService);

      $("#formUpdate").submit();

    }

    function abrirRestaurante(idHorario) {
      $("#horaI_"+idHorario+"").removeAttr("readonly");
      $("#minutoI_"+idHorario+"").removeAttr("readonly");
      $("#amPmI_"+idHorario+"").removeAttr("readonly");
      $("#horaF_"+idHorario+"").removeAttr("readonly");
      $("#minutoF_"+idHorario+"").removeAttr("readonly");
      $("#minutoF_"+idHorario+"").removeAttr("readonly");
      $("#amPmF_"+idHorario+"").removeAttr("readonly");
    }
  </script>
  <script type="text/javascript">
    function valirdarNombres(valor,dato)
    {
      if (!/^[a-z A-Z]+$/.test(dato)){
        if (valor == 1) {
          $("#nombreUsuario").val("");
        }else{
          $("#apellidoUsuario").val("");
        }
      }
    }
    $('#valorImpuesto').on('input', function () {
      this.value = this.value.replace(/[^0-9,.]/g, '').replace(/,/g, '.');
    });
  </script>
  <script>
    function slugRestaurante(value) {
        var slugRestaurante = value.toLowerCase();
        var slug = slugRestaurante.replace(/[ ]/gi,'-');
        $('#slug').val(slug);
    }
    function validarEstado(idComercio){
      var valor = $("#stateComercio").val();
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      var data = {
        "idComercio": idComercio,
        "valorEstado": valor
      }
      swal({
        title: "Actualizar Estado",
        text: valor == 1 ? "¿Desea activar este comercio?, todos sus productos y servicios volveran a estar activos." : "¿Desea inactivar este comercio?, todos sus productos y servicios tambien se inactivaran.",
        html: false,
        animation: true,
        showCancelButton: true,
        cancelButtonText: "Cancelar",
        confirmButtonColor: valor == 1 ? "#00C31B" :  "#E30000",
        confirmButtonText: "Actualizar Estado",
        closeOnConfirm: false
      },
        function(){
          $.ajax({
            url: UrlHost_+"/administrator/empresas/update/estado",
            data: data,
            type: 'post',
            dataType: 'json',
            headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function () {
              swal({
                title: "Cargando...",
                text: '<div class="container"><div class="row"><div class="col-12"><div class="loaderProduct"></div></div></div></div>',
                html: true,
                animation: false,
                showConfirmButton: false
              });
            },
            success: function(response){
              swal({
                title: response.estado == 1 ? "Bien Hecho" : "Ups..",
                text: response.message,
                type: response.estado == 1 ? "success" : "info",
                confirmButtonColor: "#0b4889",
                confirmButtonText: "Ok!",
                closeOnConfirm: false
              },
              function(){
                location.reload();
              });
            },
            error: function(xhr){
              swal("¡Error!", "Ha ocurrido un error intente mas tarde", "error");
            }
          });
        }
      );

    }
  </script>

  <script type="text/javascript">
    $("#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 consultarMonedas() {
      var selectM = {!! json_encode($selectMoneda) !!};
        $("#listDepart").val({{$comercios->idDepartamento}});
        $("#listCiudad").val({{$comercios->idCiudad}});


        $.each(selectM, function(j, listSelect){
          //activar todos los checked
          $("#cash_"+listSelect.idMoneda).attr("checked", true);

          //funcion de la principal
          if(listSelect.principal) {
            $("#principal_"+listSelect.idMoneda).html('<i style="color:#ffeb3b;font-weight:bold;" class="fa fa-3x fa-star"></i>');
            document.getElementById("segundas_"+listSelect.idMoneda).style.display= 'none';
            $("#idMonedaPrincipal").val(listSelect.idMoneda);
            //bloquear moneda principal
            $("#cash_"+listSelect.idMoneda).attr("disabled", true);
          }
          console.log(listSelect.valor_divisa);
          //cargar datos de divisa
          $("#valorMoneda_"+listSelect.idMoneda).val(listSelect.valor_divisa);
          $("#valorMoneda_"+listSelect.idMoneda).attr("disabled", false);

        });
    }

    function consultarService() {
      var selectM = {!! json_encode($servicios) !!};
      var dataservice = {!! json_encode($dataService) !!}
      console.log(dataservice[0])
        $.each(selectM, function(j, listSelect){
          //activar todos los checked
          switch (listSelect.idValorParametro){
            case 36:
            if (dataservice[0].ordenar == 1) {$("#typeService_"+listSelect.idValorParametro).attr("checked", true);}
            break;
            case 37:
            if (dataservice[0].para_llevar == 1) {$("#typeService_"+listSelect.idValorParametro).attr("checked", true);}
            break;
            case 38:
            if (dataservice[0].domicilio == 1) {$("#typeService_"+listSelect.idValorParametro).attr("checked", true);}
            break;
            case 39:
            if (dataservice[0].reserva == 1) {$("#typeService_"+listSelect.idValorParametro).attr("checked", true);}
            break;

          }
          // console.log(listSelect)
          // $("#typeService_"+listSelect.idValorParametro).attr("checked", true);

          // //funcion de la principal
          // if(listSelect) {
          //   $("#typeService_"+listSelect.idValorParametro).attr("disabled", true);
          // }

        });
    }



    $(document).ready(function() {

      consultarMonedas();
      consultarService();



      var domicilioGratis = {{$comercios->funDetalleRest->domicilioGratis}};
      if (domicilioGratis == 1) {
        $("#valorDomicilio").val('');
        $("#valorDomicilio").prop( "disabled", true );
        $("#checkbox_domicilioGratis1").prop( "checked", true );
      }
      var configImp = {{$comercios->funDetalleRest->config_impuesto}};
      if (configImp == 1) {
        //$("#valorImpuesto").val('');
        $("#checkbox_config_impuesto").prop( "checked", true );
      }else{
        $("#valorImpuesto").prop( "disabled", true );
      }
    });

    function domicilioGratis()
    {
        if( $('#checkbox_domicilioGratis1').prop('checked') ) {
            $("#valorDomicilio").val('');
            $("#valorDomicilio").prop( "disabled", true );
        }else{
            $("#valorDomicilio").prop( "disabled", false );
        }

    }


    function configImp()
    {
        if( $('#checkbox_config_impuesto').prop('checked') ) {
            $("#imp").val('');
            $("#valorImpuesto").prop( "disabled", false );
        }else{
            $("#valorImpuesto").prop( "disabled", true );
        }

    }


    function departData(value) {
      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: "Cargando...",
            text: "Espere un momento",
            showConfirmButton: false
          });
        },
        success: function(response){
            $('#listCiudad').empty();
            $.each(response, function(j, listCiudad){
              $("#listCiudad").append("<option value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
            });
            swal.close();
        },
        error: function(xhr){
          swal("Error!", "Ha ocurrido un error intente mas tarde", "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