@extends('layouts.app')

@section('ajustes')

    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">{{ __('Ajustes') }}</h1>
    </div>

    @if (Session::has('success'))
        <div class="alert alert-success">
            {{ Session::get('success') }}
        </div>
    @endif

    <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;">{{ __('Modifique sus datos') }}</h5>
                    <div class="card-body">

                        <form action="{{ url('/ajustes/' . Auth::user()->id ) }}" 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('editarNombreUsuario') is-invalid @enderror" name="editarNombreUsuario" placeholder="Sólo su primer nombre" value="{{ old('editarNombreUsuario') == '' ? Auth::user()->nombre : old('editarNombreUsuario') }}" required autocomplete="off" autofocus>
                                    @error('editarNombreUsuario') <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('editarApellidoPaternoUsuario') is-invalid @enderror" name="editarApellidoPaternoUsuario" placeholder="Su apellido paterno" value="{{ old('editarApellidoPaternoUsuario') == '' ? Auth::user()->apellido_paterno : old('editarApellidoPaternoUsuario') }}" required autocomplete="off">
                                    @error('editarApellidoPaternoUsuario') <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('editarApellidoMaternoUsuario') is-invalid @enderror" name="editarApellidoMaternoUsuario" placeholder="Su apellido materno" value="{{ old('editarApellidoMaternoUsuario') == '' ? Auth::user()->apellido_materno : old('editarApellidoMaternoUsuario') }}" required autocomplete="off">
                                    @error('editarApellidoMaternoUsuario') <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('editarRUTUsuario') is-invalid @enderror" id="editarRUTUsuario" name="editarRUTUsuario" placeholder="12.312.312-3" value="{{ old('editarRUTUsuario') == '' ? Auth::user()->rut : old('editarRUTUsuario') }}" required autocomplete="off">
                                    @error('editarRUTUsuario') <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('editarTelefonoUsuario') is-invalid @enderror" id="editarTelefonoUsuario" name="editarTelefonoUsuario" placeholder="56956789" value="{{ old('editarTelefonoUsuario') == '' ? Auth::user()->telefono : old('editarTelefonoUsuario') }}" required autocomplete="off">
                                    @error('editarTelefonoUsuario') <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('editarRegionUsuario') is-invalid @enderror" id="editarRegionUsuario" name="editarRegionUsuario" 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('editarRegionUsuario', Auth::user()->region) == $regionChile->id ? 'selected' : '' }}>{{ $regionChile->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                    @error('editarRegionUsuario') <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-map-marker-alt"></i></span></div>
                                    <select class="custom-select @error('editarComunaUsuario') is-invalid @enderror" id="editarComunaUsuario" name="editarComunaUsuario" 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('editarComunaUsuario', Auth::user()->comuna) == $comunaTarapaca->id ? 'selected' : '' }}>{{ $comunaTarapaca->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Antofagasta">
                                            @foreach ($comunasAntofagasta as $comunaAntofagasta)
                                                <option value="{{ $comunaAntofagasta->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaAntofagasta->id ? 'selected' : '' }}>{{ $comunaAntofagasta->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Atacama">
                                            @foreach ($comunasAtacama as $comunaAtacama)
                                                <option value="{{ $comunaAtacama->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaAtacama->id ? 'selected' : '' }}>{{ $comunaAtacama->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Coquimbo">
                                            @foreach ($comunasCoquimbo as $comunaCoquimbo)
                                                <option value="{{ $comunaCoquimbo->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaCoquimbo->id ? 'selected' : '' }}>{{ $comunaCoquimbo->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Valparaíso">
                                            @foreach ($comunasValparaiso as $comunaValparaiso)
                                                <option value="{{ $comunaValparaiso->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaValparaiso->id ? 'selected' : '' }}>{{ $comunaValparaiso->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de O'Higgins">
                                            @foreach ($comunasOhiggins as $comunaOhiggins)
                                                <option value="{{ $comunaOhiggins->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaOhiggins->id ? 'selected' : '' }}>{{ $comunaOhiggins->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región del Maule">
                                            @foreach ($comunasMaule as $comunaMaule)
                                                <option value="{{ $comunaMaule->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaMaule->id ? 'selected' : '' }}>{{ $comunaMaule->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región del Biobío">
                                            @foreach ($comunasBiobio as $comunaBiobio)
                                                <option value="{{ $comunaBiobio->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $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('editarComunaUsuario', Auth::user()->comuna) == $comunaAraucania->id ? 'selected' : '' }}>{{ $comunaAraucania->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de los Lagos">
                                            @foreach ($comunasLagos as $comunaLagos)
                                                <option value="{{ $comunaLagos->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaLagos->id ? 'selected' : '' }}>{{ $comunaLagos->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Aysén">
                                            @foreach ($comunasAysen as $comunaAysen)
                                                <option value="{{ $comunaAysen->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaAysen->id ? 'selected' : '' }}>{{ $comunaAysen->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región de Magallanes">
                                            @foreach ($comunasMagallanes as $comunaMagallanes)
                                                <option value="{{ $comunaMagallanes->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaMagallanes->id ? 'selected' : '' }}>{{ $comunaMagallanes->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región Metropolitana">
                                            @foreach ($comunasMetropolitana as $comunaMetropolitana)
                                                <option value="{{ $comunaMetropolitana->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $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('editarComunaUsuario', Auth::user()->comuna) == $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('editarComunaUsuario', Auth::user()->comuna) == $comunaAricaParinacota->id ? 'selected' : '' }}>{{ $comunaAricaParinacota->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Región del Ñuble">
                                            @foreach ($comunasNuble as $comunaNuble)
                                                <option value="{{ $comunaNuble->id }}" {{ old('editarComunaUsuario', Auth::user()->comuna) == $comunaNuble->id ? 'selected' : '' }}>{{ $comunaNuble->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                    @error('editarComunaUsuario') <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">{{ __('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('editarDireccionUsuario') is-invalid @enderror" id="editarDireccionUsuario" name="editarDireccionUsuario" placeholder="Su dirección" value="{{ old('editarDireccionUsuario') == '' ? Auth::user()->direccion : old('editarDireccionUsuario') }}" required autocomplete="off">
                                    @error('editarDireccionUsuario') <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('editarNumeracionUsuario') is-invalid @enderror" id="editarNumeracionUsuario" name="editarNumeracionUsuario" placeholder="0" value="{{ old('editarNumeracionUsuario') == '' ? Auth::user()->numeracion : old('editarNumeracionUsuario') }}" required autocomplete="off">
                                    @error('editarNumeracionUsuario') <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-shield-alt"></i></span></div>
                                    <input type="text" class="form-control" value="{{ Auth::user()->tipo == 'Empresa' ? 'Cliente' : Auth::user()->tipo }}" readonly>
                                </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" id="editarRolUsuario" name="editarRolUsuario" placeholder="Su rol">
                                        <option selected disabled value="">{{ __('Su rol...') }}</option>
                                        <option value="Persona" {{ old('editarRolUsuario', Auth::user()->rol) == 'Persona' ? 'selected' : '' }}>{{ __('Persona Natural') }}</option>
                                        <option value="Empresa" {{ old('editarRolUsuario', Auth::user()->rol) == 'Empresa' ? 'selected' : '' }}>{{ __('Empresa') }}</option>
                                    </select>
                                    @error('editarRolUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </div>
                            </div>

                            <div id="editarEmpresa">
                                <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;">{{ __('Modifique 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('editarNombreEmpresa') is-invalid @enderror" name="editarNombreEmpresa" placeholder="El nombre de su empresa" value="{{ old('editarNombreEmpresa') == '' ? Auth::user()->nombre_empresa : old('editarNombreEmpresa') }}" autocomplete="off">
                                        @error('editarNombreEmpresa') <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('editarRUTEmpresa') is-invalid @enderror" id="editarRUTEmpresa" name="editarRUTEmpresa" placeholder="12.312.312-3" value="{{ old('editarRUTEmpresa') == '' ? Auth::user()->rut_empresa : old('editarRUTEmpresa') }}" autocomplete="off">
                                        @error('editarRUTEmpresa') <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('editarTelefonoEmpresa') is-invalid @enderror" id="editarTelefonoEmpresa" name="editarTelefonoEmpresa" placeholder="56956789" value="{{ old('editarTelefonoEmpresa') == '' ? Auth::user()->telefono_empresa : old('editarTelefonoEmpresa') }}" autocomplete="off">
                                        @error('editarTelefonoEmpresa') <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('editarEmailEmpresa') is-invalid @enderror" name="editarEmailEmpresa" placeholder="contacto@empresa.cl" value="{{ old('editarEmailEmpresa') == '' ? Auth::user()->email_empresa : old('editarEmailEmpresa') }}" autocomplete="off">
                                        @error('editarEmailEmpresa') <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('editarPaisEmpresa') is-invalid @enderror" id="editarPaisEmpresa" name="editarPaisEmpresa" placeholder="El país de su empresa">
                                            <option selected disabled value="">{{ __('El país de su empresa...') }}</option>
                                            <option value="Chile" {{ old('editarPaisEmpresa', Auth::user()->pais_empresa) == 'Chile' ? 'selected' : '' }}>{{ __('Chile') }}</option>
                                        </select>
                                        @error('editarPaisEmpresa') <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('editarRegionEmpresa') is-invalid @enderror" id="editarRegionEmpresa" name="editarRegionEmpresa" 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('editarRegionEmpresa', Auth::user()->region_empresa) == $regionChile->id ? 'selected' : '' }}>{{ $regionChile->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                        </select>
                                        @error('editarRegionEmpresa') <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-map-marker-alt"></i></span></div>
                                        <select class="custom-select @error('editarComunaEmpresa') is-invalid @enderror" id="editarComunaEmpresa" name="editarComunaEmpresa" 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('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaTarapaca->id ? 'selected' : '' }}>{{ $comunaTarapaca->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Antofagasta">
                                                @foreach ($comunasAntofagasta as $comunaAntofagasta)
                                                    <option value="{{ $comunaAntofagasta->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaAntofagasta->id ? 'selected' : '' }}>{{ $comunaAntofagasta->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Atacama">
                                                @foreach ($comunasAtacama as $comunaAtacama)
                                                    <option value="{{ $comunaAtacama->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaAtacama->id ? 'selected' : '' }}>{{ $comunaAtacama->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Coquimbo">
                                                @foreach ($comunasCoquimbo as $comunaCoquimbo)
                                                    <option value="{{ $comunaCoquimbo->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaCoquimbo->id ? 'selected' : '' }}>{{ $comunaCoquimbo->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Valparaíso">
                                                @foreach ($comunasValparaiso as $comunaValparaiso)
                                                    <option value="{{ $comunaValparaiso->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaValparaiso->id ? 'selected' : '' }}>{{ $comunaValparaiso->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de O'Higgins">
                                                @foreach ($comunasOhiggins as $comunaOhiggins)
                                                    <option value="{{ $comunaOhiggins->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaOhiggins->id ? 'selected' : '' }}>{{ $comunaOhiggins->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región del Maule">
                                                @foreach ($comunasMaule as $comunaMaule)
                                                    <option value="{{ $comunaMaule->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaMaule->id ? 'selected' : '' }}>{{ $comunaMaule->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región del Biobío">
                                                @foreach ($comunasBiobio as $comunaBiobio)
                                                    <option value="{{ $comunaBiobio->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $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('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaAraucania->id ? 'selected' : '' }}>{{ $comunaAraucania->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de los Lagos">
                                                @foreach ($comunasLagos as $comunaLagos)
                                                    <option value="{{ $comunaLagos->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaLagos->id ? 'selected' : '' }}>{{ $comunaLagos->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Aysén">
                                                @foreach ($comunasAysen as $comunaAysen)
                                                    <option value="{{ $comunaAysen->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaAysen->id ? 'selected' : '' }}>{{ $comunaAysen->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región de Magallanes">
                                                @foreach ($comunasMagallanes as $comunaMagallanes)
                                                    <option value="{{ $comunaMagallanes->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaMagallanes->id ? 'selected' : '' }}>{{ $comunaMagallanes->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región Metropolitana">
                                                @foreach ($comunasMetropolitana as $comunaMetropolitana)
                                                    <option value="{{ $comunaMetropolitana->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $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('editarComunaEmpresa', Auth::user()->comuna_empresa) == $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('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaAricaParinacota->id ? 'selected' : '' }}>{{ $comunaAricaParinacota->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                            <optgroup label="Región del Ñuble">
                                                @foreach ($comunasNuble as $comunaNuble)
                                                    <option value="{{ $comunaNuble->id }}" {{ old('editarComunaEmpresa', Auth::user()->comuna_empresa) == $comunaNuble->id ? 'selected' : '' }}>{{ $comunaNuble->nombre }}</option>
                                                @endforeach
                                            </optgroup>
                                        </select>
                                        @error('editarComunaEmpresa') <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">{{ __('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('editarDireccionEmpresa') is-invalid @enderror" id="editarDireccionEmpresa" name="editarDireccionEmpresa" placeholder="La dirección de su empresa" value="{{ old('editarDireccionEmpresa') == '' ? Auth::user()->direccion_empresa : old('editarDireccionEmpresa') }}" autocomplete="off">
                                        @error('editarDireccionEmpresa') <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('editarNumeracionEmpresa') is-invalid @enderror" id="editarNumeracionEmpresa" name="editarNumeracionEmpresa" placeholder="0" value="{{ old('editarNumeracionEmpresa') == '' ? Auth::user()->numeracion_empresa : old('editarNumeracionEmpresa') }}" autocomplete="off">
                                        @error('editarNumeracionEmpresa') <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('editarGiroUsuario') is-invalid @enderror" name="editarGiroUsuario" placeholder="El giro de su empresa" value="{{ old('editarGiroUsuario') == '' ? Auth::user()->giro : old('editarGiroUsuario') }}" autocomplete="off">
                                        @error('editarGiroUsuario') <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" id="editarFacturaUsuario" name="editarFacturaUsuario" placeholder="Si usted factura">
                                        <option selected disabled value="">{{ __('Si usted factura...') }}</option>
                                        <option value="0" {{ old('editarFacturaUsuario', Auth::user()->factura) == '0' ? 'selected' : '' }}>{{ __('Sin Factura') }}</option>
                                        <option value="1" {{ old('editarFacturaUsuario', Auth::user()->factura) == '1' ? 'selected' : '' }}>{{ __('Con Factura') }}</option>
                                    </select>
                                    @error('editarRolUsuario') <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('editarEmailUsuario') is-invalid @enderror" name="editarEmailUsuario" placeholder="su.correo@ejemplo.cl" value="{{ old('editarEmailUsuario') == '' ? Auth::user()->email : old('editarEmailUsuario') }}" required autocomplete="off">
                                    @error('editarEmailUsuario') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                                </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"><i class="fas fa-user-edit"></i>&nbsp;&nbsp;&nbsp;{{ __('Actualizar') }}</button>
                                    <a href="{{ url('/ajustes/password/') }}" class="btn btn-primary">{{ __('Contraseña') }}</a>
                                </div>
                            </div>
                        </form>

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

    <script>
        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 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' }
            });
        }

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

            googlePlaces('editarDireccionEmpresa');

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

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

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

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

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

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

            $('#editarTelefonoUsuario, #editarTelefonoEmpresa').on('keypress', function(e)
            {
                soloDigitos(e);
            });

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

            $('#editarNumeracionUsuario, #editarNumeracionEmpresa').on('keypress', function(e)
            {
                soloDigitos(e);
            });

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

            var selectedRol = $('#editarRolUsuario').val();

            if (selectedRol == 'Empresa') { $('#editarEmpresa').show(); }

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

                switch (rolUsuario)
                {
                    case 'Persona':
                        $('#editarEmpresa').hide();
                        break;
                    case 'Empresa':
                        $('#editarEmpresa').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');
                    }
                }
            });

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

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

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

                $('#editarComunaEmpresa').each(function()
                {
                    $(this).select2({ theme: 'bootstrap4', placeholder: $(this).val() });
                });
            });
        });
    </script>

@endsection