registrar usuario de tipo comprador, comente algunas cosas del codigo
This commit is contained in:
Jose Sanchez
@@ -241,7 +241,7 @@
|
||||
<li class="mb-2">
|
||||
<p class="fs-13 text-soft-light mb-0">
|
||||
{{ translate('Conviertete en Delivery') }}
|
||||
<a target="_blank" href="{{ route('shop.view.index') }}{{-- {{ route('shops.create') }} --}}" class="fs-13 fw-700 animate-underline-white text-white ml-2 btn btn-primary-lapieza">{{ translate('Apply Now') }}</a>
|
||||
<a target="_blank" href="{{ route('register') }}{{-- {{ route('shops.create') }} --}}" class="fs-13 fw-700 animate-underline-white text-white ml-2 btn btn-primary-lapieza">{{ translate('Apply Now') }}</a>
|
||||
</p>
|
||||
</li>
|
||||
@guest
|
||||
@@ -276,7 +276,7 @@
|
||||
<li class="mb-2">
|
||||
<p class="fs-13 text-soft-light mb-0">
|
||||
{{ translate('Become A Seller') }}
|
||||
<a target="_blank" href="{{ route('shop.view.index') }}{{-- {{ route('shops.create') }} --}}" class="fs-13 fw-700 text-white animate-underline-white ml-2 btn btn-primary-lapieza">{{ translate('Apply Now') }}</a>
|
||||
<a target="_blank" href="{{ route('register') }}{{-- {{ route('shops.create') }} --}}" class="fs-13 fw-700 text-white animate-underline-white ml-2 btn btn-primary-lapieza">{{ translate('Apply Now') }}</a>
|
||||
</p>
|
||||
</li>
|
||||
@guest
|
||||
|
||||
@@ -331,7 +331,7 @@
|
||||
</svg>
|
||||
</span>
|
||||
<a href="{{ route('user.login') }}" class="text-white hov-opacity-100 hov-text-primary fs-12 d-inline-block border-right border-soft-light border-width-2 pr-2 ml-3">{{ translate('Login')}}</a>
|
||||
<a href="http://clientes.lapieza.net" class="text-white hov-opacity-100 hov-text-primary fs-12 d-inline-block py-2 pl-2">{{ translate('Registration')}}</a>
|
||||
<a href="{{ route('register') }}" class="text-white hov-opacity-100 hov-text-primary fs-12 d-inline-block py-2 pl-2">{{ translate('Registration')}}</a>
|
||||
</span>
|
||||
@endauth
|
||||
</div>
|
||||
@@ -546,7 +546,7 @@
|
||||
</svg>
|
||||
</span>
|
||||
<a href="{{ route('user.login') }}" class="text-reset opacity-60 hov-opacity-100 hov-text-primary fs-12 d-inline-block border-right border-soft-light border-width-2 pr-2 ml-3">{{ translate('Login')}}</a>
|
||||
<a href="{{ route('user.registration') }}" class="text-reset opacity-60 hov-opacity-100 hov-text-primary fs-12 d-inline-block py-2 pl-2">{{ translate('Registration')}}</a>
|
||||
<a href="{{ route('register') }}" class="text-reset opacity-60 hov-opacity-100 hov-text-primary fs-12 d-inline-block py-2 pl-2">{{ translate('Registration')}}</a>
|
||||
</span>
|
||||
@endauth
|
||||
<hr>
|
||||
|
||||
@@ -85,7 +85,7 @@
|
||||
<!-- Register Now -->
|
||||
<div class="text-center mb-3">
|
||||
<p class="text-muted mb-0">{{ translate('Dont have an account?') }}</p>
|
||||
<a href="{{ route('user.registration') }}">{{ translate('Register Now') }}</a>
|
||||
<a href="{{ route('register') }}">{{ translate('Register Now') }}</a>
|
||||
</div>
|
||||
|
||||
<!-- Social Login -->
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
@guest
|
||||
<p class="fs-14 fw-400 mb-0 px-3 px-sm-4 mt-3"><a
|
||||
href="{{ route('user.login') }}">{{ translate('Login') }}</a> or <a class="mr-1"
|
||||
href="{{ route('user.registration') }}">{{ translate('Register ') }}</a>{{ translate(' to submit your questions to seller') }}
|
||||
href="{{ route('register') }}">{{ translate('Register ') }}</a>{{ translate(' to submit your questions to seller') }}
|
||||
</p>
|
||||
@endguest
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<php lang="en">
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
@@ -54,25 +54,32 @@
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="col-lg-12 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt340">
|
||||
<h2>Vamos! <span>Únete a nuestra plataforma</span></h2>
|
||||
<p>Selecciona el tipo de cuenta</p>
|
||||
<div class="account-category">
|
||||
<a data-type="customer" href="javascript:void(0)" class="account-type personal">
|
||||
<a href="{{ route('register.buyer.index') }}" class="account-type">
|
||||
<span class="account-icon"><img
|
||||
src="{{ static_asset('assets/registrocomercio/registro-form/assets/images/account-personal.png') }}"
|
||||
alt=""></span>
|
||||
<p>Comprador </p>
|
||||
<span class="icon"><i class="las la-arrow-right"></i></span>
|
||||
</a>
|
||||
<a data-type="seller" href="javascript:void(0)" class="account-type business">
|
||||
<a href="{{ route('business.index') }}" class="account-type">
|
||||
<span class="account-icon"><img
|
||||
src="{{ static_asset('assets/registrocomercio/registro-form/assets/images/account-business.png') }}"
|
||||
alt=""></span>
|
||||
<p>Negocio </p>
|
||||
<span class="icon"><i class="las la-arrow-right"></i></span>
|
||||
</a>
|
||||
<a href="{{ route('workshop.index') }}" class="account-type ">
|
||||
<span class="account-icon"><img
|
||||
src="{{ static_asset('assets/registrocomercio/registro-form/assets/images/casa.png') }}"
|
||||
alt=""></span>
|
||||
<p>Taller </p>
|
||||
<span class="icon"><i class="las la-arrow-right"></i></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -110,28 +117,8 @@
|
||||
|
||||
<script href="{{ static_asset('assets/registrocomercio/registro-form/assets/js/custom.js') }}"></script>
|
||||
</body>
|
||||
</php>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
// Esperar a que el documento esté listo
|
||||
$(document).ready(function() {
|
||||
|
||||
console.log("listo");
|
||||
|
||||
|
||||
$('.account-type').click(function(e) {
|
||||
|
||||
var account_type = $(this).data('type')
|
||||
|
||||
if (account_type) {
|
||||
localStorage.setItem("account_type", account_type);
|
||||
|
||||
|
||||
window.location.href = "{{ route('shop.view.register.email') }}";
|
||||
} else {
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
@@ -875,6 +875,7 @@
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
|
||||
@media all and (max-width: 1600px) {
|
||||
.logo {
|
||||
top: 50px;
|
||||
@@ -901,7 +902,7 @@
|
||||
}
|
||||
|
||||
.ugf-content.pt270 {
|
||||
padding-top: 180px;
|
||||
padding-top: 120px;
|
||||
}
|
||||
.ugf-content.pt340 {
|
||||
padding-top: 250px;
|
||||
@@ -966,6 +967,10 @@
|
||||
.resend-code {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.ugf-content.pt270 {
|
||||
padding-top: 120px;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 767px) {
|
||||
.ugf-wrapper .ugf-content-block .logo {
|
||||
|
||||
@@ -0,0 +1,337 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/bootstrap.min.css') }}">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/line-awesome.min.css') }}">
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/owl.carousel.min.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">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/main.css') }}">
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/theme-1.css') }}">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/favicon.png') }}">
|
||||
<link rel="apple-touch-icon"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/apple-touch-icon.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="72x72"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/icon-72x72.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="114x114"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/icon-114x114.png') }}">
|
||||
|
||||
<style>
|
||||
/*social icon colored*/
|
||||
ul.social a {
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50em;
|
||||
line-height: 43px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
background-color: #d5d5df;
|
||||
}
|
||||
ul.social-md a {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50em;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
background-color: #d5d5df;
|
||||
}
|
||||
ul.social a:hover {
|
||||
-webkit-transform: translateY(-3px);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
ul.social i {
|
||||
color: #171727;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
ul.social a:hover i{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul.social.colored i {
|
||||
color: #fff;
|
||||
}
|
||||
ul.social [class*="facebook"]:hover,
|
||||
ul.social.colored [class*="facebook"] {
|
||||
background-color: #3b5998;
|
||||
}
|
||||
ul.social [class*="twitter"]:hover,
|
||||
ul.social.colored [class*="twitter"] {
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
ul.social [class*="google"]:hover,
|
||||
ul.social.colored [class*="google"] {
|
||||
background-color: #e62833;
|
||||
}
|
||||
ul.social.colored [class*="apple"] {
|
||||
background-color: #141414;
|
||||
}
|
||||
ul.social [class*="youtube"]:hover,
|
||||
ul.social.colored [class*="youtube"] {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.social [class*="instagram"]:hover,
|
||||
ul.social.colored [class*="instagram"] {
|
||||
background-color: #bd32a2;
|
||||
}
|
||||
ul.social [class*="tripadvisor"]:hover,
|
||||
ul.social.colored [class*="tripadvisor"] {
|
||||
background-color: #32da9d;
|
||||
}
|
||||
ul.social [class*="linkedin"]:hover,
|
||||
ul.social.colored [class*="linkedin"] {
|
||||
background-color: #0070ac;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"] {
|
||||
background-color: #c2d9fd;
|
||||
}
|
||||
ul.colored-light [class*="twitter"] {
|
||||
background-color: #ace5f3;
|
||||
}
|
||||
ul.colored-light [class*="google"] {
|
||||
background-color: #ffcbcc;
|
||||
}
|
||||
ul.colored-light [class*="youtube"] {
|
||||
background-color: #ffcbcc;
|
||||
}
|
||||
ul.colored-light [class*="instagram"] {
|
||||
background-color: #f7e2f3;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"]:hover {
|
||||
background-color: #3b5998;
|
||||
}
|
||||
ul.colored-light [class*="twitter"]:hover {
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
ul.colored-light [class*="google"]:hover {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="youtube"]:hover {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="instagram"]:hover {
|
||||
background-color: #bd32a2;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"] i {
|
||||
color: #3b5998;
|
||||
}
|
||||
ul.colored-light [class*="twitter"] i {
|
||||
color: #1da1f2;
|
||||
}
|
||||
ul.colored-light [class*="google"] i {
|
||||
color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="youtube"] i {
|
||||
color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="instagram"] i {
|
||||
color: #bd32a2;
|
||||
}
|
||||
ul.colored-light a:hover i{
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper theme-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt270">
|
||||
<a href="{{ route('shop.view.account.type') }}" class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Vamos! <span>Únete a nuestra plataforma</span></h2>
|
||||
|
||||
<p>Puedes registrarte llegando los siguientes pasos o a traves de una red social </p>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="form-group" style="">
|
||||
<ul class="list-inline social colored mb-4">
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'facebook']) --}}" class="facebook">
|
||||
<i class="lab la-facebook-f" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'google']) --}}" class="google">
|
||||
<i class="lab la-google" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'twitter']) --}}" class="twitter">
|
||||
<i class="lab la-twitter" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{{-- formulario con correo --}}
|
||||
|
||||
<form class="form-flex email-form" id="emailGroup">
|
||||
|
||||
<div class="form-row col-md-9">
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputMail" id="emailLabel">Correo Electrónico</label>
|
||||
<input type="email" placeholder="micorreo@email.com" class="form-control email" required>
|
||||
<a id="phoneLink" style="text-decoration: underline; margin-left: 250px;" href="#">Utilice el número de teléfono en su lugar</a>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputPassword">Contraseña</label>
|
||||
<input type="password" placeholder="Contraseña"
|
||||
class="form-control" id="inputPassword" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputConfirmPassword">Repetir Contraseña</label>
|
||||
<input type="password" placeholder="Repetir Contraseña"
|
||||
class="form-control" id="inputConfirmPassword" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button id="btnSubmit btnSubmitEmail" class="btn"><span>Iniciemos</span> <i
|
||||
class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
|
||||
{{-- formulario con numero de telefono --}}
|
||||
|
||||
<form class="form-flex email-form" id="phoneGroup">
|
||||
|
||||
<div class="form-row col-md-9" >
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputMail" id="phoneLabel">Teléfono</label>
|
||||
<input type="number" placeholder="Teléfono" class="form-control phone" required>
|
||||
<a id="emailLink" style="text-decoration: underline; margin-left: 250px;" href="#">Utilice el correo electrónico en su lugar</a>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputPassword" id="password2">Contraseña</label>
|
||||
<input type="password" placeholder="Contraseña"
|
||||
class="form-control" id="inputPassword" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputConfirmPassword" id="repitpassword2">Repetir Contraseña</label>
|
||||
<input type="password" placeholder="Repetir Contraseña"
|
||||
class="form-control" id="inputConfirmPassword" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button id="btnSubmit btnSubmitPhone" class="btn"><span>Iniciemos</span> <i
|
||||
class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
|
||||
|
||||
<div id="result"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alternet-access">
|
||||
<p>Ya tienes una cuenta?<a href="login.php"> Entra aqui!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<span>1</span>
|
||||
<p>Tipo de Cuenta</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>2</span>
|
||||
<p>Verificación de Inicio</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>3</span>
|
||||
<p>Confirmación de Datos</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
{{-- <script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/jquery.min.js') }}"></script> --}}
|
||||
<script src="https://code.jquery.com/jquery-3.7.0.min.js"
|
||||
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/popper.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/owl.carousel.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/custom.js') }}"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function() {
|
||||
// Ocultar el formulario de teléfono por defecto
|
||||
$("#phoneGroup").hide();
|
||||
|
||||
// Mostrar el formulario de correo electrónico al cargar la página
|
||||
$("#emailGroup").show();
|
||||
|
||||
// Manejar el evento de clic en el enlace "phoneLink"
|
||||
$("#phoneLink").click(function() {
|
||||
$("#phoneGroup").show();
|
||||
$("#emailGroup").hide();
|
||||
});
|
||||
|
||||
// Manejar el evento de clic en el enlace "emailLink"
|
||||
$("#emailLink").click(function() {
|
||||
$("#phoneGroup").hide();
|
||||
$("#emailGroup").show();
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
@@ -0,0 +1,373 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/bootstrap.min.css') }}">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/line-awesome.min.css') }}">
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/owl.carousel.min.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">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/main.css') }}">
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/theme-1.css') }}">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/favicon.png') }}">
|
||||
<link rel="apple-touch-icon"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/apple-touch-icon.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="72x72"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/icon-72x72.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="114x114"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/icon-114x114.png') }}">
|
||||
|
||||
<style>
|
||||
/*social icon colored*/
|
||||
ul.social a {
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50em;
|
||||
line-height: 43px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
background-color: #d5d5df;
|
||||
}
|
||||
ul.social-md a {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50em;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
background-color: #d5d5df;
|
||||
}
|
||||
ul.social a:hover {
|
||||
-webkit-transform: translateY(-3px);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
ul.social i {
|
||||
color: #171727;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
ul.social a:hover i{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul.social.colored i {
|
||||
color: #fff;
|
||||
}
|
||||
ul.social [class*="facebook"]:hover,
|
||||
ul.social.colored [class*="facebook"] {
|
||||
background-color: #3b5998;
|
||||
}
|
||||
ul.social [class*="twitter"]:hover,
|
||||
ul.social.colored [class*="twitter"] {
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
ul.social [class*="google"]:hover,
|
||||
ul.social.colored [class*="google"] {
|
||||
background-color: #e62833;
|
||||
}
|
||||
ul.social.colored [class*="apple"] {
|
||||
background-color: #141414;
|
||||
}
|
||||
ul.social [class*="youtube"]:hover,
|
||||
ul.social.colored [class*="youtube"] {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.social [class*="instagram"]:hover,
|
||||
ul.social.colored [class*="instagram"] {
|
||||
background-color: #bd32a2;
|
||||
}
|
||||
ul.social [class*="tripadvisor"]:hover,
|
||||
ul.social.colored [class*="tripadvisor"] {
|
||||
background-color: #32da9d;
|
||||
}
|
||||
ul.social [class*="linkedin"]:hover,
|
||||
ul.social.colored [class*="linkedin"] {
|
||||
background-color: #0070ac;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"] {
|
||||
background-color: #c2d9fd;
|
||||
}
|
||||
ul.colored-light [class*="twitter"] {
|
||||
background-color: #ace5f3;
|
||||
}
|
||||
ul.colored-light [class*="google"] {
|
||||
background-color: #ffcbcc;
|
||||
}
|
||||
ul.colored-light [class*="youtube"] {
|
||||
background-color: #ffcbcc;
|
||||
}
|
||||
ul.colored-light [class*="instagram"] {
|
||||
background-color: #f7e2f3;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"]:hover {
|
||||
background-color: #3b5998;
|
||||
}
|
||||
ul.colored-light [class*="twitter"]:hover {
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
ul.colored-light [class*="google"]:hover {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="youtube"]:hover {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="instagram"]:hover {
|
||||
background-color: #bd32a2;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"] i {
|
||||
color: #3b5998;
|
||||
}
|
||||
ul.colored-light [class*="twitter"] i {
|
||||
color: #1da1f2;
|
||||
}
|
||||
ul.colored-light [class*="google"] i {
|
||||
color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="youtube"] i {
|
||||
color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="instagram"] i {
|
||||
color: #bd32a2;
|
||||
}
|
||||
ul.colored-light a:hover i{
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper theme-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div style=" padding-top: 100px;" class="ugf-content pt270">
|
||||
<a href="{{ route('shop.view.account.type') }}" class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Vamos! <span>Únete a nuestra plataforma</span></h2>
|
||||
|
||||
<p>Puedes registrarte llegando los siguientes pasos o a traves de una red social </p>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="form-group" style="">
|
||||
<ul class="list-inline social colored mb-4">
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'facebook']) --}}" class="facebook">
|
||||
<i class="lab la-facebook-f" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'google']) --}}" class="google">
|
||||
<i class="lab la-google" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'twitter']) --}}" class="twitter">
|
||||
<i class="lab la-twitter" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{{-- formulario con correo --}}
|
||||
|
||||
<form class="form-flex email-form was-validated" id="emailGroup" method="POST" action="{{ route('register.buyer.store') }}">
|
||||
@csrf
|
||||
|
||||
<div class="container">
|
||||
<div class="form-row col-md-9">
|
||||
<div class="form-group mb-4">
|
||||
<label for="email" id="emailLabel">Correo Electrónico</label>
|
||||
<input type="email" name="email" id="email" placeholder="{{ __('Email') }}" class="form-control email @error('email') is-invalid @enderror" value="{{ old('email') }}">
|
||||
<a id="phoneLink" style="text-decoration: underline; margin-left: 250px;" href="#" class="mb-3">Utilice el número de teléfono en su lugar</a>
|
||||
@error('email')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-4">
|
||||
<label for="password">Contraseña</label>
|
||||
<input type="password" name="password" id="password" placeholder="{{ __('Password') }}" class="form-control @error('password') is-invalid @enderror" id="inputPassword">
|
||||
@error('password')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-4">
|
||||
<label for="password_confirmation">Repetir Contraseña</label>
|
||||
<input type="password" name="password_confirmation" id="password_confirmation" placeholder="{{ __('Confirm Password') }}" class="form-control @error('password_confirmation') is-invalid @enderror">
|
||||
@error('password_confirmation')
|
||||
<div class="invalid-feedback">{{ $message }}</div>
|
||||
@enderror
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-4">
|
||||
{{-- {{ env('RECAPTCHA_SITE_KEY') }} --}}
|
||||
<div class="g-recaptcha" data-sitekey="6Le0OJsnAAAAALJsc4xJaNot1HfSmHpYgJYDzTYT"></div>
|
||||
@if ($errors->has('g-recaptcha-response'))
|
||||
<p style="font-size: 80%;" class="text-danger">{{ $errors->first('g-recaptcha-response') }}</p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="form-group mb-12 d-flex">
|
||||
<button id="" class="btn btn-primary btn-lg btn-block"><span>Iniciemos</span> <i class="las la-arrow-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
{{-- formulario con numero de telefono --}}
|
||||
|
||||
<form class="form-flex email-form" id="phoneGroup">
|
||||
|
||||
<div class="form-row col-md-9" >
|
||||
|
||||
<div class="form-group mb-4">
|
||||
<label for="inputMail" id="phoneLabel">Teléfono</label>
|
||||
<input type="number" placeholder="Teléfono" class="form-control phone" required>
|
||||
<a id="emailLink" style="text-decoration: underline; margin-left: 250px;" href="#">Utilice el correo electrónico en su lugar</a>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-4">
|
||||
<label for="inputPassword" id="password2">Contraseña</label>
|
||||
<input type="password" placeholder="Contraseña"
|
||||
class="form-control" id="inputPassword" required>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for="inputConfirmPassword" id="repitpassword2">Repetir Contraseña</label>
|
||||
<input type="password" placeholder="Repetir Contraseña"
|
||||
class="form-control" id="inputConfirmPassword" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-12 d-flex">
|
||||
<button id="" class="btn btn-primary btn-lg btn-block"><span>Iniciemos</span> <i class="las la-arrow-right"></i></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<div id="result"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alternet-access">
|
||||
<p>Ya tienes una cuenta?<a href="login.php"> Entra aqui!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<span>1</span>
|
||||
<p>Tipo de Cuenta</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>2</span>
|
||||
<p>Verificación de Inicio</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>3</span>
|
||||
<p>Confirmación de Datos</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
{{-- <script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/jquery.min.js') }}"></script> --}}
|
||||
<script src="https://code.jquery.com/jquery-3.7.0.min.js"
|
||||
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/popper.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/owl.carousel.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/custom.js') }}"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function() {
|
||||
// Ocultar el formulario de teléfono por defecto
|
||||
$("#phoneGroup").hide();
|
||||
|
||||
// Mostrar el formulario de correo electrónico al cargar la página
|
||||
$("#emailGroup").show();
|
||||
|
||||
// Manejar el evento de clic en el enlace "phoneLink"
|
||||
$("#phoneLink").click(function() {
|
||||
$("#phoneGroup").show();
|
||||
$("#emailGroup").hide();
|
||||
});
|
||||
|
||||
// Manejar el evento de clic en el enlace "emailLink"
|
||||
$("#emailLink").click(function() {
|
||||
$("#phoneGroup").hide();
|
||||
$("#emailGroup").show();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<php lang="en">
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
@@ -59,44 +59,44 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt340">
|
||||
<a href="{{ route('shop.view.register.email') }}" class="prev-page"> <i
|
||||
class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
{{-- <a href="" class="prev-page"> <i
|
||||
class="las la-arrow-left"></i> Volver Atrás</a> --}}
|
||||
|
||||
|
||||
|
||||
<h2>Verificación de correo electrónico</h2>
|
||||
<p>Por favor verifica tu dirección de correo electrónico <strong><a
|
||||
href="/cdn-cgi/l/email-protection" class="__cf_email__"
|
||||
data-cfemail="7e131f17123e1b061f130e121b501d1113">[email protected]</a></strong>
|
||||
<br> y coloca el código de verificación aqui!
|
||||
</p>
|
||||
<form class="form-flex email-verification-form">
|
||||
<div class="form-group mx-2">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1"
|
||||
style="border: 1px solid #E0E0E0">
|
||||
|
||||
|
||||
@if(!is_null($user) && !$user->email_verified_at)
|
||||
<p>Por favor verifica tu dirección de correo electrónico
|
||||
<strong>
|
||||
<a href="#" class="__cf_email__" data-cfemail="7e131f17123e1b061f130e121b501d1113">{{ $user->email }}</a>
|
||||
</strong>
|
||||
</p>
|
||||
@else
|
||||
<div class="alert alert-success" role="alert">
|
||||
Correo verificado correctamente.
|
||||
</div>
|
||||
<div class="form-group mx-2">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1"
|
||||
style="border: 1px solid #E0E0E0">
|
||||
</div>
|
||||
<div class="form-group mx-2">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1"
|
||||
style="border: 1px solid #E0E0E0">
|
||||
</div>
|
||||
<div class="form-group mx-2">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1"
|
||||
style="border: 1px solid #E0E0E0">
|
||||
</div>
|
||||
<div class="form-group mx-2">
|
||||
<input type="text" placeholder="0" class="form-control" maxlength="1"
|
||||
style="border: 1px solid #E0E0E0">
|
||||
</div>
|
||||
<a href="{{-- {{ route('shop.view.signup.complete') }} --}}" class="btn verifi-code"><span>Siguiente</span> <i
|
||||
class="las la-arrow-right"></i></a>
|
||||
</form>
|
||||
<p class="resend-code">No lo has recibido aún? <a href="#"> Reenviar código</a>
|
||||
</p>
|
||||
<a style="display: inline-block;
|
||||
padding: 10px 20px;
|
||||
background-color: #22b46b;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border-radius: 4px" href="{{ route('dashboard') }}">Continuar</a>
|
||||
@endif
|
||||
|
||||
|
||||
|
||||
|
||||
{{-- <p class="resend-code">No lo has recibido aún? <a href="#"> Reenviar código</a>
|
||||
</p> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alternet-access">
|
||||
<p><a href="{{ route('logout') }}">Cerrar sesión</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
@@ -133,150 +133,8 @@
|
||||
|
||||
<script href="{{ static_asset('assets/registrocomercio/registro-form/assets/js/custom.js') }}"></script>
|
||||
</body>
|
||||
</php>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
// Esperar a que el documento esté listo
|
||||
$(document).ready(function() {
|
||||
|
||||
var Toast = Swal.mixin({
|
||||
toast: true,
|
||||
position: 'top-end',
|
||||
showConfirmButton: false,
|
||||
timer: 3000
|
||||
});
|
||||
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
const inputs = document.querySelectorAll('.form-control');
|
||||
const maxLength = 1;
|
||||
|
||||
var correoElectronico = localStorage.getItem("correoElectronico");
|
||||
|
||||
inputs.forEach((input, index) => {
|
||||
input.addEventListener('keyup', (event) => {
|
||||
if (input.value.length >= maxLength) {
|
||||
if (index < inputs.length - 1) {
|
||||
inputs[index + 1].focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Asignar evento clic al botón
|
||||
var btnSubmit = $(".resend-code");
|
||||
// Asignar evento clic al botón
|
||||
btnSubmit.click(function(event) {
|
||||
event.preventDefault(); // Evitar el envío del formulario por defecto
|
||||
|
||||
// Obtener el valor del campo de correo electrónico
|
||||
|
||||
|
||||
// Validar si el campo de correo electrónico contiene un valor válido de correo
|
||||
// Hacer la solicitud AJAX usando jQuery
|
||||
$.ajax({
|
||||
url: "{{ route('api.user.register.email') }}", // URL de la API
|
||||
method: "POST",
|
||||
data: {
|
||||
email: correoElectronico
|
||||
}, // Datos a enviar en la solicitud POST
|
||||
dataType: "json", // Tipo de datos esperados en la respuesta
|
||||
success: function(response) {
|
||||
// Mostrar un mensaje con SweetAlert
|
||||
Toast.fire({
|
||||
icon: 'success',
|
||||
iconColor: 'white',
|
||||
background: '#53B96A',
|
||||
color: 'white',
|
||||
title: "Codigo Reenviado"
|
||||
});
|
||||
},
|
||||
error: function(error) {
|
||||
// Error en la solicitud, puedes manejar el error aquí
|
||||
console.error(error);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$('.verifi-code').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const inputs = document.querySelectorAll('.form-control');
|
||||
|
||||
// Verificar que todos los campos estén llenos
|
||||
var allFieldsFilled = true;
|
||||
inputs.forEach(input => {
|
||||
if (input.value.trim() === '') {
|
||||
allFieldsFilled = false;
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
if (!allFieldsFilled) {
|
||||
// Mostrar notificación si no todos los campos están llenos
|
||||
Toast.fire({
|
||||
icon: 'warning',
|
||||
iconColor: 'white',
|
||||
background: '#FFC107',
|
||||
color: 'white',
|
||||
title: "Rellene todos los campos"
|
||||
});
|
||||
} else {
|
||||
// Obtener los códigos ingresados
|
||||
var codes = '';
|
||||
inputs.forEach(input => {
|
||||
codes += input.value;
|
||||
});
|
||||
|
||||
// Hacer la solicitud AJAX usando jQuery
|
||||
$.ajax({
|
||||
url: "{{ route('api.user.verify.code') }}", // URL de la API para verificar códigos
|
||||
method: "POST",
|
||||
data: {
|
||||
email: correoElectronico,
|
||||
codes: codes,
|
||||
account_type : localStorage.getItem("account_type")
|
||||
|
||||
}, // Datos a enviar en la solicitud POST
|
||||
dataType: "json", // Tipo de datos esperados en la respuesta
|
||||
success: function(response) {
|
||||
// Después de realizar la solicitud AJAX exitosa
|
||||
Toast.fire({
|
||||
icon: 'success',
|
||||
iconColor: 'white',
|
||||
background: '#53B96A',
|
||||
color: 'white',
|
||||
title: "Código enviado"
|
||||
});
|
||||
|
||||
window.location.href = "{{ route('shop.view.signup.complete') }}";
|
||||
},
|
||||
error: function(error) {
|
||||
// Error en la solicitud, puedes manejar el error aquí
|
||||
console.error(error);
|
||||
|
||||
// Obtener el mensaje de error de la respuesta JSON si está presente
|
||||
var errorMessage = error.responseJSON && error.responseJSON
|
||||
.message ? error.responseJSON.message : "Error desconocido";
|
||||
|
||||
// Mostrar notificación de error con el mensaje personalizado
|
||||
Toast.fire({
|
||||
icon: 'error',
|
||||
iconColor: 'white',
|
||||
background: '#FF0000',
|
||||
color: 'white',
|
||||
title: errorMessage
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<php lang="en">
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
@@ -112,7 +112,7 @@
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/custom.js') }}"></script>
|
||||
|
||||
</body>
|
||||
</php>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
// Esperar a que el documento esté listo
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<php lang="en">
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
@@ -57,7 +57,8 @@
|
||||
<h2>Tu Registro fue Completado!</h2>
|
||||
<p>Bienvenido a La Pieza.DO, en breve nuestro departamento de servicios te enviara un email con todos
|
||||
los detalles de tu cuenta y la confirmación de tu registro.</p>
|
||||
<a id="panel-link" class="btn" href="">Ir al Panel</a>
|
||||
<a id="panel-link" class="btn" href="{{ route('dashboard') }}">Ir al Panel</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -82,21 +83,6 @@
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var accountType = localStorage.getItem("account_type");
|
||||
|
||||
if (accountType === "seller") {
|
||||
$("#panel-link").text("Ir al Panel de Negocio");
|
||||
// Cambia la siguiente línea con la ruta correcta para el panel de vendedor
|
||||
$("#panel-link").attr("href", "https://devs.lapieza.net/seller/login");
|
||||
} else if (accountType === "customer") {
|
||||
$("#panel-link").text("Ir al Panel de Comprador");
|
||||
// Cambia la siguiente línea con la ruta correcta para el panel de comprador
|
||||
$("#panel-link").attr("href", "https://devs.lapieza.net/users/login");
|
||||
} else {
|
||||
$("#panel-link").text("Ir al Panel");
|
||||
$("#panel-link").attr("href", "#");
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
</php>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,337 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<title>La Pieza.DO | Registro</title>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/bootstrap.min.css') }}">
|
||||
|
||||
<!-- External Css -->
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/line-awesome.min.css') }}">
|
||||
<link rel="stylesheet"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/owl.carousel.min.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">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/main.css') }}">
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/css/theme-1.css') }}">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/favicon.png') }}">
|
||||
<link rel="apple-touch-icon"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/apple-touch-icon.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="72x72"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/icon-72x72.png') }}">
|
||||
<link rel="apple-touch-icon" sizes="114x114"
|
||||
href="{{ static_asset('assets/registrocomercio/registro-form/assets/images/icon-114x114.png') }}">
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
/*social icon colored*/
|
||||
ul.social a {
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50em;
|
||||
line-height: 43px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
background-color: #d5d5df;
|
||||
}
|
||||
ul.social-md a {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50em;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
background-color: #d5d5df;
|
||||
}
|
||||
ul.social a:hover {
|
||||
-webkit-transform: translateY(-3px);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
ul.social i {
|
||||
color: #171727;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
ul.social a:hover i{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul.social.colored i {
|
||||
color: #fff;
|
||||
}
|
||||
ul.social [class*="facebook"]:hover,
|
||||
ul.social.colored [class*="facebook"] {
|
||||
background-color: #3b5998;
|
||||
}
|
||||
ul.social [class*="twitter"]:hover,
|
||||
ul.social.colored [class*="twitter"] {
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
ul.social [class*="google"]:hover,
|
||||
ul.social.colored [class*="google"] {
|
||||
background-color: #e62833;
|
||||
}
|
||||
ul.social.colored [class*="apple"] {
|
||||
background-color: #141414;
|
||||
}
|
||||
ul.social [class*="youtube"]:hover,
|
||||
ul.social.colored [class*="youtube"] {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.social [class*="instagram"]:hover,
|
||||
ul.social.colored [class*="instagram"] {
|
||||
background-color: #bd32a2;
|
||||
}
|
||||
ul.social [class*="tripadvisor"]:hover,
|
||||
ul.social.colored [class*="tripadvisor"] {
|
||||
background-color: #32da9d;
|
||||
}
|
||||
ul.social [class*="linkedin"]:hover,
|
||||
ul.social.colored [class*="linkedin"] {
|
||||
background-color: #0070ac;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"] {
|
||||
background-color: #c2d9fd;
|
||||
}
|
||||
ul.colored-light [class*="twitter"] {
|
||||
background-color: #ace5f3;
|
||||
}
|
||||
ul.colored-light [class*="google"] {
|
||||
background-color: #ffcbcc;
|
||||
}
|
||||
ul.colored-light [class*="youtube"] {
|
||||
background-color: #ffcbcc;
|
||||
}
|
||||
ul.colored-light [class*="instagram"] {
|
||||
background-color: #f7e2f3;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"]:hover {
|
||||
background-color: #3b5998;
|
||||
}
|
||||
ul.colored-light [class*="twitter"]:hover {
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
ul.colored-light [class*="google"]:hover {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="youtube"]:hover {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="instagram"]:hover {
|
||||
background-color: #bd32a2;
|
||||
}
|
||||
|
||||
ul.colored-light [class*="facebook"] i {
|
||||
color: #3b5998;
|
||||
}
|
||||
ul.colored-light [class*="twitter"] i {
|
||||
color: #1da1f2;
|
||||
}
|
||||
ul.colored-light [class*="google"] i {
|
||||
color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="youtube"] i {
|
||||
color: #ff0000;
|
||||
}
|
||||
ul.colored-light [class*="instagram"] i {
|
||||
color: #bd32a2;
|
||||
}
|
||||
ul.colored-light a:hover i{
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="ugf-wrapper theme-bg">
|
||||
<div class="ugf-content-block">
|
||||
<div class="logo">
|
||||
|
||||
</div>
|
||||
<div class="container-md">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 offset-lg-5 p-sm-0">
|
||||
<div class="ugf-content pt270">
|
||||
<a href="{{ route('shop.view.account.type') }}" class="prev-page"> <i class="las la-arrow-left"></i> Volver Atrás</a>
|
||||
<h2>Vamos! <span>Únete a nuestra plataforma</span></h2>
|
||||
|
||||
<p>Puedes registrarte llegando los siguientes pasos o a traves de una red social </p>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="form-group" style="">
|
||||
<ul class="list-inline social colored mb-4">
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'facebook']) --}}" class="facebook">
|
||||
<i class="lab la-facebook-f" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'google']) --}}" class="google">
|
||||
<i class="lab la-google" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="list-inline-item">
|
||||
<a href="{{-- route('social.login', ['provider' => 'twitter']) --}}" class="twitter">
|
||||
<i class="lab la-twitter" style="position: relative;top: 5px;"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{{-- formulario con correo --}}
|
||||
|
||||
<form class="form-flex email-form" id="emailGroup">
|
||||
|
||||
<div class="form-row col-md-9">
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputMail" id="emailLabel">Correo Electrónico</label>
|
||||
<input type="email" placeholder="micorreo@email.com" class="form-control email" required>
|
||||
<a id="phoneLink" style="text-decoration: underline; margin-left: 250px;" href="#">Utilice el número de teléfono en su lugar</a>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputPassword">Contraseña</label>
|
||||
<input type="password" placeholder="Contraseña"
|
||||
class="form-control" id="inputPassword" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputConfirmPassword">Repetir Contraseña</label>
|
||||
<input type="password" placeholder="Repetir Contraseña"
|
||||
class="form-control" id="inputConfirmPassword" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button id="btnSubmit btnSubmitEmail" class="btn"><span>Iniciemos</span> <i
|
||||
class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
|
||||
{{-- formulario con numero de telefono --}}
|
||||
|
||||
<form class="form-flex email-form" id="phoneGroup">
|
||||
|
||||
<div class="form-row col-md-9" >
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputMail" id="phoneLabel">Teléfono</label>
|
||||
<input type="number" placeholder="Teléfono" class="form-control phone" required>
|
||||
<a id="emailLink" style="text-decoration: underline; margin-left: 250px;" href="#">Utilice el correo electrónico en su lugar</a>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="inputPassword" id="password2">Contraseña</label>
|
||||
<input type="password" placeholder="Contraseña"
|
||||
class="form-control" id="inputPassword" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputConfirmPassword" id="repitpassword2">Repetir Contraseña</label>
|
||||
<input type="password" placeholder="Repetir Contraseña"
|
||||
class="form-control" id="inputConfirmPassword" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button id="btnSubmit btnSubmitPhone" class="btn"><span>Iniciemos</span> <i
|
||||
class="las la-arrow-right"></i></button>
|
||||
</form>
|
||||
|
||||
|
||||
<div id="result"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alternet-access">
|
||||
<p>Ya tienes una cuenta?<a href="login.php"> Entra aqui!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ugf-sidebar flex-bottom ugf-sidebar-bg-2 sidebar-steps">
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<span>1</span>
|
||||
<p>Tipo de Cuenta</p>
|
||||
</div>
|
||||
<div class="step step-onprocess">
|
||||
<span>2</span>
|
||||
<p>Verificación de Inicio</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<span>3</span>
|
||||
<p>Confirmación de Datos</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
{{-- <script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/jquery.min.js') }}"></script> --}}
|
||||
<script src="https://code.jquery.com/jquery-3.7.0.min.js"
|
||||
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/popper.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/owl.carousel.min.js') }}"></script>
|
||||
<script src="{{ static_asset('assets/registrocomercio/registro-form/assets/js/custom.js') }}"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function() {
|
||||
// Ocultar el formulario de teléfono por defecto
|
||||
$("#phoneGroup").hide();
|
||||
|
||||
// Mostrar el formulario de correo electrónico al cargar la página
|
||||
$("#emailGroup").show();
|
||||
|
||||
// Manejar el evento de clic en el enlace "phoneLink"
|
||||
$("#phoneLink").click(function() {
|
||||
$("#phoneGroup").show();
|
||||
$("#emailGroup").hide();
|
||||
});
|
||||
|
||||
// Manejar el evento de clic en el enlace "emailLink"
|
||||
$("#emailLink").click(function() {
|
||||
$("#phoneGroup").hide();
|
||||
$("#emailGroup").show();
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user