@extends('template.layoutAdmin', ['activeButton'=>'personal'])
@section('title')
{{  trans('restaurantes.titulorRestauranteTranajadoresCreate') }}
@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-12">
          <div class="info-box">
            <form action="{{route('createTrabajadoresPost')}}" enctype="multipart/form-data" method="POST">
            @csrf
            <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

            <div class="box-body">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('nombreUsuario') ? 'has-error' : '' }}">
                    <label for="nombreUsuario"> {{  trans('restaurantes.nombre') }} <span class="text-danger">*</span></label>
                    <input type="text"
                        name="nombreUsuario"
                        onkeyup="valirdarNombres(1,this.value);"
                        id="nombreUsuario"
                        class="form-control"
                        value="{{old('nombreUsuario')}}"
                        required
                        autocomplete="off"
                        placeholder="{{  trans('restaurantes.nombre') }}">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('apellidoUsuario') ? 'has-error' : '' }}">
                    <label for="apellidoUsuario"> {{  trans('restaurantes.apellido') }} <span class="text-danger">*</span></label>
                    <input type="text"
                        name="apellidoUsuario"
                        onkeyup="valirdarNombres(2,this.value);"
                        class="form-control"
                        value="{{old('apellidoUsuario')}}"
                        id="apellidoUsuario"
                        required
                        autocomplete="off"
                        placeholder="{{  trans('restaurantes.apellido') }}">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="razonSocial"> {{  trans('restaurantes.userName') }} </label>
                    <input type="text"
                        name="razonSocial"
                        value="{{old('razonSocial')}}"
                        class="form-control"
                        autocomplete="off"
                        placeholder="{{  trans('restaurantes.userName') }}">
                  </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group {{ $errors->has('idTipoT') ? 'has-error' : '' }}">
                        <label for="idTipoT"> {{  trans('restaurantes.tipoTrabajador') }} <span class="text-danger">*</span></label>
                        <select name="idTipoT" id="idTipoT"  class="form-control" onchange="habilitarSelects(this.value)">
                            <option value="0">{{  trans('restaurantes.seleccionar') }} </option>
                            @if ( App::getLocale() != 'es')
                              @foreach ($listTipoT as $listTipo)
                                @if (old('idTipoT') == $listTipo->idValorParametro)
                                  <option value="{{$listTipo->idValorParametro}}" selected>{{$listTipo->nombre_ingles}}</option>
                                @else
                                  <option value="{{$listTipo->idValorParametro}}">{{$listTipo->nombre_ingles}}</option>
                                @endif
                              @endforeach
                            @else
                              @foreach ($listTipoT as $listTipo)
                                @if (old('idTipoT') == $listTipo->idValorParametro)
                                  <option value="{{$listTipo->idValorParametro}}" selected>{{$listTipo->nombre}}</option>
                                @else
                                  <option value="{{$listTipo->idValorParametro}}">{{$listTipo->nombre}}</option>
                                @endif
                              @endforeach
                            @endif
                        </select>
                    </div>

                </div>
                <div class="col-md-3">
                    <div class="form-group {{ $errors->has('idCaja') ? 'has-error' : '' }}">
                        <label for="idCaja"> {{  trans('restaurantes.asignarCaja') }}	<span class="text-danger">*</span></label>
                        <select name="idCaja" disabled id="idCaja" class="form-control">
                            <option value="0"> {{  trans('restaurantes.seleccionarCaja') }}	</option>
                            @foreach ($caja as $listCaja)
                              @if (old('idCaja') == $listCaja->idCaja)
                                <option value="{{$listCaja->idCaja}}" selected>{{ $listCaja->nombre }}</option>
                              @else
                                <option value="{{$listCaja->idCaja}}">{{$listCaja->nombre}}</option>
                              @endif
                            @endforeach
                        </select>
                    </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                    <label for="email"> {{  trans('restaurantes.correo') }} <span class="text-danger">*</span></label>
                    <input type="email"
                        name="email"
                        value="{{old('email')}}"
                        class="form-control"
                        required
                        autocomplete="off"
                        placeholder=" {{  trans('restaurantes.correo') }} ">
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group {{ $errors->has('idComanda') ? 'has-error' : '' }}">
                    <label for="idComanda"> {{  trans('restaurantes.asignarComanda') }}	<span class="text-danger">*</span></label>
                    <select name="idComanda" disabled id="idComanda" class="form-control">
                        <option value="0"> {{  trans('restaurantes.seleccionarComanda') }} </option>
                        @foreach ($comanda as $listComanda)
                          @if (old('idComanda') == $listComanda->idComanda)
                            <option value="{{$listComanda->idComanda}}" selected>{{ $listComanda->nombre }}</option>
                          @else
                            <option value="{{$listComanda->idComanda}}">{{$listComanda->nombre}}</option>
                          @endif
                        @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="form-group {{ $errors->has('idRol') ? 'has-error' : '' }}">
                    <label for="idRol"> {{  trans('restaurantes.asignarPermisos') }} <span class="text-danger">*</span></label>
                        <select name="idRol" id="idRol" disabled class="form-control">
                            <option value="0"> {{  trans('restaurantes.seleccinarRol') }}	</option>
                            @foreach ($roles as $rol)
                              @if (old('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 {{ $errors->has('password') ? 'has-error' : '' }}">
                    <label for="password"> {{  trans('restaurantes.pass') }} <span class="text-danger">*</span></label>
                    <input type="password"
                        name="password"
                        class="form-control"
                        required
                        placeholder= {{  trans('restaurantes.pass') }} >
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('passwordConfirmation') ? 'has-error' : '' }}">
                    <label for="passwordConfirmation"> {{  trans('restaurantes.repetirPass') }} <span class="text-danger">*</span></label>
                    <input type="password"
                        name="passwordConfirmation"
                        class="form-control"
                        required
                        placeholder= {{ trans('restaurantes.pass') }}>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('idTipoDoc') ? 'has-error' : '' }}">
                    <label for="idTipoDoc"> {{  trans('restaurantes.tipoDocumento') }} <span class="text-danger">*</span></label>
                    <select name="idTipoDoc" id="idTipoDoc" class="form-control">
                      @if ( App::getLocale() != 'es')
                        @foreach ($dataTipoDocumen as $idTipoDoc)
                          @if (old('idTipoDoc') == $idTipoDoc->idValorParametro)
                            <option value="{{ $idTipoDoc->idValorParametro }}" selected>{{ $idTipoDoc->nombre_ingles }}</option>
                          @else
                           <option value="{{$idTipoDoc->idValorParametro}}">{{$idTipoDoc->nombre_ingles}}</option>
                          @endif
                        @endforeach
                      @else
                        @foreach ($dataTipoDocumen as $idTipoDoc)
                          @if (old('idTipoDoc') == $idTipoDoc->idValorParametro)
                            <option value="{{ $idTipoDoc->idValorParametro }}" selected>{{ $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 {{ $errors->has('numeroDocumento') ? 'has-error' : '' }}">
                      <label for="numeroDocumento"> {{  trans('restaurantes.numeroDocumento') }} <span class="text-danger">*</span></label>
                      <input type="text"
                          name="numeroDocumento"
                          value="{{old('numeroDocumento')}}"
                          id="numeroDocumento"
                          onkeyup="validarSiNumero(this.value, 1);"
                          maxlength="15"
                          class="form-control"
                          required
                          autocomplete="off"
                          placeholder=" {{  trans('restaurantes.numeroDocumentoPlace') }} ">
                    </div>
                  @else  
                    <div class="form-group {{ $errors->has('numeroDocumento') ? 'has-error' : '' }}">
                      <label for="numeroDocumento"> {{  trans('restaurantes.numeroDocumento') }} <span class="text-danger">*</span></label>
                      <input type="text"
                          name="numeroDocumento"
                          value="{{old('numeroDocumento')}}"
                          id="numeroDocumento"
                          maxlength="15"
                          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 {{ $errors->has('telefono') ? 'has-error' : '' }}">
                    <label for="telefono"> {{  trans('restaurantes.telefono') }} <span class="text-danger">*</span></label>
                    @if (env('MULTISERVER') == "CO")
                      <input type="text"
                      name="telefono"
                      value="{{old('telefono')}}"
                      class="form-control"
                      onkeyup="validarSiNumero(this.value, 2);"
                      autocomplete="off"
                      placeholder=" {{  trans('restaurantes.telefono') }}	"
                      id="telefono"
                      required
                      maxlength="7">
                    @else
                      <input type="text"
                      name="telefono"
                      value="{{old('telefono')}}"
                      class="form-control"
                      onkeyup="validarSiNumero(this.value, 2);"
                      autocomplete="off"
                      placeholder=" {{  trans('restaurantes.telefono') }}	"
                      id="telefono"
                      required
                      maxlength="9">
                    @endif
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('celular') ? 'has-error' : '' }}">
                    <div class="row">
                      <div class="col-md-3">
                        <label for="codigo_pais"> {{  trans('restaurantes.prefijo') }} <span class="text-danger">*</span></label>
                        <select name="codigo_pais" id="codigo_pais" class="form-control">
                          @foreach ($dataPais as $item)
                            @if(old('codigo_pais') == $item->codigo)
                              <option selected value="{{$item->codigo}}">&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"
                            id="celular"
                            value="{{old('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-4">
                  <div class="form-group {{ $errors->has('idPais') ? 'has-error' : '' }}">
                    <label for="idPais"> {{  trans('restaurantes.pais') }} <span class="text-danger">*</span></label>
                    <select class="form-control" name="idPais" id="idPais" onchange="paisData(this.value)">
                        <option value="0"> {{  trans('restaurantes.seleccionePais') }} </option>
                        @foreach ($dataPais as $listPais)
                          @if (old('idPais') == $listPais->idPais)
                            <option value="{{ $listPais->idPais }}" selected>{{ $listPais->nombre }}</option>
                          @else
                           <option value="{{$listPais->idPais}}">{{$listPais->nombre}}</option>
                          @endif
                        @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idDepart') ? 'has-error' : '' }}">
                    <label for="idDepart"> {{  trans('restaurantes.departamento') }} <span class="text-danger">*</span></label>
                    <select class="form-control" id="listDepart" name="idDepart"  data-old="{{old('idDepart')}}" onchange="departData(this.value)">
                      <option value='0'> {{  trans('restaurantes.seleccioneDepartamento') }} </option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idCiudad') ? 'has-error' : '' }}">
                    <label for="idCiudad"> {{  trans('restaurantes.ciudad') }} <span class="text-danger">*</span></label>
                    <select class="form-control" id="listCiudad" name="idCiudad" data-old="{{old('idCiudad')}}">
                    </select>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group {{ $errors->has('idGenero') ? 'has-error' : '' }}">
                    <label for="idGenero"> {{  trans('restaurantes.genero') }} <span class="text-danger">*</span></label>
                    <select name="idGenero" id="idGenero"  class="form-control">
                      @if ( App::getLocale() != 'es')
                        @foreach ($listGenero as $listGeneros)
                          @if (old('idGenero') == $listGeneros->idValorParametro)
                            <option value="{{ $listGeneros->idValorParametro }}" selected>{{ $listGeneros->nombre_ingles }}</option>
                          @else
                           <option value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre_ingles}}</option>
                          @endif
                        @endforeach
                      @else
                        @foreach ($listGenero as $listGeneros)
                          @if (old('idGenero') == $listGeneros->idValorParametro)
                            <option value="{{ $listGeneros->idValorParametro }}" selected>{{ $listGeneros->nombre }}</option>
                          @else
                           <option value="{{$listGeneros->idValorParametro}}">{{$listGeneros->nombre}}</option>
                          @endif
                        @endforeach
                      @endif
                    </select>
                  </div>
                </div>
              </div>
              <hr>
              <div class="row">
                  <div class="col-12 text-center">
                      <input type="submit" class="btn btn-info margin-top-10" value="{{  trans('restaurantes.agregar') }}">
                  </div>
              </div>
            </form>
            <!-- /.box-body -->
          </div>
        </div>
      </div>
@endsection

@section('js')
  <script>
    $( document ).ready(function() {
      var idPais = "{!! old('idPais') !!}";
      var idDepart = "{!! old('idDepart') !!}";
      var idTipoT = "{!! old('idTipoT') !!}";
      
      if (idPais != 0 && idDepart != 0) {
        paisData(idPais);
        departData(idDepart);
      }

      if (idTipoT != 0) {
        selectTipo(idTipoT);       
      }
    });
  </script>
  <script type="text/javascript">

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

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

    function habilitarSelects(idPerfil){
      selectTipo(idPerfil);
      selectRol(idPerfil);
    }

    function selectTipo(idTipo)
    {
      if (idTipo == 4) {
        $("#idCaja").prop("disabled", false);
        $("#idComanda").val(0);
        $("#idComanda").prop("disabled", true);
      }else{
        if(idTipo == 32){
          $("#idComanda").prop("disabled", false);
        }else{
          $("#idComanda").prop("disabled", true);
          $("#idComanda").val(0);
        }
        $("#idCaja").prop("disabled", true);
        $("#idCaja").val(0);
      }
    }
    function valirdarNombres(valor,dato)
    {
      if (!/^[A-Za-z\s\xF1\xD1]+$/.test(dato)){
        if (valor == 1) {
          $("#nombreUsuario").val("");
        }else{
          $("#apellidoUsuario").val("");
        }
      }
    }
  </script>
@endsection