Preview: register.blade.php
Size: 7.12 KB
/home/getspomw/royalsquad.us/resources/views/admin/register.blade.php
<!doctype html>
<html lang="en" class="minimal-theme">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="{{ asset('public/admin/images/favicon-32x32.png') }}" type="image/png" />
<!-- Bootstrap CSS -->
<link href="{{ asset('public/admin/css/bootstrap.min.css') }}" rel="stylesheet" />
<link href="{{ asset('public/admin/css/bootstrap-extended.css') }}" rel="stylesheet" />
<link href="{{ asset('public/admin/css/style.css') }}" rel="stylesheet" />
<link href="{{ asset('public/admin/css/icons.css') }}" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<!-- loader-->
<link href="{{ asset('public/admin/css/pace.min.css') }}" rel="stylesheet" />
<title>Registration - Bootstrap Template</title>
</head>
<body>
<!--start wrapper-->
<div class="wrapper">
<!--start content-->
<main class="authentication-content">
<div class="container-fluid">
<div class="authentication-card">
<div class="card shadow rounded-0 overflow-hidden">
<div class="row g-0">
<div class="col-lg-6 bg-login d-flex align-items-center justify-content-center">
<img src="{{ asset('public/admin/images/error/login-img.jpg') }}" class="img-fluid" alt="">
</div>
<div class="col-lg-6">
<div class="card-body p-4 p-sm-5">
<h5 class="card-title">Sign Up</h5>
<p class="card-text mb-5">See your growth and get consulting support!</p>
<!-- Registration Form -->
<form action="{{ route('register') }}" class="form-body" method="post">
@csrf
@if($errors->any())
<div class="alert alert-danger">
<ul class="list-unstyled">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="row g-3">
<div class="col-12">
<label for="inputName" class="form-label">Name</label>
<div class="ms-auto position-relative">
<div class="position-absolute top-50 translate-middle-y search-icon px-3"><i class="bi bi-person-circle"></i></div>
<input type="text" name="name" class="form-control radius-30 ps-5" id="inputName" placeholder="Enter Name" required>
</div>
</div>
<div class="col-12">
<label for="inputEmailAddress" class="form-label">Email Address</label>
<div class="ms-auto position-relative">
<div class="position-absolute top-50 translate-middle-y search-icon px-3"><i class="bi bi-envelope-fill"></i></div>
<input type="email" name="email" class="form-control radius-30 ps-5" id="inputEmailAddress" placeholder="Email Address" required>
</div>
</div>
<div class="col-12">
<label for="inputChoosePassword" class="form-label">Enter Password</label>
<div class="ms-auto position-relative">
<div class="position-absolute top-50 translate-middle-y search-icon px-3"><i class="bi bi-lock-fill"></i></div>
<input type="password" name="password" class="form-control radius-30 ps-5" id="inputChoosePassword" placeholder="Enter Password" required>
</div>
</div>
<div class="col-12">
<label for="userRole" class="form-label">Register as</label>
<select name="user_type" class="form-select radius-30" id="userRole" required>
<option value="" disabled selected>Select Role</option>
<option value="admin">Admin</option>
<option value="merchant">Merchant</option>
</select>
</div>
<div class="col-12">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" required>
<label class="form-check-label" for="flexSwitchCheckChecked">I Agree to the Terms & Conditions</label>
</div>
</div>
<div class="col-12">
<div class="d-grid">
<button type="submit" class="btn btn-primary radius-30">Sign Up</button>
</div>
</div>
<div class="col-12">
<p class="mb-0">Already have an account? <a href="{{ route('login') }}">Sign in here</a></p>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<script src="{{ asset('public/admin/js/jquery.min.js') }}"></script>
<script src="{{ asset('public/admin/js/pace.min.js') }}"></script>
</body>
</html>
Directory Contents
Dirs: 4 × Files: 3