140 lines
7.1 KiB
PHP
Executable file
140 lines
7.1 KiB
PHP
Executable file
@extends('../layouts/' . $layout)
|
|
|
|
@section('head')
|
|
<title>Login - Icewall - Tailwind HTML Admin Template</title>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div @class([
|
|
'-m-3 sm:-mx-8 p-3 sm:px-8 relative h-screen lg:overflow-hidden bg-primary xl:bg-white dark:bg-darkmode-800 xl:dark:bg-darkmode-600',
|
|
'before:hidden before:xl:block before:content-[\'\'] before:w-[57%] before:-mt-[28%] before:-mb-[16%] before:-ml-[13%] before:absolute before:inset-y-0 before:left-0 before:transform before:rotate-[-4.5deg] before:bg-primary/20 before:rounded-[100%] before:dark:bg-darkmode-400',
|
|
'after:hidden after:xl:block after:content-[\'\'] after:w-[57%] after:-mt-[20%] after:-mb-[13%] after:-ml-[13%] after:absolute after:inset-y-0 after:left-0 after:transform after:rotate-[-4.5deg] after:bg-primary after:rounded-[100%] after:dark:bg-darkmode-700',
|
|
])>
|
|
<div class="container relative z-10 sm:px-10">
|
|
<div class="block grid-cols-2 gap-4 xl:grid">
|
|
<!-- BEGIN: Login Info -->
|
|
<div class="hidden min-h-screen flex-col xl:flex">
|
|
<a
|
|
class="-intro-x flex items-center pt-5"
|
|
href=""
|
|
>
|
|
<img
|
|
class="w-6"
|
|
src="{{ Vite::asset('resources/images/logo.svg') }}"
|
|
alt="Midone Tailwind HTML Admin Template"
|
|
/>
|
|
<span class="ml-3 text-lg text-white"> Icewall </span>
|
|
</a>
|
|
<div class="my-auto">
|
|
<img
|
|
class="-intro-x -mt-16 w-1/2"
|
|
src="{{ Vite::asset('resources/images/illustration.svg') }}"
|
|
alt="Midone Tailwind HTML Admin Template"
|
|
/>
|
|
<div class="-intro-x mt-10 text-4xl font-medium leading-tight text-white">
|
|
A few more clicks to <br />
|
|
sign in to your account.
|
|
</div>
|
|
<div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">
|
|
Manage all your e-commerce accounts in one place
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END: Login Info -->
|
|
<!-- BEGIN: Login Form -->
|
|
<div class="my-10 flex h-screen py-5 xl:my-0 xl:h-auto xl:py-0">
|
|
<div
|
|
class="mx-auto my-auto w-full rounded-md bg-white px-5 py-8 shadow-md dark:bg-darkmode-600 sm:w-3/4 sm:px-8 lg:w-2/4 xl:ml-20 xl:w-auto xl:bg-transparent xl:p-0 xl:shadow-none">
|
|
<h2 class="intro-x text-center text-2xl font-bold xl:text-left xl:text-3xl">
|
|
Sign In
|
|
</h2>
|
|
<div class="intro-x mt-2 text-center text-slate-400 xl:hidden">
|
|
A few more clicks to sign in to your account. Manage all your
|
|
e-commerce accounts in one place
|
|
</div>
|
|
<div class="intro-x mt-8">
|
|
<form id="login-form">
|
|
<x-base.form-input
|
|
class="intro-x login__input block min-w-full px-4 py-3 xl:min-w-[350px]"
|
|
id="email"
|
|
type="text"
|
|
value="midone@left4code.com"
|
|
placeholder="Email"
|
|
/>
|
|
<div
|
|
class="login__input-error mt-2 text-danger"
|
|
id="error-email"
|
|
></div>
|
|
<x-base.form-input
|
|
class="intro-x login__input mt-4 block min-w-full px-4 py-3 xl:min-w-[350px]"
|
|
id="password"
|
|
type="password"
|
|
value="password"
|
|
placeholder="Password"
|
|
/>
|
|
<div
|
|
class="login__input-error mt-2 text-danger"
|
|
id="error-password"
|
|
></div>
|
|
</form>
|
|
</div>
|
|
<div class="intro-x mt-4 flex text-xs text-slate-600 dark:text-slate-500 sm:text-sm">
|
|
<div class="mr-auto flex items-center">
|
|
<x-base.form-check.input
|
|
class="mr-2 border"
|
|
id="remember-me"
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
class="cursor-pointer select-none"
|
|
for="remember-me"
|
|
>
|
|
Remember me
|
|
</label>
|
|
</div>
|
|
<a href="">Forgot Password?</a>
|
|
</div>
|
|
<div class="intro-x mt-5 text-center xl:mt-8 xl:text-left">
|
|
<x-base.button
|
|
class="w-full px-4 py-3 align-top xl:mr-3 xl:w-32"
|
|
id="btn-login"
|
|
variant="primary"
|
|
>
|
|
Login
|
|
</x-base.button>
|
|
<x-base.button
|
|
class="mt-3 w-full px-4 py-3 align-top xl:mt-0 xl:w-32"
|
|
variant="outline-secondary"
|
|
>
|
|
Register
|
|
</x-base.button>
|
|
</div>
|
|
<div class="intro-x mt-10 text-center text-slate-600 dark:text-slate-500 xl:mt-24 xl:text-left">
|
|
By signin up, you agree to our
|
|
<a
|
|
class="text-primary dark:text-slate-200"
|
|
href=""
|
|
>
|
|
Terms and Conditions
|
|
</a>
|
|
&
|
|
<a
|
|
class="text-primary dark:text-slate-200"
|
|
href=""
|
|
>
|
|
Privacy Policy
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END: Login Form -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@once
|
|
@push('scripts')
|
|
@vite('resources/js/pages/login/index.js')
|
|
@endpush
|
|
@endonce
|