2023-06-01 10:15:33 +00:00
|
|
|
<x-layout-simple>
|
|
|
|
<div class="flex items-center justify-center h-screen">
|
|
|
|
<div>
|
|
|
|
<div class="flex flex-col items-center pb-8">
|
2024-03-24 15:00:25 +00:00
|
|
|
<div class="text-5xl font-bold tracking-tight text-center dark:text-white">Coolify</div>
|
2023-08-11 18:19:42 +00:00
|
|
|
<x-version />
|
2023-06-01 10:15:33 +00:00
|
|
|
</div>
|
|
|
|
<div class="w-96" x-data="{ showRecovery: false }">
|
|
|
|
<form action="/two-factor-challenge" method="POST" class="flex flex-col gap-2">
|
|
|
|
@csrf
|
|
|
|
<template x-if="!showRecovery">
|
|
|
|
<div>
|
|
|
|
<x-forms.input required type="number" name="code" label="{{ __('input.code') }}"
|
2023-08-11 18:19:42 +00:00
|
|
|
autofocus />
|
2024-03-24 15:00:25 +00:00
|
|
|
<div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white"
|
2023-08-11 18:19:42 +00:00
|
|
|
x-on:click="showRecovery = !showRecovery">Use
|
2023-06-01 10:15:33 +00:00
|
|
|
Recovery Code
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<template x-if="showRecovery">
|
|
|
|
<div>
|
2023-09-11 08:41:39 +00:00
|
|
|
<x-forms.input required type="text" name="recovery_code"
|
2023-08-11 18:19:42 +00:00
|
|
|
label="{{ __('input.recovery_code') }}" />
|
2024-03-24 15:00:25 +00:00
|
|
|
<div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white"
|
2023-08-11 18:19:42 +00:00
|
|
|
x-on:click="showRecovery = !showRecovery">Use
|
2023-06-01 10:15:33 +00:00
|
|
|
One-Time Code
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<x-forms.button type="submit">{{ __('auth.login') }}</x-forms.button>
|
|
|
|
</form>
|
|
|
|
@if ($errors->any())
|
2023-09-10 13:33:00 +00:00
|
|
|
<div class="text-xs text-center text-error">
|
|
|
|
@foreach ($errors->all() as $error)
|
|
|
|
<p>{{ $error }}</p>
|
|
|
|
@endforeach
|
2023-06-01 10:15:33 +00:00
|
|
|
</div>
|
|
|
|
@endif
|
|
|
|
@if (session('status'))
|
2023-08-11 18:19:42 +00:00
|
|
|
<div class="mb-4 font-medium text-green-600">
|
2023-06-01 10:15:33 +00:00
|
|
|
{{ session('status') }}
|
|
|
|
</div>
|
|
|
|
@endif
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</x-layout-simple>
|