registrar usuario de tipo comprador, comente algunas cosas del codigo
This commit is contained in:
Jose Sanchez
@@ -1,64 +1,549 @@
|
||||
@extends('backend.layouts.blank')
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
@section('content')
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>La Pieza.DO | Todo lo que buscas!</title>
|
||||
|
||||
<!-- Font Awesome Style Link -->
|
||||
<link rel="stylesheet" href="{{ static_asset('assets/registrocomercio/css/icofont.min.css') }}">
|
||||
<!-- Owl-Carousel Style Link -->
|
||||
<link rel="stylesheet" href="{{ static_asset('assets/registrocomercio/css/owl.carousel.min.css') }}">
|
||||
<!-- Bootstrap Style Link -->
|
||||
<link rel="stylesheet" href="{{ static_asset('assets/registrocomercio/css/bootstrap.min.css') }}">
|
||||
<!-- Aos Style Link -->
|
||||
<link rel="stylesheet" href="{{ static_asset('assets/registrocomercio/css/aos.css') }}">
|
||||
<!-- Custom Style Link -->
|
||||
<link rel="stylesheet" href="{{ static_asset('assets/registrocomercio/css/style.css') }}">
|
||||
<!-- Responsive Style Link -->
|
||||
<link rel="stylesheet" href="{{ static_asset('assets/registrocomercio/css/responsive.css') }}">
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="{{ static_asset('assets/registrocomercio/img/favicon.png') }}" type="image/x-icon">
|
||||
|
||||
{{-- <link rel="stylesheet" href="{{ static_asset('assets/registrocomercio/style.css') }}"> --}}
|
||||
|
||||
|
||||
<div class="h-100 bg-cover bg-center py-5 d-flex align-items-center" style="background-image: url({{ uploaded_asset(get_setting('admin_login_background')) }})">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-xl-4 mx-auto">
|
||||
<div class="card text-left">
|
||||
<div class="card-header">{{ translate('Create a New Account') }}</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('register') }}">
|
||||
@csrf
|
||||
</head>
|
||||
|
||||
<div class="form-group">
|
||||
<input id="name" type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" value="{{ old('name') }}" required autofocus placeholder="{{ translate('Full Name') }}">
|
||||
<body>
|
||||
|
||||
@if ($errors->has('name'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('name') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
<!-- Page-wrapper-Start -->
|
||||
<div class="page_wrapper">
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader">
|
||||
<div id="loader"></div>
|
||||
</div>
|
||||
|
||||
<!-- Header Start -->
|
||||
|
||||
|
||||
<!-- Banner-Section-Start -->
|
||||
<section class="banner_section">
|
||||
<!-- hero bg -->
|
||||
<div class="hero_bg"> <img src="{{ static_asset('assets/registrocomercio/images/hero-bg.png') }}" alt="image"> </div>
|
||||
<!-- container start -->
|
||||
<div class="container">
|
||||
<!-- row start -->
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12" data-aos="fade-right" data-aos-duration="1500">
|
||||
<!-- banner text -->
|
||||
<div class="banner_text">
|
||||
<!-- h1 -->
|
||||
<h1> Bienvenido a <br><span style="color: black;">La Pieza.<span
|
||||
style="color: #E63108;">DO</span></span></h1>
|
||||
<!-- p -->
|
||||
<p style="color: black;"><span style="color: #003b73;">Vende, factura, organiza tu
|
||||
inventario y recibe pagos en línea.</span>Tenemos las herramientas para que tu
|
||||
negocio crezca.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="trial_box">
|
||||
<!-- form -->
|
||||
<form action="" data-aos="fade-in" data-aos-duration="1500"
|
||||
data-aos-delay="100">
|
||||
<!-- <div class="form-group">
|
||||
<input type="email" class="form-control" placeholder="Enter your email">
|
||||
</div> -->
|
||||
<div class="form-group">
|
||||
<a href="{{ route('shop.view.account.type') }}" class="btn">COMIENZA AQUI!</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- list -->
|
||||
<div class="trial_box_list">
|
||||
<ul>
|
||||
<li><i class="icofont-check-circled"></i> Registrate Gratis!</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!-- banner images start -->
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-in" data-aos-duration="1500">
|
||||
<div class="banner_images image_box1">
|
||||
<span class="banner_image1"> <img class="moving_position_animatin"
|
||||
src="{{ static_asset('assets/registrocomercio/images/bannerimage1.png') }}" alt="image"> </span>
|
||||
<span class="banner_image2"> <img class="moving_animation" src="{{ static_asset('assets/registrocomercio/images/bannerimage2.png') }} "
|
||||
alt="image"> </span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-in" data-aos-duration="1500">
|
||||
<div class="banner_images image_box2">
|
||||
<span class="banner_image3"> <img class="moving_animation" src="{{ static_asset('assets/registrocomercio/images/bannerimage3.png') }} "
|
||||
alt="image"> </span>
|
||||
<span class="banner_image4"> <img class="moving_position_animatin"
|
||||
src="{{ static_asset('assets/registrocomercio/images/bannerimage4.png') }} " alt="image"> </span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner slides end -->
|
||||
|
||||
</div>
|
||||
<!-- row end -->
|
||||
</div>
|
||||
<!-- container end -->
|
||||
</section>
|
||||
<!-- Banner-Section-end -->
|
||||
|
||||
<!-- Features-Section-Start -->
|
||||
<section class="row_am features_section" id="features">
|
||||
<!-- section bg -->
|
||||
<div class="feature_section_bg"> <img src="{{ static_asset('assets/registrocomercio/images/hero-red-bg.png') }} " alt="image"> </div>
|
||||
<!-- container start -->
|
||||
<div class="container">
|
||||
<div class="features_inner">
|
||||
|
||||
<!-- feature image -->
|
||||
|
||||
|
||||
<div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
|
||||
<!-- h2 -->
|
||||
<h2 style="color:#003b73"><span style="color: black;">Lo</span style="color: #003b73;"> que hace
|
||||
de <span style="color: black;">La Pieza.<span style="color: #E63108;">DO</span></span><br>
|
||||
una opción única!</h2>
|
||||
<!-- p -->
|
||||
<p>Maneja tu inventario, recibe pagos, factura y vende en linea<br> de la manera segura y
|
||||
efectiva.</p>
|
||||
</div>
|
||||
|
||||
<!-- story -->
|
||||
<div class="features_block">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="feature_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div class="image">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/secure_data.png') }} " alt="image">
|
||||
</div>
|
||||
<div class="text">
|
||||
<h4>Datos Seguros</h4>
|
||||
<p>Contamos con los estándares internacionales de seguridad y SSL.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required placeholder="{{ translate('password') }}">
|
||||
|
||||
@if ($errors->has('password'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('password') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
<div class="col-md-3">
|
||||
<div class="feature_box" data-aos="fade-up" data-aos-duration="1700">
|
||||
<div class="image">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/functional.png') }} " alt="image">
|
||||
</div>
|
||||
<div class="text">
|
||||
<h4>Automatización de Servicios</h4>
|
||||
<p>Simple para vender, simple para ganar, Todo automatizado.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required placeholder="{{ translate('Email') }}">
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<span class="invalid-feedback" role="alert">
|
||||
<strong>{{ $errors->first('email') }}</strong>
|
||||
</span>
|
||||
@endif
|
||||
<div class="col-md-3">
|
||||
<div class="feature_box" data-aos="fade-up" data-aos-duration="1900">
|
||||
<div class="image">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/live-chat.png') }} " alt="image">
|
||||
</div>
|
||||
<div class="text">
|
||||
<h4>Inteligencia Artificial</h4>
|
||||
<p>Para conocer el comportamiento de compra de tus clientes y ofrecerles lo
|
||||
mejor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input id="password-confirm" type="password" class="form-control" name="password_confirmation" required placeholder="{{ translate('Confrim Password') }}">
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="feature_box" data-aos="fade-up" data-aos-duration="1900">
|
||||
<div class="image">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/support.png') }} " alt="image">
|
||||
</div>
|
||||
<div class="text">
|
||||
<h4>Tu inventario en linea</h4>
|
||||
<p>Te ayudamos a organizar tu inventario, ponerlo en línea y a vender!.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="checkbox pad-btm text-left">
|
||||
<input id="demo-form-checkbox" class="magic-checkbox" type="checkbox" required>
|
||||
<label for="demo-form-checkbox">{{translate('I agree with the Terms and Conditions')}}</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- container end -->
|
||||
</section>
|
||||
<!-- Features-Section-end -->
|
||||
|
||||
<!-- About-App-Section-Start -->
|
||||
<section class="row_am about_app_section">
|
||||
<!-- container start -->
|
||||
<div class="container">
|
||||
<!-- row start -->
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
|
||||
<!-- about images -->
|
||||
<!-- <div class="about_img" data-aos="fade-in" data-aos-duration="1500">
|
||||
<div class="frame_img">
|
||||
<img class="moving_position_animatin" src="{{ static_asset('assets/registrocomercio/images/about-frame.png') }} " alt="image" >
|
||||
</div>
|
||||
<div class="screen_img">
|
||||
<img class="moving_animation" src="{{ static_asset('assets/registrocomercio/images/about-screen.png') }} " alt="image" >
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
|
||||
<!-- about text -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- row end -->
|
||||
</div>
|
||||
<!-- container end -->
|
||||
</section>
|
||||
<!-- About-App-Section-end -->
|
||||
|
||||
<!-- ModernUI-Section-Start -->
|
||||
<section class="row_am modern_ui_section">
|
||||
<!-- section bg -->
|
||||
<div class="modernui_section_bg"> <img src="{{ static_asset('assets/registrocomercio/images/hero-bg.png') }} " alt="image"> </div>
|
||||
<!-- container start -->
|
||||
<div class="container">
|
||||
<!-- row start -->
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<!-- UI content -->
|
||||
<div class="ui_text">
|
||||
<div class="section_title" data-aos="fade-up" data-aos-duration="1500"
|
||||
data-aos-delay="100">
|
||||
<h2>Diseño moderno<br> <span style="color: #003b73">y pensado para ti!</span></h2>
|
||||
<p>
|
||||
Nuestra misión es que tengas una herramienta que te permita realizar tus ventas de
|
||||
forma rápida y segura y súper fácil de usar.
|
||||
</p>
|
||||
</div>
|
||||
<ul class="design_block">
|
||||
<li data-aos="fade-up" data-aos-duration="1500">
|
||||
<h4>Fácil Acceso</h4>
|
||||
<p>Solo tienes que poner tu email, teléfono, facebook o instagram, tu contraseña y
|
||||
¡listo!.</p>
|
||||
</li>
|
||||
<li data-aos="fade-up" data-aos-duration="1500">
|
||||
<h4>Sincronice con su sistema en la computadora</h4>
|
||||
<p>Cuando estés en línea, todo se sincroniza en tu computadora, para que puedas
|
||||
acceder a tu negocio desde cualquier lugar.</p>
|
||||
</li>
|
||||
<li data-aos="fade-up" data-aos-duration="1500">
|
||||
<h4>Tu inventario a la mano</h4>
|
||||
<p>Tenemos la gestión de inventario para ti desde tu móvil o computadora, todo con
|
||||
un solo clic.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<!-- UI Image -->
|
||||
<div class="ui_images" data-aos="fade-in" data-aos-duration="1500">
|
||||
<div class="left_img">
|
||||
<img class="moving_position_animatin" src="{{ static_asset('assets/registrocomercio/images/modern01.png') }} " alt="image">
|
||||
</div>
|
||||
<!-- UI Image -->
|
||||
<div class="right_img">
|
||||
<img class="moving_position_animatin" src="{{ static_asset('assets/registrocomercio/images/shield_icon.png') }} " alt="image">
|
||||
<img class="moving_position_animatin" src="{{ static_asset('assets/registrocomercio/images/modern02.png') }} " alt="image">
|
||||
<img class="moving_position_animatin" src="{{ static_asset('assets/registrocomercio/images/modern03.png') }} " alt="image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- row end -->
|
||||
</div>
|
||||
<!-- container end -->
|
||||
</section>
|
||||
<!-- ModernUI-Section-end -->
|
||||
|
||||
<!-- How-It-Workes-Section-Start -->
|
||||
<section class="row_am how_it_works" id="how_it_work">
|
||||
<!-- section bg -->
|
||||
<div class="how_section_bg"> <img src="{{ static_asset('assets/registrocomercio/images/hero-red-bg.png') }} " alt="image"> </div>
|
||||
<!-- container start -->
|
||||
<div class="container">
|
||||
<div class="how_it_inner">
|
||||
<div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
|
||||
<!-- h2 -->
|
||||
<h2><span style="color: #003b73">Cómo funciona <span style="color: black;">La Pieza.<span
|
||||
style="color: #E63108;">DO</span></span> en 3 sencillos pasos</h2>
|
||||
<!-- p -->
|
||||
<p>Usar <span style="color: black;">La Pieza.<span style="color: #E63108;">DO</span> es súper
|
||||
fácil, solo sigue estos pasos.</p>
|
||||
</div>
|
||||
<div class="step_block">
|
||||
<!-- UL -->
|
||||
<ul>
|
||||
<!-- step -->
|
||||
<li>
|
||||
<div class="step_text" data-aos="fade-right" data-aos-duration="1500">
|
||||
<h4>Descarga la app</h4>
|
||||
<div class="app_icon">
|
||||
<a href="#"><i class="icofont-brand-android-robot"></i></a>
|
||||
<a href="#"><i class="icofont-brand-apple"></i></a>
|
||||
|
||||
</div>
|
||||
<p>Descarga la App en Google Play o Play Store</p>
|
||||
</div>
|
||||
<div class="step_number number1">
|
||||
<h3>01</h3>
|
||||
</div>
|
||||
<div class="step_img" data-aos="fade-left" data-aos-duration="1500">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/download_app.jpg') }} " alt="image">
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- step -->
|
||||
<li>
|
||||
<div class="step_text" data-aos="fade-left" data-aos-duration="1500">
|
||||
<h4>Registrate y crea una cuenta</h4>
|
||||
<span>Totalmente Gratis!</span>
|
||||
<p>Inicia sesión en la aplicación o en tu computadora. Una cuenta para todos los
|
||||
dispositivos.</p>
|
||||
</div>
|
||||
<div class="step_number number2">
|
||||
<h3>02</h3>
|
||||
</div>
|
||||
<div class="step_img" data-aos="fade-right" data-aos-duration="1500">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/create_account.jpg') }} " alt="image">
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- step -->
|
||||
<li>
|
||||
<div class="step_text" data-aos="fade-right" data-aos-duration="1500">
|
||||
<h4>Todo listo disfruta la app!</h4>
|
||||
<span>Si tienes alguna pregunta visita <a href="#">FAQs.</a></span>
|
||||
<p>Obten la experiencia más increíble. <br> Explora y comparte la app.</p>
|
||||
</div>
|
||||
<div class="step_number number3">
|
||||
<h3>03</h3>
|
||||
</div>
|
||||
<div class="step_img" data-aos="fade-left" data-aos-duration="1500">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/enjoy_app.jpg') }} " alt="image">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- container end -->
|
||||
</section>
|
||||
<!-- FAQ-Section start -->
|
||||
<section class="row_am faq_section">
|
||||
<!-- section bg -->
|
||||
<div class="faq_bg"> <img src="{{ static_asset('assets/registrocomercio/images/hero-bg.png') }} " alt="image"> </div>
|
||||
<!-- container start -->
|
||||
<div class="container">
|
||||
<div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
|
||||
<!-- h2 -->
|
||||
<h2><span>FAQ</span> - Preguntas Frecuentes</h2>
|
||||
<!-- p -->
|
||||
<p>Aqui tenemos todas las respuestas a tus preguntas con respecto al uso de <span
|
||||
style="color: black;">La Pieza.<span style="color: #E63108;">DO</span></span>. Aquí podrás
|
||||
encontrar respuestas rápidas para que puedas utilizar la aplicación.</p>
|
||||
</div>
|
||||
<!-- faq data -->
|
||||
<div class="faq_panel">
|
||||
<div class="accordion" id="accordionExample">
|
||||
<div class="card" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div class="card-header" id="headingOne">
|
||||
<h2 class="mb-0">
|
||||
<button type="button" class="btn btn-link active" data-toggle="collapse"
|
||||
data-target="#collapseOne">
|
||||
<i class="icon_faq icofont-plus"></i></i> Cómo puedo subir mi
|
||||
inventario?</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
|
||||
data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem
|
||||
Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a
|
||||
galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen
|
||||
turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div class="card-header" id="headingTwo">
|
||||
<h2 class="mb-0">
|
||||
<button type="button" class="btn btn-link collapsed" data-toggle="collapse"
|
||||
data-target="#collapseTwo"><i class="icon_faq icofont-plus"></i></i> Cómo
|
||||
configuro mi cuenta ?</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
|
||||
data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem
|
||||
Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a
|
||||
galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen
|
||||
turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div class="card-header" id="headingThree">
|
||||
<h2 class="mb-0">
|
||||
<button type="button" class="btn btn-link collapsed" data-toggle="collapse"
|
||||
data-target="#collapseThree"><i class="icon_faq icofont-plus"></i></i>Cuál es
|
||||
el proceso para solicitar un reembolso
|
||||
?</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseThree" class="collapse" aria-labelledby="headingThree"
|
||||
data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem
|
||||
Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a
|
||||
galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen
|
||||
turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div class="card-header" id="headingFour">
|
||||
<h2 class="mb-0">
|
||||
<button type="button" class="btn btn-link collapsed" data-toggle="collapse"
|
||||
data-target="#collapseFour"><i class="icon_faq icofont-plus"></i></i>Como
|
||||
registro mis productos
|
||||
?</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseFour" class="collapse" aria-labelledby="headingFour"
|
||||
data-parent="#accordionExample">
|
||||
<div class="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem
|
||||
Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a
|
||||
galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen
|
||||
turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary btn-lg btn-block">
|
||||
{{ translate('Register') }}
|
||||
</button>
|
||||
</form>
|
||||
<div class="mt-3">
|
||||
{{translate('Already have an account')}} ? <a href="{{route('login')}}" class="btn-link mar-rgt text-bold">{{translate('Sign In')}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- container end -->
|
||||
</section>
|
||||
<!-- FAQ-Section end -->
|
||||
|
||||
@endsection
|
||||
<section class="row_am free_app_section" id="getstarted">
|
||||
<!-- container start -->
|
||||
<div class="container">
|
||||
<div class="free_app_inner" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
|
||||
<!-- row start -->
|
||||
<div class="row">
|
||||
<!-- content -->
|
||||
<div class="col-md-6">
|
||||
<div class="free_text">
|
||||
<div class="section_title">
|
||||
<h2>Descargala grátis para Android y Apple</h2>
|
||||
<p>Descarga nuestra app y sácale provecho a tu negocio en línea. Registrate y
|
||||
descubre lo nuevo que tenemos para ti.</p>
|
||||
</div>
|
||||
<ul class="app_btn">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/appstore_blue.png') }} " alt="image">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/googleplay_blue.png') }} " alt="image">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- images -->
|
||||
<div class="col-md-6">
|
||||
<div class="free_img">
|
||||
<img src="{{ static_asset('assets/registrocomercio/images/download-screen01.png') }} " alt="image">
|
||||
<img class="mobile_mockup" src="{{ static_asset('assets/registrocomercio/images/download-screen02.png') }} " alt="image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- row end -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- container end -->
|
||||
</section>
|
||||
<!-- Download-Free-App-section-end -->
|
||||
|
||||
<!-- Story-Section-Start -->
|
||||
|
||||
<footer>
|
||||
<!-- go top button -->
|
||||
<div class="go_top">
|
||||
<span><img src="{{ static_asset('assets/registrocomercio/images/go_top.png') }} " alt="image"></span>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Footer-Section end -->
|
||||
|
||||
<!-- VIDEO MODAL -->
|
||||
|
||||
|
||||
<div class="purple_backdrop"></div>
|
||||
|
||||
</div>
|
||||
<!-- Page-wrapper-End -->
|
||||
|
||||
<!-- Jquery-js-Link -->
|
||||
<script src="{{ static_asset('assets/registrocomercio/js/jquery.js') }}"></script>
|
||||
<!-- owl-js-Link -->
|
||||
<script src="{{ static_asset('assets/registrocomercio/js/owl.carousel.min.js') }}"></script>
|
||||
<!-- bootstrap-js-Link -->
|
||||
<script src="{{ static_asset('assets/registrocomercio/js/bootstrap.min.js') }}"></script>
|
||||
<!-- aos-js-Link -->
|
||||
<script src="{{ static_asset('assets/registrocomercio/js/aos.js') }}"></script>
|
||||
<!-- main-js-Link -->
|
||||
<script src="{{ static_asset('assets/registrocomercio/js/main.js') }}"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e8ebef">
|
||||
{{-- <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e8ebef">
|
||||
@php
|
||||
$logo = get_setting('header_logo');
|
||||
@endphp
|
||||
@@ -73,4 +73,4 @@
|
||||
<!-- END Container -->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</table> --}}
|
||||
|
||||
156
resources/views/emails/verification_user.blade.php
Normal file
156
resources/views/emails/verification_user.blade.php
Normal file
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="color-scheme" content="light">
|
||||
<meta name="supported-color-schemes" content="light">
|
||||
|
||||
<style>
|
||||
@media only screen and (max-width: 600px) {
|
||||
.inner-body {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.button {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
||||
|
||||
|
||||
@props(['url'])
|
||||
|
||||
|
||||
<tr>
|
||||
<td class="header">
|
||||
<a href="{{-- $url --}}" style="display: inline-block;">
|
||||
|
||||
{{-- <img src="https://laravel.com/img/notification-logo.png" class="logo" alt="Laravel Logo"> --}}
|
||||
{{-- <img src="{{ \Illuminate\Support\Facades\Storage::url($system_email->cover->url) }}" class="logo" alt="Abrevius Logo"> --}}
|
||||
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<!-- Email Body -->
|
||||
<tr>
|
||||
<td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
|
||||
<table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<!-- Body content -->
|
||||
<tr>
|
||||
<td class="content-cell">
|
||||
|
||||
|
||||
{{-- VERIFICACION DE CUENTA --}}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td style="font-size: 18px;">
|
||||
<a href="{{ route('verification.verify', ['id' => $user->id, 'hash' => $user->confirmation_code]) }}" class="button button-primary" target="_blank" rel="noopener">Confirme su dirección de correo electrónico</a>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td style="font-size: 18px;">
|
||||
Si no creó una cuenta, no se requiere ninguna otra acción.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 18px; height: 20px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 18px;">
|
||||
Saludos,
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 18px;">
|
||||
{{ config('app.name') }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table class="subcopy" width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td style="font-size: 18px; height: 20px;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-size: 15px;">
|
||||
Si tiene problemas para hacer clic en el botón "Dirección verificación de correo electrónico", copie y pegue la URL a continuación en su navegador web: {{ url('verify/' . $user->confirmation_code) }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
|
||||
<tr>
|
||||
<td class="content-cell" align="center">
|
||||
|
||||
© {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -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