Viewing file:  login.blade.php (5.54 KB) -rw-rw-rw-
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<x-admin::layouts.anonymous>
<!-- Page Title -->
<x-slot:title>
@lang('admin::app.users.login.title')
</x-slot>
<div class="flex h-[100vh] flex-col items-center justify-center gap-10">
<div class="flex flex-col items-center gap-5">
<!-- Logo -->
@if ($logo = core()->getConfigData('general.design.admin_logo.logo_image'))
<img
class="h-10 w-[110px]"
src="{{ Storage::url($logo) }}"
alt="{{ config('app.name') }}"
/>
@else
<img
class="w-max"
src="{{ vite()->asset('images/logo.svg') }}"
alt="{{ config('app.name') }}"
/>
@endif
<div class="box-shadow flex min-w-[300px] flex-col rounded-md bg-white dark:bg-gray-900">
{!! view_render_event('admin.sessions.login.form_controls.before') !!}
<!-- Login Form -->
<x-admin::form :action="route('admin.session.store')">
<p class="p-4 text-xl font-bold text-gray-800 dark:text-white">
@lang('admin::app.users.login.title')
</p>
<div class="border-y p-4 dark:border-gray-800">
<!-- Email -->
<x-admin::form.control-group>
<x-admin::form.control-group.label class="required">
@lang('admin::app.users.login.email')
</x-admin::form.control-group.label>
<x-admin::form.control-group.control
type="email"
class="w-[254px] max-w-full"
id="email"
name="email"
rules="required|email"
:label="trans('admin::app.users.login.email')"
:placeholder="trans('admin::app.users.login.email')"
/>
<x-admin::form.control-group.error control-name="email" />
</x-admin::form.control-group>
<!-- Password -->
<x-admin::form.control-group class="relative w-full">
<x-admin::form.control-group.label class="required">
@lang('admin::app.users.login.password')
</x-admin::form.control-group.label>
<x-admin::form.control-group.control
type="password"
class="w-[254px] max-w-full ltr:pr-10 rtl:pl-10"
id="password"
name="password"
rules="required|min:6"
:label="trans('admin::app.users.login.password')"
:placeholder="trans('admin::app.users.login.password')"
/>
<span
class="icon-eye-hide absolute top-11 -translate-y-2/4 cursor-pointer text-2xl ltr:right-3 rtl:left-3"
onclick="switchVisibility()"
id="visibilityIcon"
role="presentation"
tabindex="0"
>
</span>
<x-admin::form.control-group.error control-name="password" />
</x-admin::form.control-group>
</div>
<div class="flex items-center justify-between p-4">
<!-- Forgot Password Link -->
<a
class="cursor-pointer text-xs font-semibold leading-6 text-brandColor"
href="{{ route('admin.forgot_password.create') }}"
>
@lang('admin::app.users.login.forget-password-link')
</a>
<!-- Submit Button -->
<button
class="primary-button"
aria-label="{{ trans('admin::app.users.login.submit-btn')}}"
>
@lang('admin::app.users.login.submit-btn')
</button>
</div>
</x-admin::form>
{!! view_render_event('admin.sessions.login.form_controls.after') !!}
</div>
</div>
<!-- Powered By -->
<div class="text-sm font-normal">
@lang('admin::app.components.layouts.powered-by.description', [
'krayin' => '<a class="text-brandColor hover:underline " href="https://krayincrm.com/">Krayin</a>',
'webkul' => '<a class="text-brandColor hover:underline " href="https://webkul.com/">Webkul</a>',
])
</div>
</div>
@push('scripts')
<script>
function switchVisibility() {
let passwordField = document.getElementById("password");
let visibilityIcon = document.getElementById("visibilityIcon");
passwordField.type = passwordField.type === "password" ? "text" : "password";
visibilityIcon.classList.toggle("icon-eye");
}
</script>
@endpush
</x-admin::layouts.anonymous>
|