@include('backend-inquiro/header_iv')
<div class="content mt-5">
	<div class="container mt-5 pt-5"> 
		<div class="col-md-12">
			<!-- inicio COLUMNA IZQ	-->
			<form name="editar_perfil_usuario" id="editar_perfil_usuario" action="/edicion-usuario" method="post" class="form-inline">
				
				<!-- fin COLUMNA IZQ	-->
				<!-- inicio COLUMNA DERECHA	-->
				<div class="row justify-content-between">
					<div class="col-md-5  text-left">
						{{-- CAMPOS OCULTOS --}}
						{{ csrf_field() }}
						<input type="Hidden" name="user_id" value="19160464">
						<!-- Nombre de Cliente EDIT -->
						<div id="div_nc_edit" class="row col-md-12 pt-3 pb-3 form-group d-none">
							<div class="col-md-5">
								<label for="nombre_cliente">@traducir('Nombre del Cliente', 'Nombre del Cliente')</label>
							</div>
						</div>
						<!-- Domicilio
						<div class="form-group">
							<label for="domicilio">Domicilio</label>
							<input id="domicilio" name="domicilio" type="text" value="" maxlength="60" class="form-control"  size="30" disabled />
						</div>-->
						<!-- Dni 
						<div class="form-group">
							<label for="dni">D.N.I</label>
							<input id="dni" name="dni" type="text" value="" maxlength="60" class="form-control"  size="30" disabled />
						</div>-->
						{{-- FIN DE CAMPOS OCULTOS --}}
						<h3 class="text-center-left text-fidelitas">@traducir('datos usuario', 'DATOS DEL USUARIO')</h3>
						<hr>
						<!-- Nombre de usuario -->
						<div class="col-md-5">
							<label  class="text-muted" for="username">@traducir('nombre usuario', 'Nombre de usuario')</label>
						</div>
						<div class="row pb-3 col-md-12 form-group">
								<div class="">
									<input style="width:100%;" id="username" name="username" type="text" value="{{$user->username ?? ''}}" maxlength="60" class="form-control form-select-sm"  size="30" disabled />
								</div>
						</div>
						<!-- Nombre de cliente PERFIL -->
						<div class="col-md-5">
							<label  class="text-muted" for="nombre_cliente_perfil">@traducir('Nombre del Cliente', 'Nombre del Cliente')</label>
						</div>
						<div id="div_nc_perfil" class="row pb-3 col-md-12 form-group">
							<div class="">
								<input style="width:100%;" id="nombre_cliente_perfil" name="nombre_cliente_perfil" type="text" value="{{$user->nombre_cliente ?? ''}} - C.U.I.T : @if(isset($user->cuit)){{ $user->cuit ?? ''}}@endif" maxlength="60" class="form-control form-select-sm"  size="30" disabled readonly />
							</div>
						</div>
						<!-- Cargo -->
						<div class="col-md-5">
							<label class="text-muted" for="cargo">@traducir('cargo', 'Cargo')</label>
						</div>
						<div class="row pb-3 col-md-12 form-group">
							<div class="">
								<input style="width:100%;" id="cargo" name="cargo" type="text" value="{{$user->position ?? ''}}" maxlength="60" class="form-control form-select-sm"  size="30" readonly />
							</div>
						</div>
						<!-- Email -->
						<div class="col-md-5">
							<label class="text-muted"  for="email" >@traducir('email', 'E-mail')</label>
						</div>
						<div class="row pb-3 col-md-12 form-group">
							<div class="">
								<input style="width:100%;" name="email" type="email" value="{{$user->email ?? ''}}" maxlength="60"  id="email" class="form-control form-select-sm"  size="30" readonly  />
							</div>
						</div>
						<!-- Telefono -->
						<div class="col-md-5">
							<label class="text-muted" for="telefono">@traducir('telefono', 'Teléfono')</label>
						</div>
						<div class="row pb-3 col-md-12 form-group">
							<div class="">
								<input style="width:100%;" id="telefono" name="telefono" type="text" value="{{$user->telefono ?? ''}}" maxlength="60" class="form-control form-select-sm"  size="30" readonly />
							</div>
						</div>
						<!-- Nombre persona -->
						<div class="col-md-5">
							<label class="text-muted" for="nombre">@traducir('nombre', 'Nombre')</label>
						</div>
						<div class="row pb-3 col-md-12 form-group">
							<div class="">
								<input style="width:100%;" id="nombre" name="nombre" type="text" value="{{$user->first_name ?? ''}}" maxlength="60" class="form-control form-select-sm"  size="30" readonly  />
							</div>
						</div>
						<!-- Apellido persona -->
						<div class="col-md-5 ">
							<label class="text-muted"  for="apellido" >@traducir('apellido', 'Apellido')</label>
						</div>
						<div class="row pb-3 col-md-12 form-group">
							<div class="">
								<input style="width:100%;" id="apellido" name="apellido"  type="text" value="{{$user->last_name ?? ''}}" maxlength="60" class="form-control form-select-sm"  size="30" readonly  />
							</div>
						</div>
						<!-- Fecha de Nacimiento PERFIL -->
						<div class="col-md-5">
							<label class="text-muted" for="fecha_de_nacimiento" >@traducir('nacimiento', 'Fecha de Nacimiento')</label>
						</div>
						<div id="div_fdn_perfil" class="row pb-3 col-md-12 form-group">
							<div class="">
								<input style="width:100%;" type="text" class="form-control form-control-sm " id="fecha_de_nacimiento" value="{{$user->birthday ?? ''}}" name="fecha_de_nacimiento"  readonly placeholder="dd/mm/yyyy" />
							</div>
						</div>
						<!-- AliasName -->
						<div class="col-md-5">
							<label class="text-muted" for="aliasname" >@traducir('Alias', 'Alias')</label>
						</div>
						<div class="row pb-3 col-md-12 form-group">
							<div class="">
								
								<input style="width:100%;" type="text" class="form-control form-control-sm " id="aliasname" name="aliasname" value="{{ $user->aliasname }}" readonly/>
								<span class="text-muted fs-6"><b class="text-danger">*</b> Este nombre va a ser usado en procesos internos</span>
							</div>
						</div>
					</div>
					<div id="preferencias-colum-right" class="col-md-5">
						<div class="row text-right">
							<h3 class="text-left text-fidelitas pb-2 ps-0">@traducir('preferencias usuario', 'PREFERENCIAS DEL USUARIO')</h3>
							<hr>	
							<!-- Idioma del usuario -->
							<label  class="text-muted ps-0" for="idioma" >@traducir('idioma', 'Idioma de Preferencia')&nbsp;</label>
							<select name="idioma" id="idioma" class="form-select form-select-sm" disabled>
								<option value="">@traducir('seleccione', 'Seleccione')...</option>
								@foreach ($idiomas as $idioma)
								<option value="{{$idioma->codigo_iso}}--||--{{$idioma->idioma}}" @if(isset(Session::get("usuario")->idioma) && Session::get("usuario")->codigo_idioma==$idioma->codigo_iso) selected @endif>{{ App\Http\Controllers\Traducciones::get($idioma->nombre) }}</option>
								@endforeach
							</select>
						</div>
						<div class="row">
							<!-- zonas horarias del usuario -->
							<label class="text-muted ps-0" for="gtm_zone">Time zone&nbsp;</label>
							<select name="gtm_zone" id="gtm_zone" class="form-select form-select-sm" disabled>
								@foreach ($zones_array as $zone)
								<option value="{{ $zone }}" @if( $user->user_time_zone == $zone) selected @endif>{{ $zone }}</option>
								@endforeach
							</select>
						</div>
						<!-- -->
						@if ( Session::get('google_auth') )
							<div class="row my-1">
								<p class="fw-lighter text-danger"><b>*</b> Autenticado con Google</p>
							</div>
						@endif
					</div>
					<div class="alert editar_alert_usuario" role="alert">
					</div>
				</div>	
				<!-- fin COLUMNA DERECHA	-->
				<div class="row pt-3 pd-3 mt-3 mr-5 justify-content-end" id="preferencias-colum-bottom">
					<br><br>
					<div class="form-group col-md-3">
							<input id="btn_editar_perfil_usuario" type="button" class="btn  btn-block btn-fidelitas" value="@traducir('Editar', 'Editar')" >
							<a type="button" href="/" class="btn btn-block btn-fidelitas">@traducir('volver', 'Volver')</a>
							<input id="btn_modificar_perfil_usuario" type="submit" class="btn  btn-block btn-fidelitas" value="@traducir('guardar', 'Guardar')" disabled >
					</div>  
				</div>
			</form>
	 	</div>
  	</div>
</div> 
<!-- -->
<script>
	$(document).ready(function(){
		//Limpia los campos para su edicion
		$('.editar_alert_usuario').addClass('d-none')
		$('#btn_editar_perfil_usuario').on('click',function(e){
			e.preventDefault();
				var fdn = $('#fecha_de_nacimiento').val();
				var date_desde=$('#fecha_de_nacimiento');
				var options={
				format: 'dd/mm/yyyy',
				todayHighlight: true,
				autoclose: true,
				language: "es",
				startDate: '', 
				endDate: '-18y',
				showButtonPanel: true,
				startView: "decade",
				};
				date_desde.datepicker(options); 
				date_desde.datepicker("setDate",'+1y');
				date_desde.datepicker("setDate",fdn);
			$('#btn_editar_perfil_usuario').prop('disabled', true);
			$('#btn_modificar_perfil_usuario, #idioma, #incluir_homonimos, #gtm_zone').prop('disabled', false);
			//
			$('#aliasname, #fecha_de_nacimiento, #email, #cargo, #nombre, #apellido, #telefono, #cantidad_cheques, #cantidad_juicios, #gtm_zone').prop('readonly', false);
			$('#aliasname, #fecha_de_nacimiento, #email, #cargo, #nombre, #apellido, #telefono, #idioma, #cantidad_cheques, #cantidad_juicios, #gtm_zone').prop('required', true);
		});
		//Notificacion al editar perfil de usuario
		$('#editar_perfil_usuario').on('submit',function(e){
			e.preventDefault();
			var preurl = document.referrer; 
			//
			$.ajax({
				method: "POST",
				async:true,
				cache:true,
				url: "/usuario/edicion-usuario",
				data:$(this).serialize(),
				beforeSend: function(){
				},
				success: function(data){
				if (data.info && data.info.id) {
					notificar('ok',"Usuario Editado Correctamente",2000,'.editar_alert_usuario');
				} else if (data.info && data.info.error) {
					notificar('error',"Se encontró un problema al editar el usuario. Por favor intentelo nuevamente",2000,'.editar_alert_usuario');
				} else {
					notificar('error',"Se encontró un problema al editar el usuario. Por favor intentelo nuevamente",2000,'.editar_alert_usuario');
				}
				},
				error:function(data){
					notificar('error',"Se encontró un problema al editar el usuario. Por favor intentelo nuevamente",2000,'.editar_alert_usuario');
				}
			});
			//
			$('#btn_modificar_perfil_usuario').prop('disabled', true);
			$('#btn_editar_perfil_usuario').prop('disabled', false);
		});
	});
</script>