<php lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>La Pieza.DO | Registro</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- External Css -->
<link rel="stylesheet" href="assets/css/line-awesome.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
<!-- Custom Css -->
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link rel="stylesheet" type="text/css" href="assets/css/theme-1.css">
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css">
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="assets/images/favicon.png">
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/icon-114x114.png">
</head>
<body>
<div class="ugf-wrapper flat-grey-bg">
<div class="ugf-content-block">
<div class="logo">
<a href="../register.php">
<!-- <img class="light-logo" src="assets/images/logo.png" alt=""> -->
<!-- <img class="" src="assets/images/logo-dark2.png" alt="">
</a> -->
</div>
<div class="container-md">
<div class="row">
<div class="col-lg-7 offset-lg-5 p-sm-0">
<div class="ugf-content pt150">
<a href="personal-account.php" class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
<h2>Detalles de la tienda</h2>
<form class="account-form">
<!-- Datos de la tienda -->
<div class="ugf-content">
<h2></h2>
<br>
<div class="row">
<div class="col-sm-12 p-sm-0">
<div class="form-group">
<label for="inputFname">Nombre de tienda *</label>
<input type="text" placeholder="Nombre de la tienda" class="form-control" id="shopName" required>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 p-sm-0">
<div class="form-group">
<label for="inputLname">Dirección *</label>
<input type="text" placeholder="Dirección" class="form-control" id="shopAddress" required>
</div>
</div>
</div>
<button id="btnSubmit" class="btn"><span>Registre su tienda</span><i class="las la-arrow-right"></i></button>
</form>
</div>
</form>
</div>
</div>
</div>
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
<div class="steps">
<div class="step complete-step">
<span>1</span>
<p>Verificación de Correo</p>
</div>
<div class="step ">
<span>2</span>
<p>Detalles de la Cuenta Personal</p>
</div>
<div class="step step-onprocess">
<span>3</span>
<p>Detalle de Tienda</p>
</div>
<!-- by joan -->
<!--
<div class="step complete-step">
<span>2</span>
<p>Categoria</p>
</div> -->
<!-- <div class="step">
<span>4</span>
<p>Detalle de Pagos</p>
</div>
<div class="step">
<span>5</span>
<p>Detalle de Facturación</p>
</div> -->
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</php>
<script>
// Esperar a que el documento esté listo
$(document).ready(function() {
// Asignar evento clic al botón
var btnSubmit = $("#btnSubmit");
// Asignar evento clic al botón
btnSubmit.click(function(event) {
event.preventDefault(); // Evitar el envío del formulario por defecto
var shopName = $("#shopName").val();
var shopAddress = $("#shopAddress").val();
// valida los campos de nombre y contraseña
if (shopName && shopAddress) {
var dataToSend = {
email: localStorage.getItem("correoElectronico"),
name: localStorage.getItem("name"),
password: localStorage.getItem("password"),
shop_name: shopName,
address: shopAddress
};
console.log(dataToSend)
// Envía los datos a un servidor utilizando AJAX
/* $.ajax({
url: "url_del_servidor",
type: "POST",
data: dataToSend,
success: function(response) {
console.log("Datos enviados exitosamente.");
},
error: function(xhr, status, error) {
console.log("Error al enviar los datos.");
}
}); */
} else {
}
});
});
</script> |