@extends('template.layoutAdmin', ['activeButton'=>'personal'])
@section('title')
{{  trans('clientes.crearTrabajadores') }}
@endsection
@section('cabecera')
  <div class="row">
    <div class="col-12">
      <h1 style="margin: 15px 0 10px 0;">
        <a href="{{route('clientes') }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i>
          {{  trans('clientes.regresar') }}
        </a>
      </h1>
    </div>
  </div>
@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('clientes.corrigeErrores') }}
                </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('clientesS')}}" enctype="multipart/form-data" method="POST">
            <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

            @csrf
            <div class="box-body">
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('nombreUsuario') ? 'has-error' : '' }}">
                    <label for="nombreUsuario"> {{  trans('clientes.nombre') }}<span class="text-danger">*</span></label>
                    <input type="text"
                        name="nombreUsuario"
                        onkeyup="validarNombres(1,this.value);"
                        class="form-control"
                        value="{{old('nombreUsuario')}}"
                        id="nombreUsuario"
                        required
                        autocomplete="off"
                        placeholder="{{  trans('clientes.nombre') }}">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('apellidoUsuario') ? 'has-error' : '' }}">
                    <label for="apellidoUsuario"> {{  trans('clientes.apellido') }}<span class="text-danger">*</span></label>
                    <input type="text"
                        name="apellidoUsuario"
                        class="form-control"
                        value="{{old('apellidoUsuario')}}"
                        onkeyup="validarNombres(2,this.value);"
                        required
                        id="apellidoUsuario"
                        autocomplete="off"
                        placeholder="{{  trans('clientes.apellido') }}">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('razonSocial') ? 'has-error' : '' }}">
                    <label for="razonSocial">
                      {{  trans('clientes.username') }}
                      <span class="text-danger">*</span></label>
                    <input type="text"
                        name="razonSocial"
                        class="form-control"
                        value="{{old('razonSocial')}}"
                        autocomplete="off"
                        placeholder="{{  trans('clientes.username') }}">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                    <label for="email"> {{  trans('clientes.correo') }} <span class="text-danger">*</span></label>
                    <input type="email"
                        name="email"
                        value="{{old('email')}}"
                        class="form-control"
                        required
                        autocomplete="off"
                        placeholder="{{  trans('clientes.correo') }} ">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('password') ? 'has-error' : '' }}">
                    <label for="password"> {{  trans('clientes.contraseña') }}<span class="text-danger">*</span></label>
                    <input type="password"
                        name="password"
                        class="form-control"
                        required
                        placeholder="{{  trans('clientes.contraseña') }}">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('passwordConfirmation') ? 'has-error' : '' }}">
                    <label for="passwordConfirmation"> {{  trans('clientes.repetirContraseña') }}	 <span class="text-danger">*</span></label>
                    <input type="password"
                        name="passwordConfirmation"
                        class="form-control"
                        required
                        placeholder="{{  trans('clientes.repetirContraseña') }}">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-4">
                  <div class="form-group">
                    <label for="fechaN"> {{  trans('clientes.fechaNacimiento') }}
                      <span class="text-danger">*</span></label>
                    <input type="date" name="fechaN" id="fechaN" class="form-control" placeholder="{{  trans('clientes.fechaNacimiento') }}">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idTipoDoc') ? 'has-error' : '' }}">
                    <label for="idTipoDoc">
                      {{  trans('clientes.tipoDocumento') }}
                      <span class="text-danger">*</span></label>
                    <select name="idTipoDoc" id="idTipoDoc" class="form-control">
                        <option selected value="0">
                          {{  trans('clientes.seleccionarTipo') }}
                        </option>
                        @if ( App::getLocale() != 'es')
                          @foreach ($dataTipoDocumen as $idTipoDoc)
                            @if(old('idTipoDoc') == $idTipoDoc->idValorParametro)
                              <option selected value="{{$idTipoDoc->idValorParametro}}">{{$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 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-4">
                  <div class="form-group {{ $errors->has('numeroDocumento') ? 'has-error' : '' }}">
                    <label for="numeroDocumento">
                      {{  trans('clientes.nDocumento') }}
                      <span class="text-danger">*</span></label>
                    <input type="text"
                        name="numeroDocumento"
                        id="numeroDocumento"
                        value="{{old('numeroDocumento')}}"
                        maxlength="15"
                        class="form-control"
                        required
                        autocomplete="off"
                        placeholder="{{  trans('clientes.nDocumento') }}">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group {{ $errors->has('telefono') ? 'has-error' : '' }}">
                    <label for="telefono">
                      {{  trans('clientes.telofono') }}
                      <span class="text-danger">*</span></label>
                      @if (env('MULTISERVER') == "CO")
                        <input type="text"
                          name="telefono"
                          class="form-control"
                          value="{{old('telefono')}}"
                          onkeyup="validarSiNumero(this.value, 2);"
                          autocomplete="off"
                          placeholder="{{  trans('clientes.telofono') }}"
                          id="telefono"
                          required
                          maxlength="7">
                      @else
                        <input type="text"
                          name="telefono"
                          class="form-control"
                          value="{{old('telefono')}}"
                          onkeyup="validarSiNumero(this.value, 2);"
                          autocomplete="off"
                          placeholder="{{  trans('clientes.telofono') }}"
                          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('clientes.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('clientes.celular') }}
                          <span class="text-danger">*</span></label>
                        <input type="text"
                            name="celular"
                            class="form-control"
                            value="{{old('celular')}}"
                            id="celular"
                            onkeyup="validarSiNumero(this.value, 3);"
                            maxlength="10"
                            autocomplete="off"
                            placeholder="{{  trans('clientes.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('clientes.pais') }}
                       <span class="text-danger">*</span></label>
                    <select class="form-control" name="idPais" onchange="paisData(this.value)">
                        <option selected value="0">
                          {{  trans('clientes.seleccionePais') }}
                        </option>
                        @foreach ($dataPais as $listPais)
                          @if(old('idPais') == $listPais->idPais)
                            <option selected value="{{$listPais->idPais}}">{{$listPais->nombre}}</option>
                          @else
                            <option value="{{$listPais->idPais}}">{{$listPais->nombre}}</option>
                          @endif
                        @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idDepart') ? 'has-error' : '' }}">
                    <label for="idDepart">
                      {{  trans('clientes.departamento') }}
                      <span class="text-danger">*</span></label>
                    <select class="form-control" id="listDepart" name="idDepart" onchange="departData(this.value)">
                      <option value='0'>{{  trans('clientes.seleccioneDepartamento') }}</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group {{ $errors->has('idCiudad') ? 'has-error' : '' }}">
                    <label for="idCiudad">  {{  trans('clientes.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-6">
                  <div class="form-group {{ $errors->has('idGenero') ? 'has-error' : '' }}">
                    <label for="idGenero">
                      {{  trans('clientes.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 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(old('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 class="col-md-6">
                    <div class="form-group {{ $errors->has('idGenero') ? 'has-error' : '' }}">
                        <label for="fotoPerfil">
                          {{  trans('clientes.fotoPerfil') }}
                        </label>
                        <input type="file" class="form-control" name="fotoPerfil" id="fotoPerfil">
                    </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('clientes.agregarCliente') }}">
                  </div>
              </div>
            </form>
            <!-- /.box-body -->
          </div>
        </div>
      </div>
@endsection

@section('js')
  <script>
    $( document ).ready(function() {
      var idPais = "{!! old('idPais') !!}";
      var idDepart = "{!! old('idDepart') !!}";
      
      if (idPais != 0 && idDepart != 0) {
        paisData(idPais);
        departData(idDepart);
      }
      var idTipoT = "{!! old('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: "Cargando...",
            text: "Espere un momento",
            showConfirmButton: false
          });
      	},
        success: function(response){
            $('#listDepart').empty();
            $("#listDepart").append("<option value='0'>{{  trans('clientes.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!", "Ha ocurrido un error intente mas tarde", "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: "Cargando...",
            text: "Espere un momento",
            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!", "Ha ocurrido un error intente mas tarde", "error");
      	}
      });
    }
    function validarNombres(valor,dato)
    {
      if (!/^[A-Za-z\s\xF1\xD1]+$/.test(dato)){
        if (valor == 1) {
          $("#nombreUsuario").val("");
        }else{
          $("#apellidoUsuario").val("");
        }
      }
    }
  </script>
@endsection