@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">
                                            @foreach ($caja as $listCaja)
                                                @if (isset($dataTrabajador->funEmpladoCaja))
                                                    @if ($dataTrabajador->funEmpladoCaja->idCaja == $listCaja->idCaja)
                                                        <option selected value="{{ $listCaja->idCaja }}">
                                                            {{ $listCaja->nombre }}</option>
                                                    @else
                                                        <option value="{{ $listCaja->idCaja }}">{{ $listCaja->nombre }}
                                                        </option>
                                                    @endif
                                                @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" autocomplete="off"
                                        placeholder=" {{ trans('restaurantes.correo') }}	" id="email">
                                </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.length != 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.length != 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