Initial commit
This commit is contained in:
Lizandro Guarnizo
@@ -0,0 +1,88 @@
|
||||
<div class="max-w-5xl mx-auto p-8">
|
||||
<div class="section-title flex items-center mb-6">
|
||||
<span class="w-1 h-10 bg-blue-800 mr-4"></span>
|
||||
<h2 class="text-3xl font-bold text-gray-800">
|
||||
Oficina Virtual Gases del Oriente
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<p class="mb-12">
|
||||
Bienvenid@ a la Oficina Virtual de Gases del Oriente SA ESP. Si ya está registrado(a), puede
|
||||
iniciar sesión con el Usuario y Contraseña asignados durante el registro. Si aún no tiene Usuario y Contraseña,
|
||||
es necesario registrarse según las acciones que desee realizar.
|
||||
</p>
|
||||
<div class="relative w-full max-w-5xl bg-white shadow-lg rounded-[35px] overflow-hidden">
|
||||
<div class="relative w-full h-0 pb-[120%] md:pb-[60%] lg:pb-[50%]"> <!-- Aspect ratio box -->
|
||||
<img src="/img/img20.webp" alt="Background Image"
|
||||
class="absolute inset-0 w-full h-full object-cover rounded-[35px]">
|
||||
<div class="absolute inset-0 z-10 flex flex-col justify-center p-8 lg:max-w-md lg:ml-8">
|
||||
<h1 class="text-2xl lg:text-4xl font-bold mb-6 text-[#404e7b] text-center">Iniciar sesión</h1>
|
||||
<form action="/do/login" method="POST">
|
||||
<div class="mb-4">
|
||||
<label for="email" class="block text-md font-medium text-gray-700">Correo electrónico</label>
|
||||
<input type="email" id="email" required name="email"
|
||||
class="mt-1 block w-full px-3 py-3 lg:py-4 rounded-xl shadow-[0_5px_25px_rgba(0,0,0,0.1)]"
|
||||
placeholder="Ingrese su correo electrónico" />
|
||||
</div>
|
||||
<div class="mb-8">
|
||||
<label for="password" class="block text-md font-medium text-gray-700">Contraseña</label>
|
||||
<input type="password" id="password" name="password" required
|
||||
class="mt-1 block w-full px-3 py-3 lg:py-4 rounded-xl shadow-[0_5px_25px_rgba(0,0,0,0.1)]"
|
||||
placeholder="Ingrese su contraseña" />
|
||||
</div>
|
||||
<a href="/request-password-reset" class="text-black">¿Olvidaste tu contraseña?</a>
|
||||
<div class="flex justify-center">
|
||||
<button type="{{.Type}}" class="primary-button py-2 px-5 bg-[#284c91] text-white font-medium rounded shadow-sm">
|
||||
Iniciar sesión
|
||||
</button>
|
||||
|
||||
|
||||
{{if .error}}
|
||||
<p class="text-red-300">{{.message}}</p>
|
||||
{{end}}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-5xl mx-auto p-8 mb-8">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div class="flex flex-col">
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="w-1 h-16 bg-[#274e93] mr-2"></div>
|
||||
<h2 class="text-3xl font-bold text-gray-800">Registrarse Como Usuario del Gas Natural</h2>
|
||||
</div>
|
||||
<div class="flex-grow bg-white p-10 rounded-lg shadow-[0_5px_25px_rgba(0,0,0,0.1)]">
|
||||
<p class="mb-4 text-gray-600">
|
||||
Podrá Ver o Imprimir facturas, Consultar o Registrar PQRs, Consultar Estado de créditos, Realizar
|
||||
pagos.
|
||||
</p>
|
||||
<a href="/register-gas">
|
||||
<button type="{{.Type}}" class="secondary-button w-full py-2 px-5 bg-[#beda75] text-[#284c91] font-medium rounded shadow-sm hover:bg-[#aecc5b] my-auto">
|
||||
Registrarse como usuario del Gas
|
||||
</button>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="w-1 h-16 bg-[#274e93] mr-2"></div>
|
||||
<h2 class="text-3xl font-bold text-gray-800">Registrarse Como Organismo de Inspección (OIA)</h2>
|
||||
</div>
|
||||
<div class="flex-grow bg-white p-10 rounded-lg shadow-[0_5px_25px_rgba(0,0,0,0.1)]">
|
||||
<p class="mb-4 text-gray-600">
|
||||
Para cargar los certificados de resultados de inspección de conformidad.
|
||||
</p>
|
||||
<a href="/register-oia">
|
||||
<button type="{{.Type}}" class="secondary-button w-full py-2 px-5 bg-[#beda75] text-[#284c91] font-medium rounded shadow-sm hover:bg-[#aecc5b] my-auto">
|
||||
Registrarse como OIA
|
||||
</button>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,50 @@
|
||||
<div class="min-h-screen flex items-center justify-center bg-gray-100">
|
||||
<div class="w-full max-w-md bg-white rounded-lg shadow-lg p-6">
|
||||
<h1 class="text-2xl font-bold text-center text-gray-700 mb-6">¡Restablece tu contraseña!</h1>
|
||||
<form action="/do/password-reset/{{.Token}}" method="POST" class="space-y-4">
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium text-gray-700">Codigo de Usuario</label>
|
||||
<input
|
||||
id="email"
|
||||
type="text"
|
||||
placeholder="Ingresa tu codigo de usuario"
|
||||
name="nombre_usuario"
|
||||
required
|
||||
class="w-full mt-1 px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="password" class="block text-sm font-medium text-gray-700">Nueva contraseña</label>
|
||||
<input
|
||||
id="password"
|
||||
type="password"
|
||||
placeholder="Ingresa tu nueva contraseña"
|
||||
name="password"
|
||||
required
|
||||
class="w-full mt-1 px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="c_password" class="block text-sm font-medium text-gray-700">Confirma tu contraseña</label>
|
||||
<input
|
||||
id="c_password"
|
||||
type="password"
|
||||
placeholder="Confirma tu nueva contraseña"
|
||||
name="c_password"
|
||||
required
|
||||
class="w-full mt-1 px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
|
||||
>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
class="w-full bg-blue-500 text-white font-bold py-2 px-4 rounded-md hover:bg-blue-600 focus:outline-none focus:ring focus:ring-blue-300"
|
||||
>
|
||||
Restablecer contraseña
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,50 @@
|
||||
<div class="p-10">
|
||||
<div class="bg-cover h-full">
|
||||
<div class="content px-8 py-2">
|
||||
<div class="body mt-10 mx-8">
|
||||
<div class="md:flex items-center justify-between">
|
||||
<div class="w-full md:w-1/2 mr-auto">
|
||||
|
||||
</div>
|
||||
<div class="w-full md:max-w-md mt-6">
|
||||
<div class="card bg-white shadow-md rounded-lg px-4 py-4 mb-6 ">
|
||||
<form action="/do/register" method="POST">
|
||||
<div class="flex items-center justify-center">
|
||||
<h2 class="text-2xl font-bold tracking-wide">
|
||||
Let me in!!!
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<h2 class="text-xl text-center font-semibold text-gray-800 mb-2">
|
||||
Sign Up
|
||||
</h2>
|
||||
<div class="flex items-center justify-center">
|
||||
{{if .error}}
|
||||
<p class="text-red-300">{{.message}}</p>
|
||||
{{end}}
|
||||
</div>
|
||||
<input name="name" required type="text"
|
||||
class="rounded px-4 w-full py-1 bg-gray-200 border border-gray-400 mb-6 text-gray-700 placeholder-gray-700 focus:bg-white focus:outline-none"
|
||||
placeholder="Full Name">
|
||||
<input name="email" required type="email"
|
||||
class="rounded px-4 w-full py-1 bg-gray-200 border border-gray-400 mb-6 text-gray-700 placeholder-gray-700 focus:bg-white focus:outline-none"
|
||||
placeholder="Email Address">
|
||||
<input name="password" required type="password"
|
||||
class="rounded px-4 w-full py-1 bg-gray-200 border border-gray-400 mb-4 text-gray-700 placeholder-gray-700 focus:bg-white focus:outline-none"
|
||||
placeholder="Password">
|
||||
<input name="c_password" required type="password"
|
||||
class="rounded px-4 w-full py-1 bg-gray-200 border border-gray-400 mb-4 text-gray-700 placeholder-gray-700 focus:bg-white focus:outline-none"
|
||||
placeholder="Confirm Password">
|
||||
<div class="flex items-center justify-between">
|
||||
<button class="bg-black text-gray-200 px-2 py-1 rounded" type="submit">Let me in!
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,11 @@
|
||||
<h1 class="h1">Reset my password!</h1>
|
||||
<form action="/do/reset-password" method="POST">
|
||||
<div class="container">
|
||||
<label for="Usuario"><b>Codigo de usuario</b></label>
|
||||
<input id="Usuario" type="text" placeholder="Ingrese su usuario" name="email" required>
|
||||
|
||||
<button type="submit">Let me reset password!!</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{{.Login.Email}}
|
||||
Reference in New Issue
Block a user