@extends('template.layoutAdmin', ['activeButton'=>'personal'])
@section('title',   trans('restaurantes.titulorRestauranteMiPerfil')  )
@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;
    }

    .preview { 
      overflow: hidden; 
      width: 160px;  
      height: 160px;     
      margin: 10px;     
      border: 1px solid red;     
    }     
    .modal-lg{    
      max-width: 1000px !important;    
    } 

    /* 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>  {{  trans('restaurantes.regresar') }} </a>
      </h1>
    </div>
    <div class="col-6 text-right">
      <h1>
        <small>{{$comercios->userName}}</small>
      </h1>
    </div>
  </div>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.css" integrity="sha256-jKV9n9bkk/CTP8zbtEtnKaKf+ehRovOYeKoyfthwbC8=" crossorigin="anonymous" /> 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.js" integrity="sha256-CgvH7sz3tHhkiVKh05kSUgG97YtzYNnWt6OXcmYzqHY=" crossorigin="anonymous"></script>

@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> {{  trans('restaurantes.corregirErrores') }} </p>
                      <ul>
                          @foreach ($errors->all() as $message)
                              <li>{{ $message }}</li>
                          @endforeach
                      </ul>
                  </div>
              </div>
          </div>
      @endif
    </section>

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

      @csrf
      @method('PUT')
          <div class="row">
              <div class="col-5 " >
                  <div class="card shadow p-3 mb-5 bg-white rounded">
                      <div class="card-body ">
                        <div class="row">
                            <div class="text-center ml-60">


                          @if ($comercios->fotoPerfil <> "0")
                          <img src="{{env('Image')}}{{$comercios->fotoPerfil}}" class="imageUser rounded-circle" alt="Usuario"  accept="image/*" width="255px">
                        @else
                          @if ($comercios->idGenero == 9)
                            <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenMan/man.png'}}" class="imageUser rounded-circle" alt="Masculino"   width="200px">
                          @else
                            <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenWomen/women.png' }}" class="imageUser rounded-circle" alt="Femenino"  accept="image/*"  width="200px">
                          @endif
                        @endif
                      </div>
                        </div>

                      <body>
                        <div class="row">
                          <div class="col mt-50">
                            <div class="form-group" style="margin-bottom:0;">
                              <label for="filePerfil"> {{  trans('restaurantes.imagenPerfil') }} </label>
                            {{-- <div class="controls">--}}
                              <div class="form-control">
                                <input type="file" name="img" class="image" accept="image/*">
                                <input type="hidden" name="image" id="foto" >
                              </div>
                                @if($comercios->fotoPerfil)
                                  <small><a href="{{env('Image')}}{{$comercios->fotoPerfil}}" target="_black"> {{  trans('restaurantes.verFotoActual') }}	<i class="fa fa-arrow-right"></i> </a></small>
                                @endif
                                <small> {{  trans('restaurantes.descripcionImgPerfil') }}	</small>
                            {{---- </div>----}}
                            </div>
                          </div>
                        </div>
                      </body>
                        <div class="row">
                          <div class="col mt-40">
                            <div class="form-group">
                              <label for="filePortada"> {{  trans('restaurantes.imagenPortada') }} </label>
                              <div class="controls">
                                <input type="file" name="filePortada" id="filePortada" class="form-control" accept="image/*" >
                                @if($comercios->funDetalleRest->imagenPortada)
                                  <small><a href="{{env('Image')}}{{$comercios->funDetalleRest->imagenPortada}}" target="_black"> {{  trans('restaurantes.verFotoActual') }} <i class="fa fa-arrow-right"></i> </a></small>
                                @endif
                                <small> {{  trans('restaurantes.descripcionImgPortada') }} </small>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      </div>
              </div>
              <div class="col">
                  <div class="card shadow p-3 mb-5 bg-white rounded">
                          <div class="card-body">
                              <h2 class="card-title"> <strong>  {{  trans('restaurantes.perfilRest') }}	</strong></h2>
                                  <p class="card-text">

                                      <div class="row">
                                          <div class="col-6">
                                              <div class="form-group {{ $errors->has('nombreUsuario') ? 'has-error' : '' }}">
                                              <label for="nombreUsuario"> {{  trans('restaurantes.nombreRest') }} <span class="text-danger">*</span></label>
                                              <input type="text"  required class="form-control rounded" value="{{$comercios->userName}}" id="nombreResaturante" name="nombreResaturante" placeholder=" {{  trans('restaurantes.nombreRestPlace') }}	">
                                            </div>
                                          </div>
                                          <div class="col-6">
                                              <div class="form-group" style="margin-bottom:0;">
                                                  <label for="razonSocial"> {{  trans('restaurantes.razonSocial') }}  <span class="text-danger">*</span></label>
                                                  <input
                                                  type="text"
                                                  name="razonSocial"
                                                  id="razonSocial"
                                                  class="form-control rounded "
                                                  required
                                                  autocomplete="off"
                                                  placeholder=" {{  trans('restaurantes.razonSocial') }} "
                                                  onkeyup="slugRestaurante(this.value)"
                                                  value="{{$comercios->razon_social}}"
                                                  id="razonSocial">
                                                </div>
                                          </div>
                                      </div>
                                      <div class="row">
                                          <div class="col" style="display: none;">
                                              <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"
                                                      id="slug"
                                                      class="form-control rounded"
                                                      value="{{$comercios->funDetalleRest->slug}}"
                                                      required
                                                      autocomplete="off"
                                                      placeholder=" {{  trans('restaurantes.aliasPlace') }} "
                                                      id="slug"
                                                  >
                                              </div>
                                          </div>

                                          <div class="col-5">
                                              <div class="form-group {{ $errors->has('nitRestaurante') ? 'has-error' : '' }}">
                                                  <label for="nitRestaurante"> {{  trans('restaurantes.nit') }} </label>
                                                  <input
                                                    type="text"
                                                    name="nitRestaurante"
                                                    onkeypress="return event.charCode >=48"
                                                    value="{{$comercios->funDetalleRest->nitRestaurante}}"
                                                    pattern="[0-9]*"
                                                    title="Este campo solo es numerico."
                                                    class="form-control"
                                                    autocomplete="off"
                                                    maxlength="15"
                                                    placeholder="Nit restaurante"
                                                    id="nitRestaurante"
                                                  >
                                              </div>
                                            </div>

                                            <div class="col">
                                                <div class="form-group {{ $errors->has('celularRestaurante') ? 'has-error' : '' }}">
                                                  <div class="row">
                                                    <div class="col-md-5">
                                                      <label for="codigo_paisRest"> {{  trans('restaurantes.prefijo') }} <span class="text-danger">*</span></label>
                                                      <select name="codigo_paisRest" id="codigo_paisRest" class="form-control">
                                                        @foreach ($dataPais as $item)
                                                          @if ($item->codigo == $DomicilioV->codigo_pais)
                                                            <option value="{{$item->codigo}}" selected>&nbsp;+{{$item->codigo}}</option>
                                                          @else
                                                            <option value="{{$item->codigo}}">&nbsp;+{{$item->codigo}}</option>
                                                          @endif
                                                        @endforeach
                                                      </select>
                                                    </div>
                                                    <div class="col-md">
                                                      <label for="celularRestaurante"> {{  trans('restaurantes.celularContacto') }} <span class="text-danger">*</span></label>
                                                      <input 
                                                      type="text" 
                                                      onkeypress="return event.charCode >=48"  
                                                      name="celularRestaurante" 
                                                      id="celularRestaurante" 
                                                      maxlength="10" 
                                                      class="form-control" 
                                                      value="{{ $DomicilioV->celularContacto }}" 
                                                      placeholder=" {{  trans('restaurantes.celularContactoPlace') }} " 
                                                      required min="0">
                                                    </div>
                                                  </div>
                                                  </div>
                                            </div>

                                      </div>

                                      <div class="row">

                                        <div class="col-md-4 ">

                                          <div class="form-group {{ $errors->has('idPais2') ? 'has-error' : '' }}">
                                              <label for="idPais"> {{  trans('restaurantes.pais') }} <span class="text-danger">*</span></label>
                                              <select class="form-control" name="idPais2" onchange="paisDataP(this.value)">
                                                  <option selected value="0" disabled> {{  trans('restaurantes.seleccionePais') }} </option>
                                                  @foreach ($pais as $listPais)
                                                      @if ($DomicilioV->pais_vp == $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('listDepart2') ? 'has-error' : '' }}">
                                              <label for="idDepart"> {{  trans('restaurantes.departamento') }} <span class="text-danger">*</span></label>
                                              <select class="form-control" id="listDepart2" name="listDepart2"
                                                  onchange="departDataP(this.value)" required>
                                                  {{-- <option value="" selected disabled>Seleccione el Departamento</option> --}}
                                                  @foreach ($departamentos as $listdepartamentos)
                                                  {{-- <option  value="{{ $listdepartamentos->idDepartamento  }}" {{$DomicilioV->departamento_vp==$listdepartamentos->idDepartamento?'selected':''  }}>{{ $listdepartamentos->nombre }}</option> --}}

                                                    @if ($DomicilioV->departamento_vp == $listdepartamentos->idDepartamento )
                                                        <option  value="{{ $listdepartamentos->idDepartamento  }}" selected>{{ $listdepartamentos->nombre }}
                                                        </option>
                                                    @else
                                                        <option value="{{ $listdepartamentos->idDepartamento  }}">{{ $listdepartamentos->nombre }}</option>
                                                    @endif

                                                  @endforeach
                                              </select>
                                          </div>
                                        </div>
                                        <div class="col-md-4">
                                          <div class="form-group {{ $errors->has('idCiudad2') ? 'has-error' : '' }}">
                                              <label for="idCiudad"> {{  trans('restaurantes.ciudad') }} <span class="text-danger">*</span></label>
                                              <select class="form-control " id="listCiudad2" name="idCiudad2"
                                                  onchange="ciudadData(this.value)" required>
                                                  <option value="0" selected disabled> {{  trans('restaurantes.seleccioneCiudad') }} </option>
                                              </select>
                                          </div>
                                        </div>

                                      </div>

                                      <div class="row align-items-center">


                                        <div class="col-md-5">
                                          <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="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 class="col-md-4">
                                          <div class="form-group ">
                                              <label for="extra_direccion"> {{  trans('restaurantes.extraDireccion') }} <span class="text-danger">*</span></label>
                                              <input
                                                type="text"
                                                name="extraDireccionRest"
                                                value="{{$comercios->funDetalleRest->extra_descripcion}}"
                                                class="form-control"
                                                autocomplete="off"
                                                placeholder=" {{ trans('restaurantes.placeExtraDireccion')}} "
                                              >
                                          </div>
                                        </div>
                                        <div class="col-md-3">
                                          <div class="form-group ">
                                              <label for="zipCode">{{  trans('restaurantes.zipCode') }}<span class="text-danger">*</span></label>
                                              <input
                                                type="text"
                                                name="zipCode"
                                                value="{{$comercios->zip_code}}"
                                                class="form-control"
                                                autocomplete="off"
                                                maxlength="15"
                                                placeholder=" {{  trans('restaurantes.zipCode') }} "
                                              >
                                          </div>

                                        </div>
                                      </div>


                                      <div class="row">
                                        <div class="col">
                                          <div class="form-group {{ $errors->has('descripComercio') ? 'has-error' : '' }}" style="margin-bottom:0;">
                                              <label for="descripComercio"> {{  trans('restaurantes.descripcionMiPerfil') }} </label>
                                              <textarea class="form-control" name="descripComercio" id="descripComercio" cols="10" rows="4">{{$comercios->funDetalleRest->descripcion}}</textarea>
                                            </div>
                                        </div>
                                      </div>


                                  </p>
                          </div>
                  </div>
              </div>
          </div>
          <div class="row">
              <div class="col mt-20">
                  <div class="card shadow p-3 mb-5 bg-white rounded">
                      <h2 class="card-title"> <strong>  {{  trans('restaurantes.informacionContacto') }} </strong></h2>
                      <div class="card-body">
                          <div class="row">
                              <div class="col">
                                      <div class="form-group {{ $errors->has('nombreUsuario') ? 'has-error' : '' }}">
                                      <label for="nombreUsuario"> {{  trans('restaurantes.nombre') }} <span class="text-danger">*</span></label>
                                      <input type="text" onkeyup="valirdarNombres(1,this.value);" required class="form-control rounded" value="{{$comercios->nombre}}" id="nombreUsuario" name="nombreUsuario" placeholder=" {{  trans('restaurantes.nombre') }} ">
                                    </div>
                              </div>
                              <div class="col">
                                  <div class="form-group {{ $errors->has('apellidoUsuario') ? 'has-error' : '' }}">
                                      <label for="apellidoUsuario"> {{  trans('restaurantes.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=" {{  trans('restaurantes.apellido') }} " id="apellidoUsuario">
                                    </div>
                              </div>
                          </div>
                          <div class="row">
                                  <div class="col-6">
                                      <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="{{$comercios->email}}"
                                              readonly
                                              class="form-control rounded"
                                              required
                                              autocomplete="off"
                                              placeholder=" {{  trans('restaurantes.correo') }} "
                                              id="email"
                                          >
                                      </div>
                                  </div>
                                  <div class="col-6">
                                      <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 ($generos as $item)
                                                  @if ($comercios->idGenero == $item->idValorParametro)
                                                    <option selected value="{{$comercios->idGenero}}">{{$item->nombre_ingles}}</option>
                                                  @else
                                                    <option value="{{$item->idValorParametro}}">{{$item->nombre_ingles}}</option>
                                                  @endif
                                                @endforeach
                                              @else
                                                @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
                                              @endif
                                          </select>
                                      </div>
                                    </div>

                          </div>

                          <div class="row">
                              <div class="col">
                                <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 ($tpDoc as $item)
                                          @if ($comercios->idTipoDocumento == $item->idValorParametro)
                                              <option selected value="{{$comercios->idTipoDocumento}}">{{$item->nombre_ingles}}</option>
                                          @else
                                              <option value="{{$item->idValorParametro}}">{{$item->nombre_ingles}}</option>
                                          @endif
                                      @endforeach
                                    @else
                                      @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 
                                    @endif
                                    </select>
                                </div>
                              </div>
                              <div class="col">
                                <div class="form-group {{ $errors->has('numeroDocumento') ? 'has-error' : '' }}">
                                    <label for="numeroDocumento"> {{  trans('restaurantes.numeroDocumento') }} </label>
                                    <input
                                      type="text"
                                      name="numeroDocumento"
                                      value="{{$comercios->numeroDocumento}}"
                                      class="form-control"
                                      required
                                      autocomplete="off"
                                      maxlength="15"
                                      placeholder=" {{  trans('restaurantes.numeroDocumentoPlace') }} "
                                      id="numeroDocumento"
                                    >
                                </div>
                              </div>
                  

                            </div>
                            <div class="row">
                              <div class="col">
                                  <div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
                                      <label for="password"> {{  trans('restaurantes.pass') }} </label>
                                      <input
                                        type="password"
                                        name="password"
                                        class="form-control"
                                        autocomplete="off"
                                        placeholder=" {{  trans('restaurantes.pass') }}	"
                                        id="password"
                                      >
                                  </div>

                              </div>
                              <div class="col">
                                  <div class="form-group {{ $errors->has('passwordConfirmation') ? 'has-error' : '' }}">
                                      <label for="passwordConfirmation"> {{  trans('restaurantes.repetirPass') }} </label>
                                      <input
                                        type="password"
                                        name="passwordConfirmation"
                                        class="form-control"
                                        autocomplete="off"
                                        placeholder=" {{  trans('restaurantes.pass') }} "
                                        id="passwordConfirmation"
                                      >
                                  </div>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-6">
                                <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"
                                        maxlength="7"
                                        class="form-control"
                                        value="{{$comercios->telefono}}"
                                        onkeyup="validarSiNumero(this.value, 7);"
                                        autocomplete="off"
                                        placeholder=" {{  trans('restaurantes.telefono') }}	"
                                        id="telefono"
                                      >
                                    @else
                                      <input
                                        type="text"
                                        name="telefono"
                                        maxlength="9"
                                        class="form-control"
                                        value="{{$comercios->telefono}}"
                                        onkeyup="validarSiNumero(this.value, 7);"
                                        autocomplete="off"
                                        placeholder=" {{  trans('restaurantes.telefono') }}	"
                                        id="telefono"
                                      >
                                    @endif
                                </div>
                              </div>
                              
                              <div class="col-md-6">
                                <div class="form-group {{ $errors->has('celular') ? 'has-error' : '' }}">
                                  <div class="row">
                                    <div class="col-md-3">
                                      <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)
                                            @if ($item->codigo == $comercios->codigo_pais)
                                                <option value="{{$item->codigo}}" selected>&nbsp;+{{$item->codigo}}</option>
                                            @else
                                              <option value="{{$item->codigo}}">&nbsp;+{{$item->codigo}}</option>
                                            @endif
                                        @endforeach
                                      </select>
                                    </div>
                                    <div class="col-md">
                                      <label for="celular"> {{  trans('restaurantes.celular') }} <span class="text-danger">*</span></label>
                                      <input
                                          type="text"
                                          name="celular"
                                          maxlength="10"
                                          class="form-control"
                                          onkeyup="validarSiNumero(this.value, 7);"
                                          value="{{$comercios->celular}}"
                                          required
                                          autocomplete="off"
                                          placeholder=" {{  trans('restaurantes.celular') }} "
                                          id="celular"
                                      >
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>

                            <div class="row">
                              <div class="col-md-6">
                                <div class="form-group {{ $errors->has('idPais') ? '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='0'> {{  trans('restaurantes.seleccioneDepartamento') }} </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">{{  trans('restaurantes.ciudad') }} <span class="text-danger">*</span></label>
                                  <select class="form-control" id="listCiudad" name="idCiudad">
                                    <option value='0'> {{  trans('restaurantes.seleccioneCiudad') }} </option>
                                    @foreach ($ciudad as $itemCiudad)
                                      <option value="{{$itemCiudad->idCiudad}}">{{$itemCiudad->nombre}}</option>
                                    @endforeach
                                  </select>
                                </div>
                              </div>
                            </div>
                      </div>
                  </div>
              </div>
          </div>
          @if ($comercios->idPerfil != 68)
            <div class="row">
                <div class="col-lg-12">
                    <div class="info-box mt-20">
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <h4> {{  trans('restaurantes.configGlobal') }} </h4>
                                    <div class="row">
                                        <div class="col">
                                            <div class="form-group">
                                                <label for="valorImpuesto"> {{  trans('restaurantes.valorImpuesto') }} </label>
                                                <input
                                                    type="text"
                                                    name="valorImpuesto"
                                                    value="{{$comercios->funDetalleRest->valorImpuesto}}"
                                                    class="form-control"
                                                    autocomplete="off"
                                                    placeholder="{{  trans('restaurantes.valorImpuestoPlace') }}"
                                                    onkeyup="validarImpuestoInput(this.value)"
                                                    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"> {{  trans('restaurantes.impuesto') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.impuestoTittle') }} " ></i></label>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <div class="form-check form-check-inline mt-30">
                                              @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" > {{  trans('restaurantes.procesarPlatos') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.procesarPlatosTittle') }}	" ></i> </label>
                                            </div>
                                          </div>
                                        {{-- <div class="col">
                                            <div class="form-group">
                                                <label> {{  trans('restaurantes.comisionPerfil') }}	</label>
                                                <input
                                                    readonly
                                                    type="text"
                                                    value="{{$comercios->comision}}"
                                                    class="form-control"
                                                >dep
                                            </div>
                                        </div> --}}
                                      </div>
                                      <div class="row">
                                          <div class="col-3">
                                              <div class="form-group">
                                                  <label for=""> {{  trans('restaurantes.aforoGlobal') }}	</label>
                                              <input type="number" name="aforoGlobal" id="aforoGlobal" class="form-control" value="{{$DomicilioV->aforo_global}}"  placeholder=" {{  trans('restaurantes.aforoGlobal') }} " min="0" onkeypress="return event.charCode >=48">
                                              </div>
                                          </div>
                                      </div>
                                      <div class="row mt-10">
                                        <div class="col-md-12 text-center">
                                            <div class="card-tittle"> </div>
                                          <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" > {{  trans('restaurantes.cerrarCajaApertura') }}<i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.cerrarCajaAperturaTittle') }}" ></i> </label>
                                          </div>
                                        </div>
                                      </div>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
          @endif

          <div class="row ">
              <div class="col-lg-12">
                <div class="info-box mt-20">
                  <div class="box-body ">
                    <div class="row">
                      <div class="col-md-12">
                        <h4 id="servicios"> {{  trans('restaurantes.editarServicio') }} </h4>
                        {{-- <div class="col-md-12"> --}}
                            <table class="col-md-12">
                                <thead>
                                    <tr class="text-left col-md-12">
                                      @if ( App::getLocale() != 'es')
                                        @foreach($servicios as $servicio)
                                            <th class="col-md-3" style="width:30% !important;">{{$servicio->nombre_ingles}}</th>
                                        @endforeach
                                      @else
                                        @foreach($servicios as $servicio)
                                            <th class="col-md-3" style="width:30% !important;">{{$servicio->nombre}}</th>
                                        @endforeach
                                      @endif
                                    </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>
            @if ($comercios->idPerfil != 68)
                  {{--Configurar Servicios--}}
            <div class="row">
                <div class="col-lg-12">
                    <div class="info-box">
                        <div class="box-body">
                          <div class="row">
                            <h4><strong>  {{  trans('restaurantes.configServicios') }} </strong></h4>
                          </div>
                          
                            <hr>
                            
                              <div class="row">
                                <div class="col-md-2">
                                  <h5 ><strong> {{  trans('restaurantes.ordenar') }}: </strong></h5>
                                </div>
                            
                                <div class="col-md-5 ">
                                  <label for="configOrdenar"> {{ trans('restaurantes.configOrdenar') }} <span class="text-danger">*</span>
                                    <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="{{ trans('restaurantes.infoConfigOrdenar') }}" ></i>
                                </label>
                                <select class="form-control" name="configOrdenar" id="configOrdenar">
                                  <option value="" disabled selected>{{ trans('restaurantes.seleccioneOpcion') }}</option>
                                  <option value="before" {{$comercios->funDetalleRest->tipo_cobro_ordenar =='before'?'selected':'' }}  > {{  trans('restaurantes.antesConsumir') }} </option>
                                  <option value="after" {{$comercios->funDetalleRest->tipo_cobro_ordenar =='after'?'selected':'' }}> {{  trans('restaurantes.despuesConsumir') }} </option>
                                </select>
                                <br>
                                  <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"> {{  trans('restaurantes.descargar') }}	</a>
                                    @else
                                      <a type="button" onclick="errorQR()" href="javascript:;"class="btn btn-info"> {{  trans('restaurantes.descargar') }} </a>
                                    @endif
                                  </div>
                                </div>
                                  
                                <div class="col">
                                  <div class="row"><label for="switch"> {{  trans('restaurantes.activarQR') }} </label></div>

                                  @if ($DomicilioV->qr_restaurante == 0)

                                    <div class="row">
                                      <label class="switch">
                                        <input type="checkbox" name="codigoQr" id="codigoQr" class="success"  onchange="validarQrHablitado()">
                                        <span class="slider round"></span>
                                      </label>
                                    </div>

                                    <div class="row">
                                      <div class="form-group mt-10">
                                        <br>
                                        <input type="checkbox" name="checkbox_confirm_restaurante_qr" id="checkbox_confirm_restaurante_qr" class="filled-in" />
                                        <label for="checkbox_confirm_restaurante_qr"> {{  trans('restaurantes.validarRestQR') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.validarRestQRTittle') }}" ></i></label>
                                      </div>
                                    </div>


                                    <div class="row">
                                      <div class="form-group ">
                                        <br>
                                        <input type="checkbox" name="checkbox_confirm_mesa_qr" id="checkbox_confirm_mesa_qr" class="filled-in" />
                                        <label for="checkbox_confirm_mesa_qr"> {{  trans('restaurantes.validarMesaQR') }}<i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.validarMesaQRTittle') }}	" ></i></label>
                                      </div>
                                    </div>

                                  @endif

                                  @if ($DomicilioV->qr_restaurante == 1)

                                    <div class="row">
                                      <label class="switch">
                                        <input type="checkbox" name="codigoQr" id="codigoQr" class="success"  onchange="validarQrHablitado()" checked>
                                        <span class="slider round"></span>
                                      </label>
                                    </div>

                                    <div class="row">
                                      <div class="form-group mt-10">
                                        <br>
                                        <input type="checkbox" name="checkbox_confirm_restaurante_qr" id="checkbox_confirm_restaurante_qr" class="filled-in" />
                                        <label for="checkbox_confirm_restaurante_qr"> {{  trans('restaurantes.validarRestQR') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.validarRestQRTittle') }}" ></i></label>
                                      </div>
                                    </div>

                                    <div class="row">
                                      <div class="form-group ">
                                        <br>
                                        <input type="checkbox" name="checkbox_confirm_mesa_qr" id="checkbox_confirm_mesa_qr" class="filled-in" />
                                        <label for="checkbox_confirm_mesa_qr"> {{  trans('restaurantes.validarMesaQR') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="S {{  trans('restaurantes.validarMesaQRTittle') }}" ></i></label>
                                      </div>
                                    </div>

                                  @endif

                                  @if ($DomicilioV->qr_restaurante == 2)

                                    <div class="row">
                                      <label class="switch">
                                        <input type="checkbox" name="codigoQr" id="codigoQr" class="success"  onchange="validarQrHablitado()" checked>
                                        <span class="slider round"></span>
                                      </label>
                                    </div>

                                    <div class="row">
                                      <div class="form-group mt-10">
                                        <br>
                                        <input type="checkbox" name="checkbox_confirm_restaurante_qr" id="checkbox_confirm_restaurante_qr" class="filled-in" />
                                        <label for="checkbox_confirm_restaurante_qr"> {{  trans('restaurantes.validarRestQR') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.validarRestQRTittle') }}" ></i></label>
                                      </div>
                                    </div>

                                    <div class="row">
                                      <div class="form-group ">
                                        <br>
                                        <input type="checkbox" name="checkbox_confirm_mesa_qr" id="checkbox_confirm_mesa_qr" class="filled-in"  checked/>
                                        <label for="checkbox_confirm_mesa_qr"> {{  trans('restaurantes.validarMesaQR') }}<i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.validarMesaQRTittle') }}	" ></i></label>
                                      </div>
                                    </div>
                                  @endif
                                </div>
                              </div>                         
                            <hr>

                            <div class="row">

                                  <div class="col-md-2 mt-10">
                                      <h5 ><strong>{{ trans('restaurantes.paraLlevarPerfil')}}</strong></h5>
                                    </div>

                                    <div class="col">
                                      <div class="row">
                                        <div class="col-md-10 {{ $errors->has('minParaLlevar') ? 'has-error' : '' }}">
                                            <div class="form-group">
                                                <label for="minParaLlevar"> {{  trans('restaurantes.tiempoRecogida') }} <span class="text-danger">*</span></label>
                                                <input type="number" min="0" class="form-control " name="minParaLlevar" placeholder="Digite un tiempo minimo para los pedidos" value="{{$comercios->funDetalleRest->min_parallevar}}">

                                            </div>
                                        </div>
                                        <div class="col-md-2" style="padding-top: 3rem;">
                                          <label> {{  trans('restaurantes.minutos') }} </label>
                                        </div>
                                      </div>
                                    </div>

                            </div>
                            <hr>

                            <div class="row">
                              <div class="col-md-2 mt-10">
                                  <h5 ><strong> {{  trans('restaurantes.domicilioPerfil') }} </strong></h5>
                                </div>
                                <div class="col">



                                  <div class="row">
                                    <div class="col-md-10 mt-10 {{ $errors->has('minDomicilio') ? 'has-error' : '' }}">
                                        <div class="form-group">
                                            <label for="minDomicilio"> {{  trans('restaurantes.tiempoRealizar') }} <span class="text-danger">*</span></label>
                                            <input type="number" min="0" class="form-control " name="minDomicilio" placeholder=" {{  trans('restaurantes.tiempoRealizarPlace') }} " value="{{$comercios->funDetalleRest->min_domicilio}}">

                                        </div>
                                    </div>
                                    <div class="col-md-2" style="padding-top: 3rem;">
                                      <label> {{  trans('restaurantes.minutos') }} </label>
                                    </div>
                                  </div>
                                  <div class="row">
                                      <div class="col-md-10 mt-10">
                                          <div class="form-group {{ $errors->has('configEnvio') ? 'has-error' : '' }}">
                                              <label for="configEnvio"> {{ trans('restaurantes.configTipoDom') }} <span class="text-danger">*</span>
                                                  <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="{{ trans('restaurantes.infoConfigTipoDom') }}" ></i>
                                              </label>

                                              <select name="configEnvio" id="configEnvio" class="form-control" >
                                              <option value="" disabled selected>{{ trans('restaurantes.seleccioneOpcion') }}</option>
                                              @if ( App::getLocale() != 'es')
                                                @if($DomicilioV)
                                                    @foreach($configEnvio as $config)
                                                        @if($DomicilioV->tipoDomiciliario == $config->idValorParametro)
                                                            <option value="{{$config->idValorParametro}}" selected>{{$config->nombre_ingles}}</option>
                                                        @else
                                                            <option value="{{$config->idValorParametro}}">{{$config->nombre_ingles}}</option>
                                                        @endif
                                                    @endforeach
                                                @else
                                                    @foreach($configEnvio as $config)
                                                        <option value="{{$config->idValorParametro}}">{{$config->nombre_ingles}}</option>
                                                    @endforeach
                                                @endif
                                              @else
                                                      @if($DomicilioV)
                                                      @foreach($configEnvio as $config)
                                                          @if($DomicilioV->tipoDomiciliario == $config->idValorParametro)
                                                              <option value="{{$config->idValorParametro}}" selected>{{$config->nombre}}</option>
                                                          @else
                                                              <option value="{{$config->idValorParametro}}">{{$config->nombre}}</option>
                                                          @endif
                                                      @endforeach
                                                  @else
                                                      @foreach($configEnvio as $config)
                                                          <option value="{{$config->idValorParametro}}">{{$config->nombre}}</option>
                                                      @endforeach
                                                  @endif  
                                              @endif
                                              </select>

                                          </div>

                                      </div>
                                  </div>
                                  <div id="configDomicilio" {{$DomicilioV->config_domicilio_vp == 66 ? '':'style="display: none;"'}}>
                                      <div class="row" id="configDom2" >
                                        <div class="col-md-6 mt-10" >
                                            <div class="form-group {{ $errors->has('direccion') ? 'has-error' : '' }}">
                                                <label for="ConfigDom"> {{  trans('restaurantes.configDomicilios') }} <span class="text-danger">*</span></label>

                                                <select name="configDom" id="configDom" class="form-control" >
                                                <option value="" disabled selected> {{  trans('restaurantes.seleccioneConfig') }} </option>
                                                @if ( App::getLocale() != 'es')
                                                  @if($DomicilioV)
                                                      @foreach($configsDom as $config)
                                                      @if($DomicilioV->config_domicilio_vp == $config->idValorParametro)
                                                      <option value="{{$config->idValorParametro}}" selected>{{$config->extra_ingles}}</option>
                                                      @else
                                                      <option value="{{$config->idValorParametro}}">{{$config->extra_ingles}}</option>
                                                      @endif
                                                      @endforeach
                                                  @else
                                                      @foreach($configsDom as $config)
                                                      <option value="{{$config->idValorParametro}}">{{$config->extra_ingles}}</option>
                                                      @endforeach
                                                  @endif
                                                @else
                                                    @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  
                                                @endif  
                                                </select>
                                            </div>

                                        </div>
                                        <div class="col-md-6 mt-10">
                                            <div class="row">
                                                {{-- <div class="form-group col-md-10 {{ $errors->has('minParaLlevar') ? 'has-error' : '' }}">
                                                    <label for="minParaLlevar">Gestionar domicilios automaticamente <span class="text-danger">*</span></label>
                                                    <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>
                                                </div> --}}
                                                <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"> {{  trans('restaurantes.gestionarDomicilioAuto') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.gestionarDomicilioAutoTittle') }}" ></i></label>
                                                </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"> {{  trans('restaurantes.valorDomicilio') }}</label>
                                                          <input
                                                              type="text"
                                                              name="valorDomicilio"
                                                              value="{{$comercios->funDetalleRest->valorTarifaApp}}"
                                                              class="form-control"
                                                              autocomplete="off"
                                                              placeholder=" {{  trans('restaurantes.valorDomicilio') }}"
                                                              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"> {{  trans('restaurantes.domicilioGratis') }} </label>
                                                      </div>
                                                  </div>
                                              </div>
                                              {{-- </div> --}}
                                          {{-- </div> --}}
                                          </div>
                                      </div>
                                  </div>
                              </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-2"><h5><strong>  {{  trans('restaurantes.reservaPerfil') }}	</strong> </h5></div>
                              <div class="col">
                                <div class="row">
                                  <div class="col">
                                    <div class="form-group  {{ $errors->has('minParaLlevar') ? '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"> {{  trans('restaurantes.confirmarReserva') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.confirmarReservaTittle') }} " ></i></label>
                                    </div>
                                    {{-- <div class="col-md-2" style="padding-top: 3rem;">
                                      <label>Minuto/s</label>
                                    </div> --}}
                                  </div>
                                  <div class="col">
                                      <div class="form-group">
                                          <br>
                                          @if($DomicilioV->pre_registro == 0)
                                            <input type="checkbox" name="checkbox_confirm_pre_registro" id="checkbox_confirm_pre_registro" class="filled-in" />
                                          @else
                                            <input type="checkbox" name="checkbox_confirm_pre_registro" checked id="checkbox_confirm_pre_registro" class="filled-in" />
                                          @endif
                                          <label for="checkbox_confirm_pre_registro"> {{  trans('restaurantes.preRegistroReserva') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.preRegistroReservaTittle') }}	" ></i></label>
                                      </div>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col">
                                    <div class="row">
                                      <div class="col-md-10 mt-10 {{ $errors->has('minCaducado') ? 'has-error' : '' }}">
                                        <div class="form-group">
                                          <label for="minCaducado"> {{  trans('restaurantes.tiempoReserva') }} <span class="text-danger">*</span> <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.tiempoReservaTittle') }} " ></i></label>
                                          <input type="number" min="0" class="form-control " name="minCaducado" placeholder=" {{  trans('restaurantes.tiempoReservaPlace') }} " value="{{$comercios->funDetalleRest->tiempo_caducado}}">
                                        </div>
                                      </div>
                                      <div class="col-md-2" style="padding-top: 3rem;">
                                        <label>{{  trans('restaurantes.minutos') }} </label>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>

                            <hr>
                            <div class="row">

                                  <div class="col-2"><h5><strong>  {{  trans('restaurantes.estadoPerfil') }}  </strong> </h5></div>

                                  <div class="col">
                          <div class="form-group  {{ $errors->has('estadoDescontar') ? 'has-error' : '' }}">
                                    {{-- <label for="minParaLlevar">Confirmacion de reserva <span class="text-danger">*</span></label> --}}
                                    <br>
                                    <label for="estadoDescontar"> {{  trans('restaurantes.estadoDescuento') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title=" {{  trans('restaurantes.estadoDescuentoTittle') }} " ></i></label>
                                    <select name="estadoDescontar" id="estadoDescontar" class="form-control">
                                        <option value="17" {{ $DomicilioV->estado_descuento==16?'selected':'' }} > {{  trans('restaurantes.ordenado') }} </option>
                                        <option value="18" {{ $DomicilioV->estado_descuento==18?'selected':'' }}> {{  trans('restaurantes.enProceso') }} </option>
                                        <option value="19" {{ $DomicilioV->estado_descuento==19?'selected':'' }}> {{  trans('restaurantes.preparado') }} </option>

                                    </select>
                                  </div>

                                  </div>

                                  <div class="col">
                                      <div class="form-group  {{ $errors->has('estadoPedido') ? 'has-error' : '' }}">
                                                {{-- <label for="minParaLlevar">Confirmacion de reserva <span class="text-danger">*</span></label> --}}
                                                <br>
                                                <label for="estadoPedido"> {{  trans('restaurantes.estadoAgotarse') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="{{  trans('restaurantes.estadoProductoAgotado') }}" ></i></label>
                                                <select name="estadoPedido" id="estadoPedido" class="form-control">
                                                    <option value="0" {{ $DomicilioV->estado_pedido==0?'selected':'' }}  > {{  trans('restaurantes.inactivo') }} </option>
                                                    <option value="1" {{ $DomicilioV->estado_pedido==1?'selected':'' }}> {{  trans('restaurantes.agotado') }} </option>

                                                </select>
                                              </div>
                                              </div>
                            </div>
                            <hr>
                            <div class="row">
                              <div class="col-2"><h5><strong> General : </strong> </h5></div>
                              <div class="col">
                                <div class="form-group  {{ $errors->has('liberacionProg') ? 'has-error' : '' }}">
                                  {{-- <label for="minParaLlevar">Confirmacion de reserva <span class="text-danger">*</span></label> --}}
                                  <br>
                                  <label for="select"> {{  trans('restaurantes.tiempoProgramado') }} <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="{{  trans('restaurantes.tiempoDeLiberacion') }}" ></i></label>
                                  <select name="liberacionProg" id="liberacionProg" class="form-control">
                                    <option value="0" {{ $comercios->funDetalleRest->liberacion_prog == null ? "selected":"" }}> {{  trans('restaurantes.manual') }} </option>
                                    <option value="1" {{ $comercios->funDetalleRest->liberacion_prog == 1 ? "selected":"" }}> {{  trans('restaurantes.hora1') }} </option>
                                    <option value="2" {{ $comercios->funDetalleRest->liberacion_prog == 2 ? "selected":"" }}> {{  trans('restaurantes.hora2') }} </option>
                                    <option value="4" {{ $comercios->funDetalleRest->liberacion_prog == 4 ? "selected":"" }}> {{  trans('restaurantes.hora4') }} </option>
                                    <option value="6" {{ $comercios->funDetalleRest->liberacion_prog == 6 ? "selected":"" }}> {{  trans('restaurantes.hora6') }} </option>
                                    <option value="12" {{ $comercios->funDetalleRest->liberacion_prog == 12 ? "selected":"" }}> {{  trans('restaurantes.hora12') }} </option>
                                  </select>
                                </div>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
          @endif


  {{--       <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="0" 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="0" 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" min="0" class="form-control valormax" name="valorMaxDom">
                          </div>

                      </div>
                    </div>
              </div>
            </div>
          </div>
        </div>
      </div> --}}

      {{-- Configuracion categorias del restaurante --}}

      <div class="row">
        <div class="col-lg-12">
          <div class="info-box">
            <div class="box-header with-border">
              <div class="row">
                <div class="col-md-6">
                    <h3 class="box-title"> {{  trans('restaurantes.categoriaRest') }}	</h3>
                </div>
                <div class="col-md-6 text-right">
                    <a href="#" class="btn btn-sm btn-info" data-toggle="modal" data-target="#seleccionarCat">
                        <i class="fa fa-plus"></i>
                    </a>
                </div>
              </div>
            </div>
            <div class="box-body" id="refreshCategorias">
              <div class="col-md-12">
                <div class="row">
                  @if (count($catRestaurante) > 0)
                    @foreach ($catRestaurante as $item)
                      <h4><span class="badge badge-success" style="background-color: #7CF9D5"><a type="button" href="javaScript:;" style="color: #4F5D59" onclick="eliminarCategoria({{ $item->idCategoria }})">{{ $item->funCategoria->nombre }}</a></span>&nbsp;&nbsp;&nbsp;</h4>
                    @endforeach
                  @else
                    <span class="badge badge-danger"> {{  trans('restaurantes.sinCategoriaSeleccionada') }}	</span>
                  @endif
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      {{-- Comisiones --}}
      @if ($comercios->idPerfil != 68)
        <div class="row">
          <div class="col-lg-12">
            <div class="info-box">
              <div class="box-body">
                <div class="row">
                  <div class="col-md-6">
                    <input type="hidden" name="configComision" value="{{ $comercios->comision ?? 0 }}">
                    <div class="justify-content-end" >
                      <input type="radio" class="form-check-input" name="radioSelected" id="checkConfigComisionGeneral" {{ $comercios->comision == 0 ? 'checked':'' }} disabled>
                      <label class="form-check-label" for="checkConfigComisionGeneral"> {{  trans('restaurantes.categoriaGeneral') }} </label>
                      <br>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="justify-content-end" >
                      <input type="radio" class="form-check-input" name="radioSelected" id="checkConfigComisionServicio" {{ $comercios->comision == 1 ? 'checked':'' }} disabled>
                      <label class="form-check-label" for="checkConfigComisionServicio"> {{  trans('restaurantes.comisionServicioPedido') }} </label>
                      <br>
                    </div>
                  </div>
                </div>
                <br>
                @if (empty($comisionG))
                  <div class="col-md-12" style="{{ $comercios->comision == 1 ? 'display:none':'' }}" id="configGeneralComision">
                    <div class="form-group mb-0 {{ $errors->has('tipoComisionGeneral') ? 'has-error' : '' }}">
                      <label> {{  trans('restaurantes.tipoComision') }}	</label>
                      <div class="input-group">
                          {{-- <input type="number" min="0" class="form-control valormin" name="valorMinDom"> --}}
                          <select class="form-control" name="tipoComisionGeneral" id="tipoComisionGeneral" disabled>
                            <option value=""> {{  trans('restaurantes.noSeleccionado') }}	</option>
                            <option value="1"> {{  trans('restaurantes.porcentaje') }} </option>
                            <option value="2"> {{  trans('restaurantes.monedaLocal') }}	</option>
                          </select>
                      </div>

                    </div>
                    <br>
                    <div class="form-group mb-0">
                      <label> {{  trans('restaurantes.valorComision') }}</label>
                      <div class="input-group">
                          <input type="number" min="0" class="form-control valormin" name="comisionGeneral" disabled>
                      </div>

                    </div>
                  </div>
                @else
                  <div class="col-md-12" style="{{ $comercios->comision == 1 ? 'display:none':'' }}" id="configGeneralComision">
                    <div class="form-group mb-0 {{ $errors->has('tipoComisionGeneral') ? 'has-error' : '' }}">
                      <label> {{  trans('restaurantes.tipoComision') }}	</label>
                      <div class="input-group ">
                          {{-- <input type="number" min="0" class="form-control valormin" name="valorMinDom"> --}}
                          <select class="form-control" name="tipoComisionGeneral" id="tipoComisionGeneral" disabled>
                            <option value=""> {{  trans('restaurantes.noSeleccionado') }}	</option>
                            <option value="1" {{ $comisionG->tipo_comision == 1 ? 'selected':'' }}> {{  trans('restaurantes.porcentaje') }}	</option>
                            <option value="2" {{ $comisionG->tipo_comision == 2 ? 'selected':'' }}> {{  trans('restaurantes.monedaLocal') }} </option>
                          </select>
                      </div>

                    </div>
                    <br>
                    <div class="form-group mb-0">
                      <label> {{  trans('restaurantes.valorComision') }} </label>
                      <div class="input-group">
                          <input type="number" min="0" class="form-control valormin" name="comisionGeneral" value="{{ $comisionG->comision }}" disabled>
                      </div>

                    </div>
                  </div>
                @endif
                <div class="col-md-12" style="{{ $comercios->comision == 0 ? 'display:none':'' }}" id="configEspecificoComision">
                  <div class="row">

                    @if (count($comisionE) >0)
                      @foreach ($comisionE as $comision)
                          @switch($comision->idServicio)
                              @case(22)
                                  <div class="col-md-4">
                                    <h4 class="text-center"> {{  trans('restaurantes.ordenar') }} </h4>
                                    <br>
                                    <div class="form-group mb-0 {{ $errors->has('tipoComisionOrdenar') ? 'has-error' : '' }}">
                                      <label> {{  trans('restaurantes.tipoComision') }} </label>
                                      <div class="input-group">
                                          {{-- <input type="number" class="form-control valormin" name="valorMinDom"> --}}
                                          <select class="form-control" name="tipoComisionOrdenar" id="tipoComisionOrdenar" disabled>
                                            <option value=""> {{  trans('restaurantes.noSeleccionado') }} </option>
                                            <option value="1" {{ $comision->tipo_comision == 1 ? 'selected':'' }} {{ old('tipoComisionOrdenar') == 1 ? 'selected':'' }}> {{  trans('restaurantes.porcentaje') }} </option>
                                            <option value="2" {{ $comision->tipo_comision == 2 ? 'selected':'' }} {{ old('tipoComisionOrdenar') == 2 ? 'selected':'' }}> {{  trans('restaurantes.monedaLocal') }} </option>
                                          </select>
                                      </div>
                                    </div>
                                    <br>
                                    <div class="form-group mb-0">
                                      <label> {{  trans('restaurantes.valorComision') }} </label>
                                      <div class="input-group">
                                          <input type="number" min="0" class="form-control" name="comisionOrdenar" value="{{ $comision->comision }}" disabled>
                                      </div>
                                    </div>
                                  </div>
                                  @break
                              @case(23)
                                  <div class="col-md-4">
                                    <h4 class="text-center"> {{  trans('restaurantes.paraLlevar') }} </h4>
                                    <br>
                                    <div class="form-group mb-0 {{ $errors->has('tipoComisionParallevar') ? 'has-error' : '' }}">
                                      <label> {{  trans('restaurantes.tipoComision') }} </label>
                                      <div class="input-group">
                                          {{-- <input type="number" class="form-control valormin" name="valorMinDom"> --}}
                                          <select class="form-control" name="tipoComisionParallevar" id="tipoComisionParallevar" disabled>
                                            <option value=""> {{  trans('restaurantes.noSeleccionado') }}	</option>
                                            <option value="1" {{ $comision->tipo_comision == 1 ? 'selected':'' }} {{ old('tipoComisionParallevar') == 1 ? 'selected':'' }}> {{  trans('restaurantes.porcentaje') }}	</option>
                                            <option value="2" {{ $comision->tipo_comision == 2 ? 'selected':'' }} {{ old('tipoComisionParallevar') == 2 ? 'selected':'' }}> {{  trans('restaurantes.monedaLocal') }} </option>
                                          </select>
                                      </div>
                                    </div>
                                    <br>
                                    <div class="form-group mb-0">
                                      <label> {{  trans('restaurantes.valorComision') }} </label>
                                      <div class="input-group">
                                          <input type="number" min="0" class="form-control" name="comisionParallevar" value="{{ $comision->comision }}" disabled>
                                      </div>
                                    </div>
                                  </div>
                                  @break
                              @case(24)
                                <div class="col-md-4">
                                  <h4 class="text-center"> {{  trans('restaurantes.domicilios') }} </h4>
                                  <br>
                                  <div class="form-group mb-0 {{ $errors->has('tipoComisionDomicilio') ? 'has-error' : '' }}">
                                    <label> {{  trans('restaurantes.tipoComision') }} </label>
                                    <div class="input-group">
                                        {{-- <input type="number" class="form-control valormin" name="valorMinDom"> --}}
                                        <select class="form-control" name="tipoComisionDomicilio" id="tipoComisionDomicilio" disabled>
                                          <option value=""> {{  trans('restaurantes.noSeleccionado') }} </option>
                                          <option value="1" {{ $comision->tipo_comision == 1 ? 'selected':'' }}> {{  trans('restaurantes.porcentaje') }} </option>
                                          <option value="2" {{ $comision->tipo_comision == 2 ? 'selected':'' }}> {{  trans('restaurantes.monedaLocal') }} </option>
                                        </select>
                                    </div>

                                  </div>
                                  <br>
                                  <div class="form-group mb-0">
                                    <label> {{  trans('restaurantes.valorComision') }} </label>
                                    <div class="input-group">
                                        <input type="number" min="0" class="form-control" name="comisionDomicilio" value="{{ $comision->comision }}" disabled>
                                    </div>
                                  </div>
                                </div>
                                @break
                              {{-- @default --}}

                          @endswitch
                      @endforeach

                    @else
                      <div class="col-md-4">
                        <h4 class="text-center"> {{  trans('restaurantes.ordenar') }} </h4>
                        <br>
                        <div class="form-group mb-0 {{ $errors->has('tipoComisionOrdenar') ? 'has-error' : '' }}">
                          <label>Tipo de comisión</label>
                          <div class="input-group ">
                              {{-- <input type="number" class="form-control valormin" name="valorMinDom"> --}}
                              <select class="form-control" name="tipoComisionOrdenar" id="tipoComisionOrdenar" disabled>
                                <option value=""> {{  trans('restaurantes.noSeleccionado') }}	</option>
                                <option value="1"> {{  trans('restaurantes.porcentaje') }} </option>
                                <option value="2"> {{  trans('restaurantes.monedaLocal') }} </option>
                              </select>
                          </div>

                        </div>
                        <br>
                        <div class="form-group mb-0">
                          <label> {{  trans('restaurantes.valorComision') }} </label>
                          <div class="input-group">
                              <input type="number" min="0" class="form-control valormin" name="comisionOrdenar" disabled>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <h4 class="text-center"> {{  trans('restaurantes.paraLlevar') }} </h4>
                        <br>
                        <div class="form-group mb-0 {{ $errors->has('tipoComisionParallevar') ? 'has-error' : '' }}">
                          <label> {{  trans('restaurantes.tipoComision') }}	</label>
                          <div class="input-group">
                              {{-- <input type="number" class="form-control valormin" name="valorMinDom"> --}}
                              <select class="form-control" name="tipoComisionParallevar" id="tipoComisionParallevar" disabled>
                                <option value=""> {{  trans('restaurantes.noSeleccionado') }} </option>
                                <option value="1"> {{  trans('restaurantes.porcentaje') }} </option>
                                <option value="2"> {{  trans('restaurantes.monedaLocal') }}	</option>
                              </select>
                          </div>

                        </div>
                        <br>
                        <div class="form-group mb-0">
                          <label> {{  trans('restaurantes.valorComision') }}</label>
                          <div class="input-group">
                              <input type="number" min="0" class="form-control valormin" name="comisionParallevar" disabled>
                          </div>

                        </div>
                      </div>
                      <div class="col-md-4">
                        <h4 class="text-center"> {{  trans('restaurantes.domicilios') }} </h4>
                        <br>
                        <div class="form-group mb-0 {{ $errors->has('tipoComisionDomicilio') ? 'has-error' : '' }}">
                          <label> {{  trans('restaurantes.tipoComision') }} </label>
                          <div class="input-group">
                              {{-- <input type="number" class="form-control valormin" name="valorMinDom"> --}}
                              <select class="form-control" name="tipoComisionDomicilio" id="tipoComisionDomicilio" disabled>
                                <option value=""> {{  trans('restaurantes.noSeleccionado') }} </option>
                                <option value="1"> {{  trans('restaurantes.porcentaje') }} </option>
                                <option value="2"> {{  trans('restaurantes.monedaLocal') }}	</option>
                              </select>
                          </div>

                        </div>
                        <br>
                        <div class="form-group mb-0">
                          <label> {{  trans('restaurantes.valorComision') }} </label>
                          <div class="input-group">
                              <input type="number" min="0" class="form-control valormin" name="comisionDomicilio" disabled>
                          </div>

                        </div>
                      </div>
                    @endif
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      @endif
    {{--MONEDA---}}
      <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 id="monedas"> {{  trans('restaurantes.tipoMoneda') }}	</h4>
                  <table class="table" id="idMonedaTabla">
                    <thead>
                      <tr>
                        <th style="vertical-align: middle;" class="text-center"> {{  trans('restaurantes.nombre') }} </th>
                        <th style="vertical-align: middle;" class="text-center"> {{  trans('restaurantes.abreviacion') }} </th>
                        <th style="vertical-align: middle;" class="text-center"> {{  trans('restaurantes.simbolo') }} </th>
                        <th style="vertical-align: middle;" class="text-center"> {{  trans('restaurantes.monedaPrincipal') }} </th>
                        <th style="vertical-align: middle;" class="text-center"> {{  trans('restaurantes.opciones') }} </th>
                        <th style="vertical-align: middle;" class="text-center"> {{  trans('restaurantes.valorDivisa') }} </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=" {{  trans('restaurantes.valorDivisa') }}" 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 id="horarios">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">
                          @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> --}}



      {{---GUARDAR--}}

      <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"> {{  trans('restaurantes.guardarCambios') }} </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>

    {{-- modals --}}

    <div class="modal fade" id="seleccionarCat" tabindex="-1" role="dialog" aria-labelledby="seleccionarCatLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
          <div class="modal-content" id="categoriasList">
              <div class="modal-header">
                  <h5 class="modal-title" id="seleccionarCatLabel"> {{  trans('restaurantes.seleccioneCategoriaRestaurante') }}	</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
              </div>
              <div class="modal-body">
                <form id="selCategoria">
                  <div class="row mt-4">
                    <div class="col-md-12">
                      <div class="form-group">
                        <label for="idCategoria"> {{  trans('restaurantes.seleccioneCategoria') }} </label>
                        <input type="hidden" name="idRestaurante" value="{{ $comercios->idUsuario }}">
                        <select name="idCategoria" id="idCategoria" class="form-control">
                          @if (count($categorias) > 0)
                            <option value="">  {{  trans('restaurantes.seleccioneCategoria') }} </option>
                            @foreach ($categorias as $item)
                              <option value="{{ $item->idCategoria }}">{{ $item->nombre }}</option>
                            @endforeach
                          @else
                              <option value="" selected disabled> {{  trans('restaurantes.sinCategoria') }} </option>
                          @endif
                        </select>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
              <div class="modal-footer text-center">
                  <button type="button" class="btn btn-info" data-dismiss="modal"> {{  trans('restaurantes.cerrar') }} </button>
                  @if (count($categorias) > 0)
                    <button type="button" onclick="addCategoria()" class="btn btn-success" > {{  trans('restaurantes.agregar') }}	</button>
                  @endif
              </div>
          </div>
      </div>
  </div>

  <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg" role="document"> 
      <div class="modal-content"> 
        <div class="modal-header"> 
          <h5 class="modal-title" id="modalLabel">{{  trans('galeria.editarImagen') }}</h5> 
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
            <span aria-hidden="true">×</span>
          </button> 
        </div> 

        <div class="modal-body"> 
          <div class="img-container"> 
            <div class="row"> 
              <div class="col-md-8"> 
                <img id="image" src="https://avatars0.githubusercontent.com/u/3456749"> 
              </div> 
              <div class="col-md-4"> 
                <div class="preview"></div> 
              </div> 
            </div> 
          </div> 
        </div> 

        <div class="modal-footer"> 
          <button type="button" class="btn btn-secondary" data-dismiss="modal">{{  trans('galeria.cancelar') }}</button> 
          <button type="button" class="btn btn-primary" id="crop">{{  trans('galeria.editar') }}</button> 
        </div> 
      </div> 
    </div> 
  </div> 
  </section>
@endsection


@section('js')
  <script>

  var $modal = $('#modal'); 
      var image = document.getElementById('image'); 
      var cropper; 
      var nombreImagen;

      $("body").on("change", ".image", function(e){

        var files = e.target.files; 
        var done = function (url) { 
          image.src = url; 
          $modal.modal('show'); 
        }; 

        var reader; 
        var file; 
        var url; 

        if (files && files.length > 0) { 

          file = files[0]; 
          if (URL) { 
            done(URL.createObjectURL(file)); 
          } else if (FileReader) { 
            reader = new FileReader(); 
            reader.onload = function (e) { 
              done(reader.result); 
            }; 
            reader.readAsDataURL(file); 
          } 
        } 
      }); 

      

      $modal.on('shown.bs.modal', function () { 

        cropper = new Cropper(image, { 
          aspectRatio: 1, 
          viewMode: 3, 
          preview: '.preview'
        }); 
      }).on('hidden.bs.modal', function () { 

        cropper.destroy(); 
        cropper = null; 
      }); 

      

      $("#crop").click(function(){ 

        canvas = cropper.getCroppedCanvas({ 
          width: 500, 
          height: 500,  
        }); 

        canvas.toBlob(function(blob) { 

          url = URL.createObjectURL(blob); 
          var reader = new FileReader(); 
          reader.readAsDataURL(blob);  
          reader.onloadend = function() { 
            var base64data = reader.result;	 
            nombreImagen = base64data;
            console.log(nombreImagen);
            $modal.modal('hide'); 
          } 
        }); 
      })

      // function enviar_formulario(){
      //   $('#foto').val(nombreImagen);
      //   document.getElementById('formCreate').submit();
      // }
      var razonSoc="{{$comercios->razon_social}}";
      var slugR="{{$comercios->funDetalleRest->slug}}";
      var pais="{{ $DomicilioV->pais_vp }}";
      var dep="{{ $DomicilioV->departamento_vp }}";

      $(document).ready(function(){
        // validarQrHablitado();
        changeService();
        paisDataP(pais);
        departDataP(dep);
      })



      function paisDataP(value) {
        var idDepart = "{{ $DomicilioV->departamento_vp}}";
        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 () {
            $('#listDepart2').empty();
            $('#listCiudad2').empty();
            swal({
              title: " {{  trans('restaurantes.cargando') }}",
              text: " {{  trans('restaurantes.espereUnMomento') }}",
              showConfirmButton: false
            });
          },
          success: function(response){
              $('#listDepart2').empty();
              $("#listDepart2").append("<option value='0'>{{ trans('restaurantes.seleccioneDepartamento')}}</option>");
              $.each(response, function(j, listDepart){
                if(idDepart == listDepart.idDepartamento){
                  $("#listDepart2").append("<option selected value='"+listDepart.idDepartamento+"'>"+listDepart.nombre+"</option>");
                }else{
                  $("#listDepart2").append("<option value='"+listDepart.idDepartamento+"'>"+listDepart.nombre+"</option>");
                }
              });
              swal.close();
          },
          error: function(xhr){
            swal("Error!", " {{  trans('restaurantes.errorMessage') }}", "error");
          }
        });
      }

      function departDataP(value) {
        var idCiudad = "{{ $DomicilioV->ciudad_vp}}";
        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){
              $('#listCiudad2').empty();
              $.each(response, function(j, listCiudad){
                if(idCiudad == listCiudad.idCiudad){
                  $("#listCiudad2").append("<option selected value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
                }else{
                  $("#listCiudad2").append("<option value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
                }
              });
              swal.close();
          },
          error: function(xhr){
            swal("Error!", " {{  trans('restaurantes.errorMessage') }}", "error");
          }
        });
      }
        $( "#razonSocial" ).blur(function() {
      //   alert( "Handler for .blur() called." );
        // tu codigo ajax va dentro de esta function...
        var razonAc=document.getElementById("razonSocial").value;
        if (razonSoc==razonAc) {

        } else {
        swal({
          title: " {{  trans('restaurantes.cambiarRazonSocial') }}",
          text: " {{  trans('restaurantes.cambiarRazonSocialText') }}",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#0b4889",
          cancelButtonColor: "#EE0404",
          confirmButtonText: " {{  trans('restaurantes.aceptar') }}	 ",
          cancelButtonText: " {{  trans('restaurantes.cancelar') }}	",
          },
          function(isConfirm) {
          if (isConfirm) {
              // swal("Deleted!", "Your imaginary file has been deleted.", "success");
              swal.close();

          } else {
              //  swal("Cancelled", "Your imaginary file is safe :)", "error");
              swal.close();
              document.getElementById('razonSocial').value=razonSoc;
              document.getElementById('slug').value=slugR;
          }
          });

        }
      });
        
      
        function errorQR(){
          swal({
            title: " {{  trans('restaurantes.errorQR') }} ",
            text: " {{  trans('restaurantes.errorQRText') }}",
            html: false,
            animation: true,
            showCancelButton: false,
          });
        }
        function validarQrHablitado(){
            if(  document.getElementById('codigoQr').checked) {
                document.getElementById("checkbox_confirm_restaurante_qr").disabled =true
                document.getElementById('checkbox_confirm_restaurante_qr').checked=true
                document.getElementById("checkbox_confirm_mesa_qr").disabled = false

        }else{
        document.getElementById("checkbox_confirm_mesa_qr").disabled = true
        document.getElementById('checkbox_confirm_restaurante_qr').checked=false
        document.getElementById('checkbox_confirm_mesa_qr').checked=false
        document.getElementById("checkbox_confirm_restaurante_qr").disabled = true
        }
        }
        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").hide();
            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").hide();
            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!", " {{  trans('restaurantes.campoNumerico') }} ", "info");
          $("#valorMoneda_"+idInput).val("");
        }
      }
      function cambiarMonedaPrincipal(idMoneda) {
        swal({
          title: " {{  trans('restaurantes.cambioMonedaPrincipal') }} ",
          text: " {{  trans('restaurantes.cambioMonedaPrincipalOpcion') }} ",
          html: false,
          animation: true,
          showCancelButton: true,
          cancelButtonText: " {{  trans('restaurantes.cancelar') }}	",
          confirmButtonColor: "#00C31B",
          confirmButtonText: " {{  trans('restaurantes.autorizarCambioQR') }}	",
          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: " {{  trans('restaurantes.cargando') }}",
                text: " {{  trans('restaurantes.espereUnMomento') }}",
                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() {
        $('#foto').val(nombreImagen);
        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: " {{  trans('restaurantes.actualizarEstado') }} ",
          text: valor == 1 ? " {{  trans('restaurantes.activarComercio') }} " : " {{  trans('restaurantes.inactivarComercio') }} ",
          html: false,
          animation: true,
          showCancelButton: true,
          cancelButtonText: "Cancelar",
          confirmButtonColor: valor == 1 ? "#00C31B" :  "#E30000",
          confirmButtonText: " {{  trans('restaurantes.actualizarEstado') }} ",
          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: " {{  trans('restaurantes.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 ? " {{  trans('restaurantes.messageBienHecho') }}	" : "Ups..",
                  text: response.message,
                  type: response.estado == 1 ? "success" : "info",
                  confirmButtonColor: "#0b4889",
                  confirmButtonText: "Ok!",
                  closeOnConfirm: false
                },
                function(){
                  location.reload();
                });
              },
              error: function(xhr){
                swal("¡Error!", " {{  trans('restaurantes.errorMessage') }}", "error");
              }
            });
          }
        );

      }
    </script>

    <script type="text/javascript">
      $("#valorDomicilio").on({
          "focus": function (event) {
              $(event.target).select();
          },
          "keyup": function (event) {
              $(event.target).val(function (index, value ) {
                function replacer(str, p1, p2, offset, s)
                {
                  return str.substring(0, str.length - 1);;
                }
                  return value.replace/* (/\D/g, "") */ (/[^\d(.{1})]/g, "")
                              .replace(/^(([0-9]+([.]((([0-9]+)?([.]+)([0-9]+)?([.]+)?)|([0-9][0-9][0-9]+))))?)$/g, replacer)
                              .replace(/([0-9])([0-9]{0})$/, '$1$2')
                          .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, "");
                              // .replace(/\B(?=(\d{3})+(?!\d)\.?)([,][\d]{2})?/, ".");
                              // .replace(/(\,\d{3})?*/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);
            }
            //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 ?? 0}};
        if (domicilioGratis == 1) {
          $("#valorDomicilio").val('');
          $("#valorDomicilio").prop( "disabled", true );
          $("#checkbox_domicilioGratis1").prop( "checked", true );
        }
        var configImp = {{$comercios->funDetalleRest->config_impuesto}};
        if (configImp == 1) {
          $("#checkbox_config_impuesto").prop( "checked", true );
        }else{
          $("#valorImpuesto").val('');
          $("#valorImpuesto").prop( "disabled", true );
        }
      });

      $('#configEnvio').on('change', function(e){
          console.log(e.value)
          if(e.target.value == 65){
              $('#configDomicilio').show()
          }else{
              $('#configDomicilio').hide()
          }
      })

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

      }

      function validarImpuestoInput(){
          var  valor = document.getElementById('valorImpuesto').value;
          if (valor.length == 0) {
              document.getElementById('valorImpuesto').value = 0;

          }

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

      }

      var dep="{{ $DomicilioV->departamento_vp }}";

      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: " {{  trans('restaurantes.cargando') }}",
              text: " {{  trans('restaurantes.espereUnMomento') }}",
              showConfirmButton: false
            });
          },
          success: function(response){
              $('#listCiudad').empty();
              $.each(response, function(j, listCiudad){
                  if (dep==listCiudad.idCiudad) {
                      $("#listCiudad").append("<option value='"+listCiudad.idCiudad+"' selected>"+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>

    <script>
      function addCategoria()
      {
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        var formData = new FormData(document.getElementById("selCategoria"));
        $.ajax({
            url: UrlHost_+'/administrator/restaurantes/ajax/add/categoria',
            data: formData ,
            type: "post",
            dataType: "json",
            cache: false,
            contentType: false,
            processData: false,
            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){
                if (response.code == 200) {
                  swal({
                    title: " {{  trans('restaurantes.messageBienHecho') }} ",
                    text: response.message,
                    icon: "success",
                  })
                  $('#seleccionarCat').modal('hide');
                  $("#refreshCategorias").load(location.href+" #refreshCategorias>*","");
                  $("#categoriasList").load(location.href+" #categoriasList>*","");
                }else {
                    swal("Error!", response.message, "info");
                }
            },
            error: function(xhr){
                swal("Error!", " {{  trans('restaurantes.errorMessage') }}", "error");
            }
        });
      }

      function eliminarCategoria(id)
      {
        swal({
          title: " {{  trans('restaurantes.eliminarCategoria') }} ",
          text: " {{  trans('restaurantes.confirmarEliminacion') }} ",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#DB3920",
          cancelButtonColor: "#EE0404",
          confirmButtonText: " {{  trans('restaurantes.aceptar') }} ",
          cancelButtonText: " {{  trans('restaurantes.cancelar') }}	",
          },
          function(isConfirm) {
            if (isConfirm) {
              swal.close();
              $.ajax({
                url: UrlHost_+'/administrator/restaurantes/ajax/delete/categoria',
                data: {
                  idCategoria: id,
                  idRestaurante: {{ $comercios->idUsuario }}
                } ,
                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){
                  if (response.code == 200) {
                    swal({
                      title: "{{  trans('restaurantes.messageBienHecho') }}",
                      text: response.message,
                      icon: "success",
                    })
                    $('#seleccionarCat').modal('hide');
                    $("#refreshCategorias").load(location.href+" #refreshCategorias>*","");
                    $("#categoriasList").load(location.href+" #categoriasList>*","");
                  }else {
                    swal("Error!", response.message, "info");
                  }
                },
                error: function(xhr){
                    swal("Error!", " {{  trans('restaurantes.errorMessage') }}", "error");
                }
              });
            } else {
              swal.close();
            }
          });
      }
    </script>


@endsection