@extends('template.layoutAdmin', ['activeButton'=>'personal'])
@section('title')
{{  trans('restaurantes.titulorRestauranteTranajadoresShow') }}
@endsection
@section('cabecera')
  <div class="row">
    <div class="col-6">
      <h1 style="margin: 15px 0 10px 0;">
        <a href="{{route('trabajadores')}}" 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 style="margin: 15px 0 10px 0;" >
        <a href="{{route('turnos', [$dataTrabajador->idUsuario])}}" class="btn btn-default btn-sm">  {{  trans('restaurantes.turnos') }}	</a>
      </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('style')

<style media="screen">    
  .preview { 
    overflow: hidden; 
    width: 160px;  
    height: 160px;     
    margin: 10px;     
    border: 1px solid red;     
  }     
  .modal-lg{    
    max-width: 1000px !important;    
  } 
</style> 
@endsection

@section('contenido')
  <div class="row">
    <div class="col-12">
      @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
    </div>
  </div>
  <div class="row">
    <div class="col-lg-8 col-12">
      <div class="info-box">
        <form action="{{route('updateTrabajador', $dataTrabajador)}}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

        <input type="hidden" name="urlback" value="{{url()->previous()}}">
        <div class="box-body" id="dataActualizar">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="nombre"> {{  trans('restaurantes.nombre') }} <span class="text-danger">*</span></label>
                <input type="text"
                    name="nombre"
                    class="form-control"
                    value="{{$dataTrabajador->nombre}}"
                    onkeyup="valirdarNombres(1,this.value);"
                    id="nombreUsuario"
                    required
                    autocomplete="off"
                    placeholder=" {{  trans('restaurantes.nombre') }}	">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="apellido"> {{  trans('restaurantes.apellido') }} <span class="text-danger">*</span></label>
                <input type="text"
                    name="apellido"
                    value="{{$dataTrabajador->apellido}}"
                    onkeyup="valirdarNombres(2,this.value);"
                    id="apellidoUsuario"
                    class="form-control"
                    required
                    autocomplete="off"
                    placeholder=" {{  trans('restaurantes.apellido') }} ">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-8">
              <div class="form-group">
                <label for="userName"> {{  trans('restaurantes.userName') }} <span class="text-danger">*</span></label>
                <input type="text"
                    name="userName"
                    value="{{$dataTrabajador->userName}}"
                    class="form-control"
                    autocomplete="off"
                    placeholder=" {{  trans('restaurantes.userName') }}">
              </div>
            </div>
            <div class="col-md-4">
              @if($dataTrabajador->idPerfil == 4)
              <div class="form-group {{ $errors->has('idCaja') ? 'has-error' : '' }}">
                <label for="idCaja"> {{  trans('restaurantes.asignarCaja') }}	<span class="text-danger">*</span></label>
                <select name="idCaja" id="idCaja" class="form-control">
                    @if ($dataTrabajador->funEmpladoCaja)
                      <option selected value="{{$dataTrabajador->funEmpladoCaja->funCajaEmplado->idCaja}}">{{$dataTrabajador->funEmpladoCaja->funCajaEmplado->nombre}}</option>
                    @endif
                    @foreach ($caja as $listCaja)
                      @if ($dataTrabajador->idCaja == $listCaja->idCaja)
                        <option selected value="{{$listCaja->idCaja}}">{{$listCaja->nombre}}</option>
                      @else
                        <option value="{{$listCaja->idCaja}}">{{$listCaja->nombre}}</option>
                      @endif
                    @endforeach

                </select>
              </div>
              @endif
              @if($dataTrabajador->idPerfil == 32)
              <div class="form-group {{ $errors->has('idComanda') ? 'has-error' : '' }}">
                <label for="idComanda"> {{  trans('restaurantes.asignarComanda') }} <span class="text-danger">*</span></label>
                <select name="idComanda" id="idComanda" class="form-control">
                    @if ($dataTrabajador->funEmpleadoComanda)
                      <option selected value="{{$dataTrabajador->funEmpleadoComanda->funComandaEmplado->idComanda}}">{{$dataTrabajador->funEmpleadoComanda->funComandaEmplado->nombre}}</option>
                    @endif
                    @foreach ($comanda as $listComanda)
                      @if ($dataTrabajador->idComanda == $listComanda->idComanda)
                        <option selected value="{{$listComanda->idComanda}}">{{$listComanda->nombre}}</option>
                      @else
                        <option value="{{$listComanda->idComanda}}">{{$listComanda->nombre}}</option>
                      @endif
                    @endforeach

                </select>
              </div>
              @endif
            </div>
          </div>
          <div class="row">
            <div class="col-md-8">
              <div class="form-group">
                <label for="email"> {{  trans('restaurantes.correo') }}	 <span class="text-danger">*</span></label>
                <input type="email"
                    name="email"
                    value="{{$dataTrabajador->email}}"
                    class="form-control"
                    readonly="readonly"
                    disabled="disabled"
                    autocomplete="off"
                    placeholder=" {{  trans('restaurantes.correo') }}	">
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                <label for="idRol"> {{  trans('restaurantes.asignarPermisos') }} <span class="text-danger">*</span></label>
                    <select name="idRol" id="idRol" class="form-control">
                        <option value="0"> {{  trans('restaurantes.seleccinarRol') }}	</option>
                        @foreach ($roles as $rol)
                          @if ($dataTrabajador->idRol == $rol->idRol)
                            <option value="{{$rol->idRol}}" selected>{{ $rol->nombre }}</option>
                          @else
                            <option value="{{$rol->idRol}}">{{$rol->nombre}}</option>
                          @endif
                        @endforeach
                    </select>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="password"> {{  trans('restaurantes.pass') }}</label>
                <input type="password"
                    name="password"
                    class="form-control"
                    placeholder=" {{  trans('restaurantes.pass') }} ">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="passwordConfirmation"> {{  trans('restaurantes.repetirPass') }}	</label>
                <input type="password"
                    name="passwordConfirmation"
                    class="form-control"
                    placeholder=" {{  trans('restaurantes.pass') }} ">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <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 ($listTDocumen as $idTipoDoc)
                        @if ($dataTrabajador->idTipoDocumento == $idTipoDoc->idValorParametro)
                            <option selected value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre}}</option>
                        @else
                            <option value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre}}</option>
                        @endif
                    @endforeach
                  @else
                    @foreach ($listTDocumen as $idTipoDoc)
                        @if ($dataTrabajador->idTipoDocumento == $idTipoDoc->idValorParametro)
                            <option selected value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre}}</option>
                        @else
                            <option value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre}}</option>
                        @endif
                    @endforeach
                  @endif
                </select>
              </div>
            </div>
            <div class="col-md-6">
              @if (env('MULTISERVER') == "CO")
                <div class="form-group">
                  <label for="numeroDocumento"> {{  trans('restaurantes.numeroDocumento') }} <span class="text-danger">*</span></label>
                  <input type="text"
                      name="numeroDocumento"
                      id="numeroDocumento"
                      onkeyup="validarSiNumero(this.value, 1);"
                      maxlength="15"
                      value="{{$dataTrabajador->numeroDocumento}}"
                      class="form-control"
                      required
                      autocomplete="off"
                      placeholder=" {{  trans('restaurantes.numeroDocumentoPlace') }} ">
                </div>
              @else  
                <div class="form-group">
                  <label for="numeroDocumento"> {{  trans('restaurantes.numeroDocumento') }} <span class="text-danger">*</span></label>
                  <input type="text"
                      name="numeroDocumento"
                      id="numeroDocumento"
                      maxlength="15"
                      value="{{$dataTrabajador->numeroDocumento}}"
                      class="form-control"
                      required
                      autocomplete="off"
                      placeholder=" {{  trans('restaurantes.numeroDocumentoPlace') }} ">
                </div>
              @endif
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="telefono"> {{  trans('restaurantes.telefono') }} <span class="text-danger">*</span></label>
                @if (env('MULTISERVER') == "CO")
                  <input type="text"
                  name="telefono"
                  class="form-control"
                  onkeyup="validarSiNumero(this.value, 2);"
                  autocomplete="off"
                  value="{{$dataTrabajador->telefono}}"
                  placeholder="{{  trans('restaurantes.telefono') }}"
                  id="telefono"
                  required
                  maxlength="7">
                @else
                  <input type="text"
                  name="telefono"
                  class="form-control"
                  onkeyup="validarSiNumero(this.value, 2);"
                  autocomplete="off"
                  value="{{$dataTrabajador->telefono}}"
                  placeholder="{{  trans('restaurantes.telefono') }}"
                  id="telefono"
                  required
                  maxlength="9">
                @endif
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <div class="row">
                  <div class="col-md-5">
                    <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 ($dataTrabajador->codigo_pais == $item->codigo)
                          <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"
                        class="form-control"
                        value="{{$dataTrabajador->celular}}"
                        id="celular"
                        onkeyup="validarSiNumero(this.value, 3);"
                        maxlength="13"
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.celular') }} "
                        required
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="idDepart"> {{  trans('restaurantes.departamento') }} <span class="text-danger">*</span></label>
                <select class="form-control" name="idDepart" id="listDepart" onchange="departData(this.value)">
                    <option value="0"> {{  trans('restaurantes.seleccioneDepartamento') }} </option>
                    @foreach ($listDepart as $listD)
                      <option value="{{$listD->idDepartamento}}">{{$listD->nombre}}</option>
                    @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="idCiudad"> {{  trans('restaurantes.ciudad') }}  <span class="text-danger">*</span></label>
                <select class="form-control" id="listCiudad" name="idCiudad">
                </select>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label for="idGenero"> {{  trans('restaurantes.genero') }} <span class="text-danger">*</span></label>
                <select name="idGenero" id="idGenero"  class="form-control">
                  @if ( App::getLocale() != 'es')
                    @foreach ($listGenero as $listGeneros)
                        @if ($dataTrabajador->idGenero == $listGeneros->idValorParametro)
                          <option selected value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre_ingles}}</option>
                        @else
                          <option value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre_ingles}}</option>
                        @endif
                    @endforeach
                  @else
                    @foreach ($listGenero as $listGeneros)
                        @if ($dataTrabajador->idGenero == $listGeneros->idValorParametro)
                          <option selected value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre}}</option>
                        @else
                          <option value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre}}</option>
                        @endif
                    @endforeach
                  @endif
                </select>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 text-center">
              @sidebar('updateTrabajador')
              <input type="submit" class="btn btn-info margin-top-10" value=" {{  trans('restaurantes.guardar') }} ">
              @endsidebar
            </div>
          </div>
        </div>
        </form>
        <!-- /.box-body -->
      </div>
      <div class="info-box">
        <div class="box-body">
          <div class="col-md-12">
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label for=""> {{  trans('restaurantes.tipoTrabajador') }} </label>
                  <select name="newIdTipoT" id="newIdTipoT" class="form-control" onchange="tipoTrabajador(this.value)">
                    @if ( App::getLocale() != 'es')
                      @foreach ($perfiles as $perfil)
                        @if ($dataTrabajador->idPerfil == $perfil->idValorParametro)
                          <option selected value="{{$perfil->idValorParametro}}">{{$perfil->nombre}}</option>
                        @else
                          <option value="{{$perfil->idValorParametro}}">{{$perfil->nombre}}</option>
                        @endif
                      @endforeach
                    @else
                      @foreach ($perfiles as $perfil)
                        @if ($dataTrabajador->idPerfil == $perfil->idValorParametro)
                          <option selected value="{{$perfil->idValorParametro}}">{{$perfil->nombre}}</option>
                        @else
                          <option value="{{$perfil->idValorParametro}}">{{$perfil->nombre}}</option>
                        @endif
                      @endforeach
                    @endif

                  </select>
                </div>
              </div>
      
                <div class="col-md-6">
                  <div class="form-group">
                    <label for=""> {{  trans('restaurantes.rol') }} </label>
                    <select disabled name="newidRTrabajador" id="newidRTrabajador" class="form-control" >
                      <option selected disabled value=""> {{  trans('restaurantes.seleccioneOpcion') }} </option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6" id="comanda">
                  <div class="form-group">
                    <label for=""> {{  trans('restaurantes.comandaCaja') }} </label>
                    <select disabled name="newidCTrabajador" id="newidCTrabajador" class="form-control">
                      <option selected disabled value=""> {{  trans('restaurantes.seleccioneOpcion') }} </option>
                    </select>
                  </div>
                </div>          
            </div>
            <div class="row">
              <div class="col-12 text-center">
                @sidebar('updateTrabajador')
                <input type="submit" onclick="savePerfil()" class="btn btn-info margin-top-10" value=" {{  trans('restaurantes.guardar') }} ">
                @endsidebar
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-lg-4 col-12">

      <div class="box box-widget widget-user-4">
        <div class="widget-user-header bg-blue" style="background-color: #DB3920;">
         <div class="overlay overlay-none">
           <div class="widget-user-image DivimagenUser">
             @if ($dataTrabajador->fotoPerfil <> '0')
               <img src="{{env('Image')}}{{$dataTrabajador->fotoPerfil}}" class="imageUser rounded-circle" alt="Usuario">
             @else
               @if ($dataTrabajador->idGenero == 9)
                 <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenMan/man.png'}}" class="imageUser rounded-circle" alt="Masculino">
               @else
                 <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenWomen/women.png'}}" class="imageUser rounded-circle" alt="Femenino">
               @endif
             @endif
          </div>
          @sidebar('updateTrabajador')
          <form id="formImagenP">
            <div class="form-group" style="margin-bottom: auto;margin-top: 15px;">
              <div class="input-group">
                <div class="form-control">
                  <input type="file" name="img" class="image" style="border: 0;">
                  <input type="hidden" name="image" id="foto" >
                </div>
                <span class="input-group-btn">
                  <button type="submit" class="btn btn-primary" data-toggle="tooltip" title="Subir Nueva imagen"><i class="fa fa-upload" aria-hidden="true"></i></button>
                </span>
              </div>
            </div>
          </form>
          @endsidebar
         </div>
        </div>
      </div>

      @sidebar('updateTrabajador')
      <div class="info-box" id="contentEstado">
        <div class="box-body">
            <select name="idEstado" id="idEstado" class="form-control" onchange="selectEstado(this.value)">
                @if ($dataTrabajador->idEstado == 1)
                    <option value="1" selected> {{  trans('restaurantes.activo') }} </option>
                    <option value="0"> {{  trans('restaurantes.inactivo') }} </option>
                @else
                    <option value="1" > {{  trans('restaurantes.activo') }} </option>
                    <option selected value="0"> {{  trans('restaurantes.inactivo') }} </option>
                @endif
            </select>
        </div>
      </div>
      @endsidebar

      <div class="box box-widget widget-user-4">
        <div class="widget-user-header bg-blue" style="background-color: #DB3920;">
         <div class="overlay overlay-none">
           <div class="widget-user-image divImagePadre">
                @if ($dataTrabajador->dataPadre->fotoPerfil <> '0')
                    <img src="{{env('Image')}}{{$dataTrabajador->dataPadre->fotoPerfil}}" class="imageUser rounded-circle" alt="Usuario">
                @else
                    @if ($dataTrabajador->idGenero == 9)
                        <img src="{{ env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenMan/man.png' }}" class="imageUser rounded-circle" alt="Masculino">
                    @else
                        <img src="{{env('Image').'/'.env('SERVIDOR').'/'.env('MULTISERVER').'/imagenGeneros/imagenWomen/women.png'}}" class="imageUser rounded-circle" alt="Femenino">
                    @endif
                @endif
          </div>
          <h4 class="widget-user-username"><b href="#" class="aNamePadre">{{$dataTrabajador->dataPadre->userName}}</b> </h4>
         </div>
        </div>
      </div>
      @if ($dataTrabajador->funEmpladoCaja)
        <div class="info-box" id="contentEstado">
          <div class="box-body text-center">
            <h4 class="widget-user-username"><b href="#" class="aNamePadre">{{$dataTrabajador->funEmpladoCaja->funCajaEmplado->nombre}}</b> </h4>
          </div>
        </div>
      @endif
      @if ($dataTrabajador->funEmpleadoComanda)
        <div class="info-box" id="contentEstado">
          <div class="box-body text-center">
            <h4 class="widget-user-username"><b href="#" class="aNamePadre">{{$dataTrabajador->funEmpleadoComanda->funComandaEmplado->nombre}}</b> </h4>
          </div>
        </div>
      @endif

    </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>
@endsection

@section('js')
  <script type="text/javascript">

    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;
          
          $modal.modal('hide'); 
        } 
      }); 
    })

    $( document ).ready(function() {

      var idPerfil = {{$dataTrabajador->idPerfil}};
      if (idPerfil !== 4) {
        $("#idCaja").prop("disabled", true);
        $('#comanda').css('display','none');    
      }

      $("#listDepart").val({{$dataTrabajador->idDepartamento}});
      var ciudadSelect = {{$dataTrabajador->idCiudad}};
      var idDepart = {{$dataTrabajador->idDepartamento}};
      var data = {
        "value": idDepart
      }
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
          url: UrlHost_+"/departCiudad/departData",
          data: data,
          type: 'post',
          dataType: 'json',
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
            swal({
              title: "Cargando...",
              text: "Espere un momento",
              showConfirmButton: false
            });
          },
          success: function(response){
            $('#listCiudad').empty();
            $.each(response, function(j, listCiudad){
              if (listCiudad.idCiudad == ciudadSelect) {
                $("#listCiudad").append("<option selected value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
              }else{
                $("#listCiudad").append("<option value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
              }
            });
            swal.close();
          },
          error: function(xhr){
            swal("Error!", "Ha ocurrido un error intente mas tarde", "error");
            
          }
        });
    });

        function departData(value) {
        var data = {
          "value": value
        }
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
          url: UrlHost_+"/departCiudad/departData",
          data: data,
          type: 'post',
          dataType: 'json',
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
            swal({
              title: "Cargando...",
              text: "Espere un momento",
              showConfirmButton: false
            });
          },
          success: function(response){
              $('#listCiudad').empty();
              $.each(response, function(j, listCiudad){
                $("#listCiudad").append("<option value='"+listCiudad.idCiudad+"'>"+listCiudad.nombre+"</option>");
              });
              swal.close();
          },
          error: function(xhr){
            swal("Error!", "Ha ocurrido un error intente mas tarde", "error");
          }
        });
        }

    $("#formImagenP").on("submit", function(e){
      e.preventDefault();
      var idEmpleado = {{$dataTrabajador->idUsuario}};
      $('#foto').val(nombreImagen);
      var formData = new FormData(document.getElementById("formImagenP"));
      formData.append("idEmpleado", idEmpleado);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/trabajadores/updateImagen",
        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: '<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){
          if (response.state == 1) {
            swal({
              title: response.title,
              text: response.message,
              type: "success",
              confirmButtonColor: "#1e88e5",
              confirmButtonText: "Ok!",
              closeOnConfirm: false
            },
            function(){
              location.reload();
            });
          }else if (response.state == 2) {
            swal({
              title: response.title,
              text: response.message,
              type: "info",
              animation: false,
              showConfirmButton: true
            });
          }else{
            swal({
              title: 'Ups!',
              text: ' {{  trans('restaurantes.problemaEnvio') }}	',
              type: "warning",
              animation: false,
              showConfirmButton: true
            });
          }
        },
        error: function(xhr){
          
          swal({
            title: 'Ups!',
            text: '  {{  trans('restaurantes.problemaEnvio') }} ',
            type: "warning",
            animation: false,
            showConfirmButton: true
          });
      	}
      });
    });

    function selectEstado(value) {
      var idEmpleado = {{$dataTrabajador->idUsuario}};
      var formData = new FormData();
      formData.append("idEmpleado", idEmpleado);
      formData.append("idEstado", value);

      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/trabajadores/state",
        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: '<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){
          if (response.state == 1) {
            $('#selectEstado').val(value);
            swal({
              title: response.title,
              text: response.message,
              type: "success",
              confirmButtonColor: "#1e88e5",
              confirmButtonText: "Ok!",
              closeOnConfirm: false
            },
            function(){
              swal.close();
            });
          }else if (response.state == 2) {
            $('#selectEstado').val({{$dataTrabajador->idEstado}});
            swal({
              title: response.title,
              text: response.message,
              type: "info",
              animation: false,
              showConfirmButton: true
            });
          }else{
            $('#selectEstado').val({{$dataTrabajador->idEstado}});
            swal({
              title: 'Ups!',
              text: ' {{  trans('restaurantes.problemaEstado') }}	',
              type: "warning",
              animation: false,
              showConfirmButton: true
            });
          }
        },
        error: function(xhr){
          
          $('#selectEstado').val({{$dataTrabajador->idEstado}});
          swal({
            title: 'Ups!',
            text: ' {{  trans('restaurantes.problemaEnvio') }} ',
            type: "warning",
            animation: false,
            showConfirmButton: true
          });
        }
      });
    }

    function selectTipo(idTipo)
    {
      if (idTipo == 4) {
        $("#idCaja").prop("disabled", false);
      }else{
        $("#idCaja").prop("disabled", true);
      }
    }

    function valirdarNombres(valor,dato)
    {
      if (!/^[a-z A-Z]+$/.test(dato)){
        if (valor == 1) {
          $("#nombreUsuario").val("");
        }else{
          $("#apellidoUsuario").val("");
        }
      }
    }

    function tipoTrabajador(value, data) {
      var default2 = '<option selected disabled value=""> {{  trans('restaurantes.seleccioneOpcion') }}	</option>';
      var data = {
        "value": value
      }
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
        url: UrlHost_+"/administrator/trabajadores/getDataT",
        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.data != null && response.data.lenght != 0)
            {
              var html = '';
              response.data.forEach(element => {
                html = html + '<option value="'+element.id+'">'+element.nombre+'</option>';
              });
              $('#comanda').css('display','block');
              $('#newidCTrabajador').removeAttr('disabled')
              $('#newidCTrabajador').empty();
              $('#newidCTrabajador').append(default2)
              $('#newidCTrabajador').append(html);
            }else{
              $('#comanda').css('display','none');
            }

            if(response.roles.lenght != 0)
            {
              var html = '';
              response.roles.forEach(element => {
                html = html + '<option value="'+element.idRol+'">'+element.nombre+'</option>';
              });
              $('#newidRTrabajador').removeAttr('disabled')
              $('#newidRTrabajador').empty();
              $('#newidRTrabajador').append(default2)
              $('#newidRTrabajador').append(html);
            }else{
              $('#newidRTrabajador').empty()
              $('#newidRTrabajador').append(default2)
              $('#newidRTrabajador').attr('disabled', 'true')
            }
            swal.close();
        },
        error: function(xhr){
          swal("Error!", " {{  trans('restaurantes.errorMessage') }} ", "error");
        }
      });

    }

    function savePerfil()
    {
          var data = {
            a: $('select[name="newidCTrabajador"] option:selected').val(),
            b: $('select[name="newidRTrabajador"] option:selected').val(),
            c: $('select[name="newIdTipoT"] option:selected').val(),
            d: {{$dataTrabajador->idUsuario}}
          }
          var host = "{{$_SERVER["HTTP_HOST"]}}";
          $.ajax({
            url: UrlHost_+"/administrator/trabajadores/saveNewPerfil",
            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){

                swal({
                  title: " {{  trans('restaurantes.muyBien') }} ",
                  text: response.message,
                  type: 'success',
                  html: false,
                  animation: true,
                  // showCancelButton: true,
                  // cancelButtonText: "Cancelar",
                  confirmButtonColor: "#00C31B",
                  showConfirmButton: true,
                  // confirmButtonText: "Autorizo el cambio",
                  
                },
                function() {
                  $("#dataActualizar").load(location.href+" #dataActualizar>*","");
                  // swal.close();
                  setTimeout(selectCiudad, 500);
                });

               if(response.code == 200)
              {
                swal('{{  trans('restaurantes.muyBien') }}', response.message, 'success')
              }else{
                swal('¡Error!', response.message, 'error')
              } 
            },
            error: function(xhr){
              swal("Error!", " {{  trans('restaurantes.errorMessage') }}", "error");
            }
          });
    }
  </script>
@endsection