103 lines
4.3 KiB
PHP
103 lines
4.3 KiB
PHP
<x-layouts.auth>
|
|
<x-slot name="title">
|
|
{{ trans('auth.login') }}
|
|
</x-slot>
|
|
|
|
<x-slot name="content">
|
|
<div>
|
|
<img src="{{ asset('public/img/akaunting-logo-gold.svg') }}" class="w-16" alt="Akaunting" />
|
|
|
|
<h1 class="text-lg my-3">
|
|
{{ trans('auth.login_to') }}
|
|
</h1>
|
|
</div>
|
|
|
|
<div :class="(form.response.success) ? 'w-full bg-green-100 text-green-600 p-3 rounded-sm font-semibold text-xs' : 'hidden'"
|
|
v-if="form.response.success"
|
|
v-html="form.response.message"
|
|
v-cloak
|
|
></div>
|
|
|
|
<div :class="(form.response.error) ? 'w-full bg-red-100 text-red-600 p-3 rounded-sm font-semibold text-xs' : 'hidden'"
|
|
v-if="form.response.error"
|
|
v-html="form.response.message"
|
|
v-cloak
|
|
></div>
|
|
|
|
@if (session('dingtalk_error'))
|
|
<div class="w-full border border-red-200 bg-red-50 text-red-700 p-3 rounded-lg font-semibold text-xs my-3">
|
|
{{ session('dingtalk_error') }}
|
|
</div>
|
|
@endif
|
|
|
|
<x-form id="auth" route="login">
|
|
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5 lg:h-64">
|
|
<x-form.group.email
|
|
name="email"
|
|
label="{{ trans('general.email') }}"
|
|
placeholder="{{ trans('general.email') }}"
|
|
form-group-class="sm:col-span-6"
|
|
input-group-class="input-group-alternative"
|
|
/>
|
|
|
|
<x-form.group.password
|
|
name="password"
|
|
label="{{ trans('auth.password.pass') }}"
|
|
placeholder="{{ trans('auth.password.pass') }}"
|
|
form-group-class="sm:col-span-6"
|
|
input-group-class="input-group-alternative"
|
|
/>
|
|
|
|
<div class="sm:col-span-6 flex flex-row justify-between items-center">
|
|
@stack('remember_input_start')
|
|
<div>
|
|
<x-form.input.checkbox
|
|
name="remember"
|
|
label="{{ trans('auth.remember_me') }}"
|
|
value="1"
|
|
v-model="form.remember"
|
|
id="checkbox-remember"
|
|
class="text-purple focus:outline-none focus:ring-purple focus:border-purple"
|
|
/>
|
|
</div>
|
|
@stack('remember_input_end')
|
|
|
|
@stack('forgotten-password-start')
|
|
<x-link href="{{ route('forgot') }}" class="text-black-400 hover:text-black-700 text-sm" override="class">
|
|
{{ trans('auth.forgot_password') }}
|
|
</x-link>
|
|
@stack('forgotten-password-end')
|
|
</div>
|
|
|
|
<x-button
|
|
type="submit"
|
|
::disabled="form.loading"
|
|
class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 sm:col-span-6"
|
|
override="class"
|
|
>
|
|
<x-button.loading>
|
|
{{ trans('auth.login') }}
|
|
</x-button.loading>
|
|
</x-button>
|
|
</div>
|
|
</x-form>
|
|
|
|
@if (config('dingtalk.enabled') && config('dingtalk.client_id') && config('dingtalk.client_secret'))
|
|
<div class="flex items-center gap-3 my-5" aria-hidden="true">
|
|
<span class="h-px flex-1 bg-gray-200"></span>
|
|
<span class="text-xs text-gray-500">{{ trans('auth.dingtalk.or') }}</span>
|
|
<span class="h-px flex-1 bg-gray-200"></span>
|
|
</div>
|
|
|
|
<a href="{{ route('login.dingtalk') }}"
|
|
class="w-full h-9 inline-flex items-center justify-center gap-2 border border-[#856632] bg-white text-[#856632] hover:bg-[#F7F0DE] focus:outline-none focus:ring-2 focus:ring-[#856632]/20 rounded-lg text-sm font-semibold"
|
|
>
|
|
<span class="material-icons-outlined text-base" aria-hidden="true">qr_code_scanner</span>
|
|
{{ trans('auth.dingtalk.login') }}
|
|
</a>
|
|
@endif
|
|
</x-slot>
|
|
|
|
<x-script folder="auth" file="common" />
|
|
</x-layouts.auth>
|