@extends('layouts.app')

@section('content')

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <h5 class="card-header bg-primary text-white" style="font-size: larger; font-weight: bold;">{{ __('Registre sus datos') }}</h5>
                    <div class="card-body">

                        <form action="{{ route('register') }}" method="POST">
                            {{ csrf_field() }}
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Nombre') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-user"></i></span></div>
                                    <input type="text" class="form-control @error('crearNombreUsuario') is-invalid @enderror" name="crearNombreUsuario" placeholder="Sólo su primer nombre" value="{{ old('crearNombreUsuario') }}" required autocomplete="off" autofocus>
                                    @error('crearNombreUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Apellido Paterno') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-user"></i></span></div>
                                    <input type="text" class="form-control @error('crearApellidoPaternoUsuario') is-invalid @enderror" name="crearApellidoPaternoUsuario" placeholder="Su apellido paterno" value="{{ old('crearApellidoPaternoUsuario') }}" required autocomplete="off">
                                    @error('crearApellidoPaternoUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Apellido Materno') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-user"></i></span></div>
                                    <input type="text" class="form-control @error('crearApellidoMaternoUsuario') is-invalid @enderror" name="crearApellidoMaternoUsuario" placeholder="Su apellido materno" value="{{ old('crearApellidoMaternoUsuario') }}" required autocomplete="off">
                                    @error('crearApellidoMaternoUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('RUT') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-id-card"></i></span></div>
                                    <input type="text" class="form-control prevent-spacebar validar-rut-usuario @error('crearRUTUsuario') is-invalid @enderror" id="crearRUTUsuario" name="crearRUTUsuario" placeholder="12.312.312-3" value="{{ old('crearRUTUsuario') }}" required autocomplete="off">
                                    @error('crearRUTUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Teléfono') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-phone"></i></span><span class="input-group-text">{{ __('+56 9') }}</span></div>
                                    <input type="text" class="form-control prevent-spacebar @error('crearTelefonoUsuario') is-invalid @enderror" id="crearTelefonoUsuario" name="crearTelefonoUsuario" placeholder="56956789" value="{{ old('crearTelefonoUsuario') }}" required autocomplete="off">
                                    @error('crearTelefonoUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Región') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span></div>
                                    <select class="custom-select @error('crearRegionUsuario') is-invalid @enderror" id="crearRegionUsuario" name="crearRegionUsuario" data-placeholder="Su región" placeholder="Ingrese su región">
                                        <option></option>
                                        <optgroup label="Regiones de Chile">
                                            @foreach ($regionesChile as $regionChile)
                                                <option value="{{ $regionChile->id }}" {{ old('crearRegionUsuario') == $regionChile->id ? 'selected' : '' }}>{{ $regionChile->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                    @error('crearRegionUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            {{-- <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Región') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-globe-americas"></i></span></div>
                                    <select class="form-control" id="crearRegionUsuario" name="crearRegionUsuario" placeholder="Su región">
                                        @foreach ($regiones as $region)
                                            <option value="{{ $region->codigo }}">{{ $region->nombre }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> --}}
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Comuna') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span></div>
                                    <select class="custom-select @error('crearComunaUsuario') is-invalid @enderror" id="crearComunaUsuario" name="crearComunaUsuario" data-placeholder="Su comuna" placeholder="Ingrese su comuna">
                                        <option></option>
                                        <optgroup label="Región de Tarapacá">
                                            @foreach ($comunasTarapaca as $comunaTarapaca)
                                                <option value="{{ $comunaTarapaca->id }}" {{ old('crearComunaUsuario') == $comunaTarapaca->id ? 'selected' : '' }}>{{ $comunaTarapaca->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Antofagasta">
                                            @foreach ($comunasAntofagasta as $comunaAntofagasta)
                                                <option value="{{ $comunaAntofagasta->id }}" {{ old('crearComunaUsuario') == $comunaAntofagasta->id ? 'selected' : '' }}>{{ $comunaAntofagasta->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Atacama">
                                            @foreach ($comunasAtacama as $comunaAtacama)
                                                <option value="{{ $comunaAtacama->id }}" {{ old('crearComunaUsuario') == $comunaAtacama->id ? 'selected' : '' }}>{{ $comunaAtacama->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Coquimbo">
                                            @foreach ($comunasCoquimbo as $comunaCoquimbo)
                                                <option value="{{ $comunaCoquimbo->id }}" {{ old('crearComunaUsuario') == $comunaCoquimbo->id ? 'selected' : '' }}>{{ $comunaCoquimbo->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Valparaíso">
                                            @foreach ($comunasValparaiso as $comunaValparaiso)
                                                <option value="{{ $comunaValparaiso->id }}" {{ old('crearComunaUsuario') == $comunaValparaiso->id ? 'selected' : '' }}>{{ $comunaValparaiso->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de O'Higgins">
                                            @foreach ($comunasOhiggins as $comunaOhiggins)
                                                <option value="{{ $comunaOhiggins->id }}" {{ old('crearComunaUsuario') == $comunaOhiggins->id ? 'selected' : '' }}>{{ $comunaOhiggins->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región del Maule">
                                            @foreach ($comunasMaule as $comunaMaule)
                                                <option value="{{ $comunaMaule->id }}" {{ old('crearComunaUsuario') == $comunaMaule->id ? 'selected' : '' }}>{{ $comunaMaule->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región del Biobío">
                                            @foreach ($comunasBiobio as $comunaBiobio)
                                                <option value="{{ $comunaBiobio->id }}" {{ old('crearComunaUsuario') == $comunaBiobio->id ? 'selected' : '' }}>{{ $comunaBiobio->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de la Araucanía">
                                            @foreach ($comunasAraucania as $comunaAraucania)
                                                <option value="{{ $comunaAraucania->id }}" {{ old('crearComunaUsuario') == $comunaAraucania->id ? 'selected' : '' }}>{{ $comunaAraucania->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de los Lagos">
                                            @foreach ($comunasLagos as $comunaLagos)
                                                <option value="{{ $comunaLagos->id }}" {{ old('crearComunaUsuario') == $comunaLagos->id ? 'selected' : '' }}>{{ $comunaLagos->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Aysén">
                                            @foreach ($comunasAysen as $comunaAysen)
                                                <option value="{{ $comunaAysen->id }}" {{ old('crearComunaUsuario') == $comunaAysen->id ? 'selected' : '' }}>{{ $comunaAysen->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Magallanes">
                                            @foreach ($comunasMagallanes as $comunaMagallanes)
                                                <option value="{{ $comunaMagallanes->id }}" {{ old('crearComunaUsuario') == $comunaMagallanes->id ? 'selected' : '' }}>{{ $comunaMagallanes->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región Metropolitana">
                                            @foreach ($comunasMetropolitana as $comunaMetropolitana)
                                                <option value="{{ $comunaMetropolitana->id }}" {{ old('crearComunaUsuario') == $comunaMetropolitana->id ? 'selected' : '' }}>{{ $comunaMetropolitana->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de los Ríos">
                                            @foreach ($comunasRios as $comunaRios)
                                                <option value="{{ $comunaRios->id }}" {{ old('crearComunaUsuario') == $comunaRios->id ? 'selected' : '' }}>{{ $comunaRios->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Arica y Parinacota">
                                            @foreach ($comunasAricaParinacota as $comunaAricaParinacota)
                                                <option value="{{ $comunaAricaParinacota->id }}" {{ old('crearComunaUsuario') == $comunaAricaParinacota->id ? 'selected' : '' }}>{{ $comunaAricaParinacota->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región del Ñuble">
                                            @foreach ($comunasNuble as $comunaNuble)
                                                <option value="{{ $comunaNuble->id }}" {{ old('crearComunaUsuario') == $comunaNuble->id ? 'selected' : '' }}>{{ $comunaNuble->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                    @error('crearComunaUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            {{-- <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Comuna') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-globe-americas"></i></span></div>
                                    <select class="form-control" id="crearComunaValparaisoUsuario" placeholder="Su comuna">
                                        @foreach ($comunasValparaiso as $comunaValparaiso)
                                            <option value="{{ $comunaValparaiso->id }}">{{ $comunaValparaiso->nombre }}</option>
                                        @endforeach
                                    </select>
                                    <select class="form-control" id="crearComunaMetropolitanaUsuario">
                                        @foreach ($comunasMetropolitanas as $comunaMetropolitana)
                                            <option value="{{ $comunaMetropolitana->id }}">{{ $comunaMetropolitana->nombre }}</option>
                                        @endforeach
                                    </select>
                                    <input type="hidden" class="form-control" id="crearComunaUsuario" name="crearComunaUsuario">
                                </div>
                            </div> --}}
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Dirección') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-signs"></i></span></div>
                                    <input type="text" class="form-control @error('crearDireccionUsuario') is-invalid @enderror" id="crearDireccionUsuario" name="crearDireccionUsuario" placeholder="Su dirección" value="{{ old('crearDireccionUsuario') }}" required autocomplete="off">
                                    @error('crearDireccionUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Numeración') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-sign"></i></span></div>
                                    <input type="text" class="form-control prevent-spacebar @error('crearNumeracionUsuario') is-invalid @enderror" id="crearNumeracionUsuario" name="crearNumeracionUsuario" placeholder="0" value="{{ old('crearNumeracionUsuario') }}" required autocomplete="off">
                                    @error('crearNumeracionUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Tipo') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-user"></i></span></div>
                                    <select class="custom-select @error('crearTipoUsuario') is-invalid @enderror" id="crearTipoUsuario" name="crearTipoUsuario" placeholder="Su perfil">
                                        <option selected disabled value="">{{ __('Su perfil...') }}</option>
                                        <option value="Empresa" {{ old('crearTipoUsuario') == 'Empresa' ? 'selected' : '' }}>{{ __('Cliente') }}</option>
                                        {{-- <option value="Conductor">Conductor</option> --}}
                                    </select>
                                    @error('crearTipoUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Rol') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-user"></i></span></div>
                                    <select class="custom-select @error('crearRolUsuario') is-invalid @enderror" id="crearRolUsuario" name="crearRolUsuario" placeholder="Su rol">
                                        <option selected value="Persona" {{ old('crearRolUsuario') == 'Persona' ? 'selected' : '' }}>{{ __('Persona Natural') }}</option>
                                        <option value="Empresa" {{ old('crearRolUsuario') == 'Empresa' ? 'selected' : '' }}>{{ __('Empresa') }}</option>
                                    </select>
                                    @error('crearRolUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>

                            <div id="crearEmpresa">
                                <hr style="width: 75%;">
                                <div class="form-group row">
                                    <div class="col-md-6 offset-md-4 alert alert-primary">
                                        <label class="col-form-label" style="font-weight: bold;">{{ __('Registre los datos de su empresa') }}</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Razón Social') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-user"></i></span></div>
                                        <input type="text" class="form-control @error('crearNombreEmpresa') is-invalid @enderror" name="crearNombreEmpresa" placeholder="El nombre de su empresa" value="{{ old('crearNombreEmpresa') }}" autocomplete="off">
                                        @error('crearNombreEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('RUT') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-id-card"></i></span></div>
                                        <input type="text" class="form-control prevent-spacebar validar-rut-empresa @error('crearRUTEmpresa') is-invalid @enderror" id="crearRUTEmpresa" name="crearRUTEmpresa" placeholder="12.312.312-3" value="{{ old('crearRUTEmpresa') }}" autocomplete="off">
                                        @error('crearRUTEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Teléfono') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-phone"></i></span><span class="input-group-text">{{ __('+56 9') }}</span></div>
                                        <input type="text" class="form-control prevent-spacebar @error('crearTelefonoEmpresa') is-invalid @enderror" id="crearTelefonoEmpresa" name="crearTelefonoEmpresa" placeholder="56956789" value="{{ old('crearTelefonoEmpresa') }}" autocomplete="off">
                                        @error('crearTelefonoEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Correo') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-envelope"></i></span></div>
                                        <input type="email" class="form-control prevent-spacebar @error('crearEmailEmpresa') is-invalid @enderror" name="crearEmailEmpresa" placeholder="contacto@empresa.cl" value="{{ old('crearEmailEmpresa') }}" autocomplete="off">
                                        @error('crearEmailEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Pais') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-flag"></i></span></div>
                                        <select class="custom-select @error('crearPaisEmpresa') is-invalid @enderror" id="crearPaisEmpresa" name="crearPaisEmpresa" placeholder="El país de su empresa">
                                            <option selected disabled value="">{{ __('El país de su empresa...') }}</option>
                                            <option value="Chile" {{ old('crearPaisEmpresa') == 'Chile' ? 'selected' : '' }}>{{ __('Chile') }}</option>
                                        </select>
                                        @error('crearPaisEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Región') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span></div>
                                        <select class="custom-select @error('crearRegionEmpresa') is-invalid @enderror" id="crearRegionEmpresa" name="crearRegionEmpresa" data-placeholder="La región de su empresa" placeholder="Ingrese su región">
                                            <option></option>
                                            <optgroup label="Regiones de Chile">
                                                @foreach ($regionesChile as $regionChile)
                                                    <option value="{{ $regionChile->id }}" {{ old('crearRegionEmpresa') == $regionChile->id ? 'selected' : '' }}>{{ $regionChile->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                        </select>
                                        @error('crearRegionUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                {{-- <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Región') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-globe-americas"></i></span></div>
                                        <select class="form-control" id="crearRegionEmpresa" name="crearRegionEmpresa" placeholder="La región de su empresa">
                                            @foreach ($regiones as $region)
                                                <option value="{{ $region->codigo }}">{{ $region->nombre }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div> --}}
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Comuna') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span></div>
                                        <select class="custom-select @error('crearComunaEmpresa') is-invalid @enderror" id="crearComunaEmpresa" name="crearComunaEmpresa" data-placeholder="La comuna de su empresa" placeholder="Ingrese su comuna">
                                            <option></option>
                                            <optgroup label="Región de Tarapacá">
                                                @foreach ($comunasTarapaca as $comunaTarapaca)
                                                    <option value="{{ $comunaTarapaca->id }}" {{ old('crearComunaEmpresa') == $comunaTarapaca->id ? 'selected' : '' }}>{{ $comunaTarapaca->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Antofagasta">
                                                @foreach ($comunasAntofagasta as $comunaAntofagasta)
                                                    <option value="{{ $comunaAntofagasta->id }}" {{ old('crearComunaEmpresa') == $comunaAntofagasta->id ? 'selected' : '' }}>{{ $comunaAntofagasta->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Atacama">
                                                @foreach ($comunasAtacama as $comunaAtacama)
                                                    <option value="{{ $comunaAtacama->id }}" {{ old('crearComunaEmpresa') == $comunaAtacama->id ? 'selected' : '' }}>{{ $comunaAtacama->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Coquimbo">
                                                @foreach ($comunasCoquimbo as $comunaCoquimbo)
                                                    <option value="{{ $comunaCoquimbo->id }}" {{ old('crearComunaEmpresa') == $comunaCoquimbo->id ? 'selected' : '' }}>{{ $comunaCoquimbo->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Valparaíso">
                                                @foreach ($comunasValparaiso as $comunaValparaiso)
                                                    <option value="{{ $comunaValparaiso->id }}" {{ old('crearComunaEmpresa') == $comunaValparaiso->id ? 'selected' : '' }}>{{ $comunaValparaiso->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de O'Higgins">
                                                @foreach ($comunasOhiggins as $comunaOhiggins)
                                                    <option value="{{ $comunaOhiggins->id }}" {{ old('crearComunaEmpresa') == $comunaOhiggins->id ? 'selected' : '' }}>{{ $comunaOhiggins->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región del Maule">
                                                @foreach ($comunasMaule as $comunaMaule)
                                                    <option value="{{ $comunaMaule->id }}" {{ old('crearComunaEmpresa') == $comunaMaule->id ? 'selected' : '' }}>{{ $comunaMaule->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región del Biobío">
                                                @foreach ($comunasBiobio as $comunaBiobio)
                                                    <option value="{{ $comunaBiobio->id }}" {{ old('crearComunaEmpresa') == $comunaBiobio->id ? 'selected' : '' }}>{{ $comunaBiobio->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de la Araucanía">
                                                @foreach ($comunasAraucania as $comunaAraucania)
                                                    <option value="{{ $comunaAraucania->id }}" {{ old('crearComunaEmpresa') == $comunaAraucania->id ? 'selected' : '' }}>{{ $comunaAraucania->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de los Lagos">
                                                @foreach ($comunasLagos as $comunaLagos)
                                                    <option value="{{ $comunaLagos->id }}" {{ old('crearComunaEmpresa') == $comunaLagos->id ? 'selected' : '' }}>{{ $comunaLagos->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Aysén">
                                                @foreach ($comunasAysen as $comunaAysen)
                                                    <option value="{{ $comunaAysen->id }}" {{ old('crearComunaEmpresa') == $comunaAysen->id ? 'selected' : '' }}>{{ $comunaAysen->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Magallanes">
                                                @foreach ($comunasMagallanes as $comunaMagallanes)
                                                    <option value="{{ $comunaMagallanes->id }}" {{ old('crearComunaEmpresa') == $comunaMagallanes->id ? 'selected' : '' }}>{{ $comunaMagallanes->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región Metropolitana">
                                                @foreach ($comunasMetropolitana as $comunaMetropolitana)
                                                    <option value="{{ $comunaMetropolitana->id }}" {{ old('crearComunaEmpresa') == $comunaMetropolitana->id ? 'selected' : '' }}>{{ $comunaMetropolitana->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de los Ríos">
                                                @foreach ($comunasRios as $comunaRios)
                                                    <option value="{{ $comunaRios->id }}" {{ old('crearComunaEmpresa') == $comunaRios->id ? 'selected' : '' }}>{{ $comunaRios->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Arica y Parinacota">
                                                @foreach ($comunasAricaParinacota as $comunaAricaParinacota)
                                                    <option value="{{ $comunaAricaParinacota->id }}" {{ old('crearComunaEmpresa') == $comunaAricaParinacota->id ? 'selected' : '' }}>{{ $comunaAricaParinacota->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región del Ñuble">
                                                @foreach ($comunasNuble as $comunaNuble)
                                                    <option value="{{ $comunaNuble->id }}" {{ old('crearComunaEmpresa') == $comunaNuble->id ? 'selected' : '' }}>{{ $comunaNuble->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                        </select>
                                        @error('crearComunaEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                {{-- <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Comuna') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-globe-americas"></i></span></div>
                                        <select class="form-control" id="crearComunaValparaisoEmpresa" placeholder="La comuna de su empresa">
                                            @foreach ($comunasValparaiso as $comunaValparaiso)
                                                <option value="{{ $comunaValparaiso->id }}">{{ $comunaValparaiso->nombre }}</option>
                                            @endforeach
                                        </select>
                                        <select class="form-control" id="crearComunaMetropolitanaEmpresa">
                                            @foreach ($comunasMetropolitanas as $comunaMetropolitana)
                                                <option value="{{ $comunaMetropolitana->id }}">{{ $comunaMetropolitana->nombre }}</option>
                                            @endforeach
                                        </select>
                                        <input type="hidden" class="form-control" id="crearComunaEmpresa" name="crearComunaEmpresa">
                                    </div>
                                </div> --}}
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Dirección') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-map-signs"></i></span></div>
                                        <input type="text" class="form-control @error('crearDireccionEmpresa') is-invalid @enderror" id="crearDireccionEmpresa" name="crearDireccionEmpresa" placeholder="La dirección de su empresa" value="{{ old('crearDireccionEmpresa') }}" autocomplete="off">
                                        @error('crearDireccionEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Numeración') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-sign"></i></span></div>
                                        <input type="text" class="form-control prevent-spacebar @error('crearNumeracionEmpresa') is-invalid @enderror" id="crearNumeracionEmpresa" name="crearNumeracionEmpresa" placeholder="0" value="{{ old('crearNumeracionEmpresa') }}" autocomplete="off">
                                        @error('crearNumeracionEmpresa') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Giro') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-store-alt"></i></span></div>
                                        <input type="text" class="form-control @error('crearGiroUsuario') is-invalid @enderror" name="crearGiroUsuario" placeholder="El giro de su empresa" value="{{ old('crearGiroUsuario') }}" autocomplete="off">
                                        @error('crearGiroUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                                <hr style="width: 75%;">
                            </div>

                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Doc. Tributario') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-file-alt"></i></span></div>
                                    <select class="custom-select @error('crearFacturaUsuario') is-invalid @enderror" id="crearFacturaUsuario" name="crearFacturaUsuario" placeholder="Si usted factura">
                                        <option selected disabled value="">{{ __('Si usted factura...') }}</option>
                                        <option value="0" {{ old('crearFacturaUsuario') == '0' ? 'selected' : '' }}>{{ __('Sin Factura') }}</option>
                                        <option value="1" {{ old('crearFacturaUsuario') == '1' ? 'selected' : '' }}>{{ __('Con Factura') }}</option>
                                    </select>
                                    @error('crearFacturaUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Referencia') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-people-arrows"></i></span></div>
                                    <select class="custom-select @error('crearReferenciaUsuario') is-invalid @enderror" id="crearReferenciaUsuario" name="crearReferenciaUsuario" data-placeholder="Su referencia" placeholder="Ingrese su referencia">
                                        <option></option>
                                        <optgroup label="Referencia">
                                            @foreach ($referencias as $referencia)
                                                <option value="{{ $referencia->id }}" {{ old('crearReferenciaUsuario') == $referencia->id ? 'selected' : '' }}>{{ $referencia->opcion }}</option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                    @error('crearReferenciaUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Correo') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-envelope"></i></span></div>
                                    <input type="email" class="form-control prevent-spacebar @error('crearEmailUsuario') is-invalid @enderror" name="crearEmailUsuario" placeholder="su.correo@ejemplo.cl" value="{{ old('crearEmailUsuario') }}" required autocomplete="off">
                                    @error('crearEmailUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Contraseña') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-key"></i></span></div>
                                    <input type="password" class="form-control prevent-spacebar @error('password') is-invalid @enderror" name="password" placeholder="********" required autocomplete="new-password">
                                    @error('password') <span class="invalid-feedback"> <strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label text-md-right">{{ __('Confirmar') }}</label>
                                <div class="input-group col-md-6">
                                    <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-key"></i></span></div>
                                    <input type="password" class="form-control prevent-spacebar" name="password_confirmation" placeholder="********" required autocomplete="new-password">
                                </div>
                            </div>
                            <div id="crearAsociado">
                                <hr style="width: 75%;">
                                <div class="form-group row">
                                    <div class="col-md-6 offset-md-4 alert alert-primary">
                                        <label class="col-form-label" style="font-weight: bold;">{{ __('¿Tienes algún código de promoción?') }}</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-4 col-form-label text-md-right">{{ __('Código de Promoción') }}</label>
                                    <div class="input-group col-md-6">
                                        <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-laptop-code"></i></span></div>
                                        <input type="text" class="form-control @error('crearPromocionUsuario') is-invalid @enderror" name="crearPromocionUsuario" placeholder="Su código de promoción" oninput="if (value.length > 16) value = value.slice(0, 16)" value="{{ old('crearPromocionUsuario') }}">
                                        @error('crearPromocionUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 offset-md-4">
                                    <label>{{ __('* Ingrese un 0 al comienzo si el RUT es menor a 10 millones.') }}</label>
                                </div>
                                <div class="col-md-6 offset-md-4">
                                    <label>{{ __('* Ingrese la letra en mayúscula si el RUT termina en K.') }}</label>
                                </div>
                            </div>
                            <div class="form-group row mb-0">
                                <div class="col-md-6 offset-md-4">
                                    <button type="submit" class="btn btn-primary" id="btn-agregarUsuario"><i class="fas fa-user-plus"></i>&nbsp;&nbsp;&nbsp;{{ __('Agregar') }}</button>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        // function validarRUTUsuario()
        // {
        //     var x = $('.validarRUTUsuario');

        //     if (x.val().length > 9) { x.val(x.val().slice(0, 9)); }
        // }

        function soloNumerosUsuario(value, e)
        {
            var SoloNumerosUsuario = String.fromCharCode(e.which)

            if (!/[0-9]/.test(SoloNumerosUsuario) && value.length < 8)
            {
                e.preventDefault();
            }

            if (!/[0-9-K]/.test(SoloNumerosUsuario) && value.length == 8)
            {
                e.preventDefault();
            }
        }

        function soloNumerosEmpresa(value, e)
        {
            // var x = $('.validarRUTEmpresa');

            var SoloNumerosEmpresa = String.fromCharCode(e.which)

            if (!/[0-9]/.test(SoloNumerosEmpresa) && value.length < 8)
            {
                e.preventDefault();
            }

            if (!/[0-9-K]/.test(SoloNumerosEmpresa) && value.length == 8)
            {
                e.preventDefault();
            }
        }

        function soloDigitos(e)
        {
            var soloDigitos = String.fromCharCode(e.which)

            if (!/[0-9]/.test(soloDigitos))
            {
                e.preventDefault();
            }
        }

        function googlePlaces(value)
        {
            var autocomplete;

            autocomplete = new google.maps.places.Autocomplete((document.getElementById(value)),
            {
                types: ['geocode'],
                componentRestrictions: { country: 'cl' }
            });
        }

        // function validarRUTEmpresa()
        // {
        //     var x = $('.validarRUTEmpresa');

        //     if (x.val().length > 9) { x.val(x.val().slice(0, 9)); }
        // }

        $(document).ready(function()
        {
            googlePlaces('crearDireccionUsuario');

            googlePlaces('crearDireccionEmpresa');

            $('#crearEmpresa').hide();

            $('#crearRUTUsuario').on('input', function()
            {                
                if ($(this).val().length > 9)
                {
                    $(this).val($(this).val().slice(0, 9));
                }
            });

            $('#crearRUTUsuario').on('keypress', function(e)
            {
                soloNumerosUsuario($(this).val(), e);
            });

            $('#crearRUTEmpresa').on('input', function()
            {                
                if ($(this).val().length > 9)
                {
                    $(this).val($(this).val().slice(0, 9));
                }
            });

            $('#crearRUTEmpresa').on('keypress', function(e)
            {
                soloNumerosEmpresa($(this).val(), e);
            });

            $('#crearTelefonoUsuario, #crearTelefonoEmpresa').on('input', function()
            {
                if ($(this).val().length > 8)
                {
                    $(this).val($(this).val().slice(0, 8));
                }
            });

            $('#crearTelefonoUsuario, #crearTelefonoEmpresa').on('keypress', function(e)
            {
                soloDigitos(e);
            });

            $('#crearNumeracionUsuario, #crearNumeracionEmpresa').on('input', function()
            {
                if ($(this).val().length > 6)
                {
                    $(this).val($(this).val().slice(0, 6));
                }
            });

            $('#crearNumeracionUsuario, #crearNumeracionEmpresa').on('keypress', function(e)
            {
                soloDigitos(e);
            });

            // function sinEmpresa()
            // {
            //     $('#crearComunaEmpresa').val(39);

            //     $('#crearComunaValparaisoEmpresa').val(50);
            //     $('#crearComunaValparaisoEmpresa').hide();

            //     $('#crearComunaMetropolitanaEmpresa').val(39);
            //     $('#crearComunaMetropolitanaEmpresa').show();

            //     $('#crearRegionEmpresa').val(13);

            //     $('#crearEmpresaUsuario').hide();
            // }

            // $('#crearRegionUsuario').val(13);
            // $('#crearComunaUsuario').val(39);

            // $('#crearComunaValparaisoUsuario').val(50);
            // $('#crearComunaValparaisoUsuario').hide();

            // $('#crearRegionEmpresa').val(13);
            // $('#crearComunaEmpresa').val(39);

            // $('#crearComunaValparaisoEmpresa').val(50);
            // $('#crearComunaValparaisoEmpresa').hide();

            // $('#crearInfluencer').hide();
            // $('#crearAsociado').hide();

            $('.prevent-spacebar').keydown(function(e)
            {
                if (e.keyCode == 32)
                {
                    e.preventDefault();

                    $(this).css('border-color', 'red');
                }
                else
                {
                    $(this).css('border-color', '');
                }
            });

            $('.prevent-spacebar').focusout(function()
            {
                $(this).css('border-color', '');
            });

            $('.prevent-spacebar').on('paste', function(e)
            {
                e.preventDefault();

                $(this).css('border-color', 'red');
            });

            $('.validar-rut-usuario').focusin(function()
            {
                var x = $(this);

                if (x.val().length == 12)
                {
                    a = x.val().substr(0, 2);
                    b = x.val().substr(3, 3);
                    c = x.val().substr(7, 3);
                    d = x.val().substr(11, 1);

                    x.val(a + b + c + d);
                }
            });

            $('.validar-rut-usuario').focusout(function()
            {
                var x = $(this);

                var array =
                [
                    '000000000',
                    '111111111',
                    '222222222',
                    '333333333',
                    '444444444',
                    '555555555',
                    '666666666',
                    '777777777',
                    '888888888',
                    '999999999',
                ]

                var rut = [];
                var serie = 1;
                var producto = 0;
                var modulo = 11;
                var division;
                var resto;
                var digitos;
                var verificador;
                var resultado;
                var validRUT = 'El RUT ingresado es válido.';
                var invalidRUT = 'El RUT ingresado no es válido.';

                if (x.val().length == 9)
                {
                    for (var i = 0; i < 8; i++)
                    {
                        if (serie == 7) { serie = 1; }

                        serie++;

                        rut[i] = x.val().substr(-2 - i, 1) * serie;

                        producto += rut[i];
                    }

                    division = Math.floor(producto / modulo);

                    resto = producto - (modulo * division);

                    switch (modulo - resto)
                    {
                        case 11:
                            digitos = 0;
                            break;
                        case 10:
                            digitos = 'K';
                            break;
                        default:
                            digitos = modulo - resto;
                            break;
                    }

                    verificador = x.val().substr(8, 1);

                    switch (x.val())
                    {
                        case array[0]:
                        case array[1]:
                        case array[2]:
                        case array[3]:
                        case array[4]:
                        case array[5]:
                        case array[6]:
                        case array[7]:
                        case array[8]:
                        case array[9]:
                            x.removeClass('is-valid')
                                .addClass('is-invalid');
                            break;
                        default:
                            if (verificador == digitos)
                            {
                                resultado = x.val().charAt(0);

                                for (var i = 1; i < 9; i++)
                                {
                                    if (resultado.length == 2 || resultado.length == 6)
                                    {
                                        resultado += '.';
                                        i--;
                                    }
                                    else if (resultado.length == 10)
                                    {
                                        resultado += '-';
                                        i--;
                                    }
                                    else
                                    {
                                        resultado += x.val().charAt(i);
                                    }
                                }

                                x.val(resultado);

                                x.removeClass('is-invalid')
                                    .addClass('is-valid');
                            }
                            break;
                    }

                    if (verificador != digitos)
                    {
                        x.removeClass('is-valid')
                            .addClass('is-invalid');
                    }
                }
            });

            // $('#crearRegionUsuario').change(function()
            // {                
            //     var regionUsuario = $('#crearRegionUsuario').val();

            //     $('#crearComunaValparaisoUsuario').val(50);
            //     $('#crearComunaMetropolitanaUsuario').val(39);

            //     switch (regionUsuario)
            //     {
            //         case '5':
            //             var comunaValparaisoUsuario = $('#crearComunaValparaisoUsuario').val();

            //             $('#crearComunaMetropolitanaUsuario').hide();

            //             $('#crearComunaValparaisoUsuario').show();

            //             $('#crearComunaUsuario').val(comunaValparaisoUsuario);
            //             break;
            //         case '13':
            //             var comunaMetropolitanaUsuario = $('#crearComunaMetropolitanaUsuario').val();

            //             $('#crearComunaValparaisoUsuario').hide();

            //             $('#crearComunaMetropolitanaUsuario').show();

            //             $('#crearComunaUsuario').val(comunaMetropolitanaUsuario);
            //             break;
            //     }
            // });

            // $('#crearComunaValparaisoUsuario').change(function()
            // {
            //     var comunaValparaisoUsuario = $('#crearComunaValparaisoUsuario').val();

            //     $('#crearComunaUsuario').val(comunaValparaisoUsuario);
            // });

            // $('#crearComunaMetropolitanaUsuario').change(function()
            // {
            //     var comunaMetropolitanaUsuario = $('#crearComunaMetropolitanaUsuario').val();

            //     $('#crearComunaUsuario').val(comunaMetropolitanaUsuario);
            // });

            // $('#crearTipoUsuario').change(function()
            // {
            //     var tipoUsuario = $('#crearTipoUsuario').val();

            //     switch (tipoUsuario)
            //     {
            //         case 'Empresa':
            //             $('#crearRol').show();
            //             $('#crearFactura').show();
            //             break;
            //         case 'Conductor':
            //             $('#crearFacturaUsuario').val(0);
            //             $('#crearFactura').hide();

            //             sinEmpresa();

            //             $('#crearRolUsuario').val('Persona');
            //             $('#crearRol').hide();
            //             break;
            //     }
            // });

            var selectedRol = $('#crearRolUsuario').prop('selectedIndex');

            if (selectedRol) { $('#crearEmpresa').show(); }

            $('#crearRolUsuario').on('change', function()
            {
                var rolUsuario = $('#crearRolUsuario').val();

                switch (rolUsuario)
                {
                    case 'Persona':
                        // sinEmpresa();
                        $('#crearEmpresa').hide();
                        // Falta reiniciar el formulario
                        break;
                    case 'Empresa':
                        $('#crearEmpresa').show();
                        break;
                }
            });

            $('.validar-rut-empresa').focusin(function()
            {
                var x = $(this);

                if (x.val().length == 12)
                {
                    a = x.val().substr(0, 2);
                    b = x.val().substr(3, 3);
                    c = x.val().substr(7, 3);
                    d = x.val().substr(11, 1);

                    x.val(a + b + c + d);
                }
            });

            $('.validar-rut-empresa').focusout(function()
            {
                var x = $(this);

                var array =
                [
                    '000000000',
                    '111111111',
                    '222222222',
                    '333333333',
                    '444444444',
                    '555555555',
                    '666666666',
                    '777777777',
                    '888888888',
                    '999999999',
                ]

                var rut = [];
                var serie = 1;
                var producto = 0;
                var modulo = 11;
                var division;
                var resto;
                var digitos;
                var verificador;
                var resultado;
                var validRUT = 'El RUT ingresado es válido.';
                var invalidRUT = 'El RUT ingresado no es válido.';

                if (x.val().length == 9)
                {
                    for (var i = 0; i < 8; i++)
                    {
                        if (serie == 7) { serie = 1; }

                        serie++;

                        rut[i] = x.val().substr(-2 - i, 1) * serie;
                        
                        producto += rut[i];
                    }

                    division = Math.floor(producto / modulo);

                    resto = producto - (modulo * division);

                    switch (modulo - resto)
                    {
                        case 11:
                            digitos = 0;
                            break;
                        case 10:
                            digitos = 'K';
                            break;
                        default:
                            digitos = modulo - resto;
                            break;
                    }

                    verificador = x.val().substr(8, 1);

                    switch (x.val())
                    {
                        case array[0]:
                        case array[1]:
                        case array[2]:
                        case array[3]:
                        case array[4]:
                        case array[5]:
                        case array[6]:
                        case array[7]:
                        case array[8]:
                        case array[9]:
                            x.removeClass('is-valid')
                                .addClass('is-invalid');
                            break;
                        default:
                            if (verificador == digitos)
                            {
                                resultado = x.val().charAt(0);

                                for (var i = 1; i < 9; i++)
                                {
                                    if (resultado.length == 2 || resultado.length == 6)
                                    {
                                        resultado += '.';
                                        i--;
                                    }
                                    else if (resultado.length == 10)
                                    {
                                        resultado += '-';
                                        i--;
                                    }
                                    else
                                    {
                                        resultado += x.val().charAt(i);
                                    }
                                }

                                x.val(resultado);

                                x.removeClass('is-invalid')
                                    .addClass('is-valid');
                            }
                            break;
                    }

                    if (verificador != digitos)
                    {
                        x.removeClass('is-valid')
                            .addClass('is-invalid');
                    }
                }
            });

            $('#crearReferenciaUsuario').prop('selectedIndex', 1);

            $(function()
            {
                $('#crearRegionUsuario').each(function()
                {
                    $(this).select2({ theme: 'bootstrap4', placeholder: $(this).val() });
                });

                $('#crearComunaUsuario').each(function()
                {
                    $(this).select2({ theme: 'bootstrap4', placeholder: $(this).val() });
                });

                $('#crearRegionEmpresa').each(function()
                {
                    $(this).select2({ theme: 'bootstrap4', placeholder: $(this).val() });
                });

                $('#crearComunaEmpresa').each(function()
                {
                    $(this).select2({ theme: 'bootstrap4', placeholder: $(this).val() });
                });

                $('#crearReferenciaUsuario').each(function()
                {
                    $(this).select2({ theme: 'bootstrap4', placeholder: $(this).val() });
                });
            });

            // $('#crearRegionEmpresa').change(function()
            // {                
            //     var regionEmpresa = $('#crearRegionEmpresa').val();

            //     $('#crearComunaValparaisoEmpresa').val(50);
            //     $('#crearComunaMetropolitanaEmpresa').val(39);

            //     switch (regionEmpresa)
            //     {
            //         case '5':
            //             var comunaValparaisoEmpresa = $('#crearComunaValparaisoEmpresa').val();

            //             $('#crearComunaMetropolitanaEmpresa').hide();

            //             $('#crearComunaValparaisoEmpresa').show();

            //             $('#crearComunaEmpresa').val(comunaValparaisoEmpresa);
            //             break;
            //         case '13':
            //             var comunaMetropolitanaEmpresa = $('#crearComunaMetropolitanaEmpresa').val();

            //             $('#crearComunaValparaisoEmpresa').hide();

            //             $('#crearComunaMetropolitanaEmpresa').show();

            //             $('#crearComunaEmpresa').val(comunaMetropolitanaEmpresa);
            //             break;
            //     }
            // });

            // $('#crearComunaValparaisoEmpresa').change(function()
            // {
            //     var comunaValparaisoEmpresa = $('#crearComunaValparaisoEmpresa').val();

            //     $('#crearComunaEmpresa').val(comunaValparaisoEmpresa);
            // });

            // $('#crearComunaMetropolitanaEmpresa').change(function()
            // {
            //     var comunaMetropolitanaEmpresa = $('#crearComunaMetropolitanaEmpresa').val();

            //     $('#crearComunaEmpresa').val(comunaMetropolitanaEmpresa);
            // });
        });
    </script>

@endsection