55 lines
3.1 KiB
PHP
55 lines
3.1 KiB
PHP
@extends('admin::auth.layouts.master')
|
|
|
|
@section('content')
|
|
<div class="authentication-wrapper authentication-cover">
|
|
<div class="authentication-inner row m-0">
|
|
<!-- /Left Text -->
|
|
<div class="d-none d-lg-flex col-lg-7 col-xl-8 align-items-center">
|
|
<div class="flex-row text-center mx-auto">
|
|
<img src="{{ asset('backend/uploads/auth/login.png') }}" alt="Auth Cover Bg color" width="520"
|
|
class="img-fluid authentication-cover-img" data-app-light-img="pages/login-light.png"
|
|
data-app-dark-img="pages/login-dark.png" />
|
|
</div>
|
|
</div>
|
|
<!-- /Left Text -->
|
|
|
|
<!-- Login -->
|
|
<div class="d-flex col-12 col-lg-5 col-xl-4 align-items-center authentication-bg p-sm-5 p-4">
|
|
<div class="w-px-400 mx-auto">
|
|
<h4 class="mb-2">Welcome to {{ env('APP_NAME') }}! 👋</h4>
|
|
<p class="mb-4">Please sign-in to your account and start the adventure</p>
|
|
|
|
<form id="formAuthentication" class="mb-3" action="{{ route('login.post') }}" method="POST">
|
|
@csrf
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email or Username</label>
|
|
<input type="text" class="form-control" id="email" name="email"
|
|
placeholder="Enter your email or username" autofocus />
|
|
</div>
|
|
<div class="mb-3 form-password-toggle">
|
|
<div class="d-flex justify-content-between">
|
|
<label class="form-label" for="password">Password</label>
|
|
</div>
|
|
<div x-data="{ showPassword: false }" class="input-group input-group-merge">
|
|
<input type="password" id="password" class="form-control passwordField" name="password"
|
|
placeholder="············"
|
|
aria-describedby="password" x-bind:type="showPassword ? 'text' : 'password'" />
|
|
<span class="input-group-text cursor-pointer" x-on:click="showPassword = !showPassword">
|
|
<i x-bind:class="showPassword ? 'bx bx-show' : 'bx bx-hide'"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="remember-me" />
|
|
<label class="form-check-label" for="remember-me"> Remember Me </label>
|
|
</div>
|
|
</div>
|
|
<button class="btn btn-primary d-grid w-100">Sign In</button>
|
|
</form>
|
|
</div>
|
|
<!-- /Login -->
|
|
</div>
|
|
</div>
|
|
@endsection
|