<!DOCTYPE html>
<html lang="es">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Entrada de Datos</title>
</head>

<body>

    <h1>Ingrese sus Datos</h1>

    <h2>Comparecencia</h2>

    <form id="datosForm" onsubmit="guardarDatosYRedirigir(event)">
        <label for="fecha">Fecha:</label>
        <input type="text" id="fecha" name="fecha" required>
        <label for="nombre">Nombre Completo:</label>
        <input type="text" id="nombre" name="nombre" required>
        <label for="rut">Rut:</label>
        <input type="text" id="rut" name="rut" required>
        <label for="estadocivil">Estado Civil:</label>
        <input type="text" id="estadocivil" name="estadocivil" required>
        <label for="nacionalidad">Nacionalidad:</label>
        <input type="text" id="nacionalidad" name="nacionalidad" required>
        <label for="profesionoficio">Profesión u Oficio:</label>
        <input type="text" id="profesionoficio" name="profesionoficio" required>
        <label for="correo">Correo Electrónico:</label>
        <input type="text" id="correo" name="correo" required>
        <label for="direccion">Domicilio:</label>
        <input type="text" id="direccion" name="direccion" required>
        <label for="comuna">Comuna:</label>
        <input type="text" id="comuna" name="comuna" required>
        
        <h2>Datos Inmueble</h2>
        <label for="direccioninmueble">Dirección del Inmueble</label>
        <input type="text" id="direccioninmueble" name="direccioninmueble" required>
        <label for="comunainmueble">Comuna del Inmueble</label>
        <input type="text" id="comunainmueble" name="comunainmueble" required>
        
        <h2>Datos Inscripción</h2>
        <label for="fojas">Fojas</label>
        <input type="text" id="fojas" name="fojas" required>
        <label for="numero">Número:</label>
        <input type="text" id="numero" name="numero" required>
        <label for="año">Año Inscripción:</label>
        <input type="text" id="año" name="año" required>
        <label for="cbr">Conservador de Bienes Raíces de:</label>
        <input type="text" id="cbr" name="cbr" required>
        
        <h2>Datos Avalúo Fiscal</h2>
        <label for="rol">Rol Avalúo:</label>
        <input type="text" id="rol" name="rol" required>
        <label for="comunaavaluo">Comuna Avalúo:</label>
        <input type="text" id="comunaavaluo" name="comunaavaluo" required>
        
        <h2>Datos Comisión</h2>
        <label for="comision">Comisión:</label>
        <input type="text" id="comision" name="comision" required>
        <label for="50comision">50% Comisión:</label>
        <input type="text" id="50comision" name="50comision" required>
        <!-- Otros campos del formulario según sea necesario -->

        <button type="submit">Generar Contrato</button>
        </form>

    <script>
        function guardarDatosYRedirigir(event) {event.preventDefault();
            var nombre = document.getElementById('nombre').value;
            var fecha = document.getElementById('fecha').value;
            var rut = document.getElementById('rut').value;
            var estadocivil = document.getElementById('estadocivil').value;
            var profesionoficio = document.getElementById('profesionoficio').value;
            var nacionalidad = document.getElementById('nacionalidad').value;
            var correo = document.getElementById('correo').value;
            var direccion = document.getElementById('direccion').value;
            var comuna = document.getElementById('comuna').value;
            var direccioninmueble = document.getElementById('direccioninmueble').value;
            var comunainmueble = document.getElementById('comunainmueble').value;
            var fojas = document.getElementById('fojas').value;
            var numero = document.getElementById('numero').value;
            var año = document.getElementById('año').value;
            var cbr = document.getElementById('cbr').value;
            var rol = document.getElementById('rol').value;
            var comunaavaluo = document.getElementById('comunaavaluo').value;
            var comision = document.getElementById('comision').value;
            var mediacomision = document.getElementById('mediacomision').value;
            
            localStorage.setItem('nombre', nombre);
            localStorage.setItem('fecha', fecha);
            localStorage.setItem('rut', rut);
            localStorage.setItem('estadocivil', estadocivil);
            localStorage.setItem('profesionoficio', profesionoficio);
            localStorage.setItem('nacionalidad', nacionalidad);
            localStorage.setItem('correo', correo);
            localStorage.setItem('direccion', direccion);
            localStorage.setItem('comuna', comuna);
            localStorage.setItem('direccioninmueble', direccioninmueble);
            localStorage.setItem('comunainmueble', comunainmueble);
            localStorage.setItem('fojas', fojas);
            localStorage.setItem('numero', numero);
            localStorage.setItem('año', año);
            localStorage.setItem('cbr', cbr);
            localStorage.setItem('rol', rol);
            localStorage.setItem('comunaavaluo', comunaavaluo);
            localStorage.setItem('comision', comision);
            localStorage.setItem('mediacomision', mediacomision);

 window.location.href = 'contrato.html';}
 
    </script>

</body>

</html>