@extends('form.index')
@section('title', 'Actualizar usuario.')
@section('title-form', 'Actualizar usuario.')
@section('route-form', route('usuarios.update', $usuario->id))
@section('content-form')
	@method('PUT')
	<div class="form-row">
		<div class="form-group col-lg-4 ">
			<label for="nombre">Nombre</label>
			<input type="text" class="form-control" id="nombre" name="nombre" aria-describedby='title-feedback'
				value="{{ $usuario->nombre }}">
		</div>
		<div class="form-group col-lg-4 pl-0">
			<label for="apellido">Apellido</label>
			<input type="text" class="form-control" id="apellido" name="apellido" aria-describedby='title-feedback'
				value="{{ $usuario->apellido }}">
		</div>
	</div>
	<div class="form-row">
		<div class="form-group col-lg-4 ">
			<label for="nombre">CUIT</label>
			<input type="text" class="form-control" id="cuit" name="cuit" aria-describedby='title-feedback'
				   value="{{ $usuario->cuit }}">
		</div>
		<div class="form-group col-lg-4 pl-0">
			<label for="razon_social">Razon Social</label>
			<input type="text" class="form-control" id="razon_social" name="razon_social" aria-describedby='title-feedback'
				   value="{{ $usuario->razon_social }}">
		</div>
	</div>
	<div class="form-row">
		<div class="form-group col-lg-4 pl-0">
			<label for="email">email</label>
			<input type="email" class="form-control" id="email" name="email" aria-describedby='title-feedback'
				value="{{ $usuario->email }}">
		</div>
		<div class="form-group col-lg-4 pl-0">
			<label for="telefono">telefono</label>
			<input type="text" class="form-control" id="telefono" name="telefono" aria-describedby='title-feedback'
				value="{{ $usuario->telefono }}">
		</div>
	</div>
	{{-- <div class="form-group col-lg-4 pl-0">
		<label for="password">Contraseña</label>
		<input type="password" class="form-control" id="password" name="password" aria-describedby='title-feedback'
			value="{{ old('password') }}">
	</div>
	<div class="form-group col-lg-4 pl-0">
		<label for="password_confirmation">repetir Contraseña</label>
		<input type="password" class="form-control" id="password_confirmation" name="password_confirmation"
			aria-describedby='title-feedback' value="{{ old('password_confirmation') }}">
	</div>
	<div class="form-group col-lg-4 pl-0">
		<label for="direccion">Dirección</label>
		<input type="text" class="form-control" id="direccion" name="direccion" aria-describedby='title-feedback'
			value="{{ old('direccion', $usuario->direccion) }}">
	</div>
	<div class="form-row">
		<div class="form-group col-lg-4 ">
			<label for="latitud">Latitud</label>
			<input type="text" class="form-control" id="latitud" name="latitud" aria-describedby='title-feedback'
				value="{{ old('latitud', $usuario->latitud) }}">
		</div>
		<div class="form-group col-lg-4 pl-0">
			<label for="longitud">Longitud</label>
			<input type="text" class="form-control" id="longitud" name="longitud" aria-describedby='title-feedback'
				value="{{ old('longitud', $usuario->longitud) }}">
		</div>
	</div> --}}
	<div class="form-row">
		<div class="form-group col-lg-4 pl-0">
			<label for="email">Tipo de usuario</label>
			<select name="tipo_usuario_id" id="tipo_usuario_id" class="form-control" required>
				<option selected disabled>Selecciona tipo de usuario</option>

				@foreach ($tipoUsuario as $tipo)
					<option value="{{ $tipo->id }}" {{ $usuario->tipo_usuario_id == $tipo->id ? 'selected' : '' }}>{{ $tipo->descripcion }}</option>
				@endforeach
			</select>
		</div>
		<div class="form-group col-lg-4 pl-0  d-none" id="divCodigoRevendedor">
			<label for="codigo_revendedor">Código revendedor</label>
			<input type="text" class="form-control" id="codigo_revendedor" name="codigo_revendedor" aria-describedby='title-feedback'
				value="{{ old('codigo_revendedor', $usuario->codigo_revendedor) }}">
		</div>
		<div class="form-group col-lg-4 pl-0  d-none" id="divRevendedorId">
			<label for="revendedor_id">Revendedor</label>
			<select name="revendedor_id" id="revendedor_id" class="form-control" required>
				<option selected value=0>Sin asignar</option>
				@foreach ($revendedores as $revendedor)
					<option value="{{ $revendedor->id }}" {{ $usuario->revendedor_id == $revendedor->id ? 'selected' : '' }}>{{ $revendedor->full_name }}</option>
				@endforeach
			</select>
		</div>
	</div>
	<div class="form-row">
		<div class="form-group col-lg-4 pl-0">
			<label for="codigo">Código</label>
			<input type="text" class="form-control" id="codigo" name="codigo" aria-describedby='title-feedback'
				value="{{ old('codigo', $usuario->codigo) }}">
		</div>
		<div class="form-group col-lg-4 pl-0">
			<br>
			<div class="custom-control custom-switch">
				<input type="checkbox" class="custom-control-input" id="estado" value="1"
					{{ $usuario->estado == 1 ? 'checked' : '' }} name="estado">
				<label class="custom-control-label" for="estado">Usuario Activo</label>
			</div>
		</div>
	</div>
	<button type="submit" class="btn btn-success mb-1">Actualizar usuario</button>
@endsection

<script>
	window.addEventListener('DOMContentLoaded', () => {
		document.getElementById('tipo_usuario_id').addEventListener('change', ({target}) => {
			if (target.value == 1) {
				document.getElementById('divRevendedorId').classList.remove('d-none');
				document.getElementById('divCodigoRevendedor').classList.add('d-none');
			} else {
				document.getElementById('divCodigoRevendedor').classList.remove('d-none');
				document.getElementById('divRevendedorId').classList.add('d-none');
			}
		});
	})
</script>