File manager - Edit - /var/www/ratemypay/resources/views/auth/register.blade.php
Back
@extends('layouts.guest') @section('content') <div class="min-h-screen w-full flex"> <!-- LEFT SIDE --> <div class="hidden lg:flex w-1/2 bg-[#1c2353] text-white px-16 py-20 items-center" style="background-image: url('images/auth_cover.png');background-repeat:no-repeat;background-position-y:100%"> <div class="max-w-lg"> <h1 class="text-5xl font-extrabold leading-tight"> Secure Access,<br> Seamless<br> Experience. </h1> <div class="mt-20 text-sm opacity-80"> Create your account in seconds,<br> it's fast, simple, and secure. </div> </div> </div> <!-- RIGHT SIDE --> <div class="w-full lg:w-1/2 flex items-center justify-center lg:px-16 px-6 py-16 "> <div class="w-full "> <div class="mb-12"> <a href="{{ url('/') }}"> <img src="{{ asset('logo.png') }}" alt="{{ config('app.name', 'Laravel') }}" class="h-6 w-auto"> </a> </div> <h2 class="text-2xl font-bold primary-color">Create an Account</h2> <p class="text-sm text-gray-500 mt-1"> It takes less than a minute. If you already have an account <a href="#" class="primary-color font-semibold">login</a>. </p> <form method="POST" action="{{ route('register') }}" class="mt-8 space-y-5"> @csrf <!-- Full Name + Username --> <div class="grid grid-cols-2 gap-4"> <!-- Full Name --> <div class="flex flex-col gap-1"> <label class="text-sm font-medium text-gray-700">Full Name</label> <input type="text" name="name" value="{{ old('name') }}" class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:primary-color" placeholder=""> @error('name') <p class="text-xs text-red-500">{{ $message }}</p> @enderror </div> <!-- Username --> <div class="flex flex-col gap-1"> <label class="text-sm font-medium text-gray-700">Username</label> <input type="text" name="user_name" value="{{ old('user_name') }}" class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:primary-color" placeholder=""> @error('user_name') <p class="text-xs text-red-500">{{ $message }}</p> @enderror </div> </div> <!-- Email --> <div class="flex flex-col gap-1"> <label class="text-sm font-medium text-gray-700">Email Address</label> <input type="email" name="email" value="{{ old('email') }}" class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:primary-color" placeholder=""> @error('email') <p class="text-xs text-red-500">{{ $message }}</p> @enderror </div> <!-- Country + City --> <div class="grid grid-cols-2 gap-4"> <div class="flex flex-col gap-1"> <label class="text-sm font-medium text-gray-700">Country</label> <input type="text" name="country" value="{{ old('country') }}" class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:primary-color" placeholder="Country"> @error('country') <p class="text-xs text-red-500">{{ $message }}</p> @enderror </div> <div class="flex flex-col gap-1"> <label class="text-sm font-medium text-gray-700">Province / City</label> <input type="text" name="city" value="{{ old('city') }}" class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:primary-color" placeholder="Province / City"> @error('city') <p class="text-xs text-red-500">{{ $message }}</p> @enderror </div> </div> <!-- Password + Confirm Password --> <div class="grid grid-cols-2 gap-4"> <!-- Password --> <div class="flex flex-col gap-1 relative"> <label class="text-sm font-medium text-gray-700">Password</label> <input required type="password" name="password" id="password" class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:primary-color" placeholder="Password"> <span onclick="togglePass('password')" class="absolute right-3 top-10 cursor-pointer text-gray-500"> 👁️ </span> @error('password') <p class="text-xs text-red-500">{{ $message }}</p> @enderror </div> <!-- Confirm password --> <div class="flex flex-col gap-1 relative"> <label class="text-sm font-medium text-gray-700">Confirm Password</label> <input required type="password" name="password_confirmation" id="password_confirmation" class="w-full border rounded-lg px-4 py-3 focus:ring-2 focus:primary-color" placeholder="Confirm Password"> <span onclick="togglePass('password_confirmation')" class="absolute right-3 top-10 cursor-pointer text-gray-500"> 👁️ </span> </div> </div> <!-- Hidden Role --> <input type="hidden" name="role" value="regular"> <!-- Terms --> <div class="flex items-start gap-2"> <input type="checkbox" class="mt-1" required /> <p class="text-sm text-gray-600"> By creating an account you agree to the <a class="font-semibold">Terms & Conditions</a> and our <a class="font-semibold">Privacy Policy</a>. </p> </div> <!-- Submit --> <button type="submit" class="w-full bg-[#2e3a87] text-white py-3 rounded-lg font-semibold hover:bg-[#252f6f] transition"> Sign Up </button> <p class="text-center text-sm text-gray-600 mt-4"> Already have an account? <a class="primary-color font-semibold" href="/login">Log In</a> </p> </form> <script> function togglePass(id) { const field = document.getElementById(id); field.type = field.type === "password" ? "text" : "password"; } </script> </div> </div> </div> @endsection
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0.38 |
proxy
|
phpinfo
|
Settings