<!DOCTYPE html>

<html lang="en">
<head>
    <?php echo view('partials/title-meta', array('title' => 'Login Pin')) ?> <?= $this->include('partials/head-css') ?>
</head>
<body>
<!-- Start Page Content here -->
<div class="min-h-screen">
<div class="flex h-full w-full">
<div class="hidden w-full md:block">
<div class="relative h-full overflow-hidden bg-[url(/../images/auth.jpg)] bg-cover bg-center bg-no-repeat">
<div class="from-zinc-800 via-zinc-800/80 to-zinc-800/50 absolute inset-0 flex items-end justify-center bg-linear-to-t p-9">
</div>
</div>
</div>
<div class="min-w-full md:min-w-106 md:max-w-118">
<div class="card relative flex min-h-screen flex-col justify-between rounded-none p-12.5">
<!-- Auth Brand Logo -->
<div class="mb-7.5 flex flex-col items-center justify-center text-center">
<a class="auth-logo" href="/">
<img alt="logo" class="flex dark:hidden" src="/images/logo-black.png"/>
<img alt="dark logo" class="hidden dark:flex" src="/images/logo.png"/>
</a>
</div>
<div>
<h4 class="font-bold mb-2 text-default-900 text-lg text-center">Welcome to Admin</h4>
<p class="text-default-400 mx-auto w-full text-center lg:w-75">This screen is locked. Enter your
                            PIN to continue.</p>
<form action="/" class="mt-6">
<div class="mb-9 text-center">
<div class="border-default-300 mx-auto mb-3 size-20 rounded-full border-4">
<img alt="thumbnail" class="size-18 rounded-full" src="/images/users/user-1.jpg"/>
</div>
<h5 class="text-base">Damian D.</h5>
</div>
<div class="mb-6">
<label class="form-label" for="userEmail">
                                    Enter your 6-digit code
                                    <span class="text-danger">*</span>
</label>
<div class="two-factor flex w-81 gap-2">
<input class="form-input text-center" inputmode="numeric" maxlength="1" required="" type="text"/>
<input class="form-input text-center" inputmode="numeric" maxlength="1" required="" type="text"/>
<input class="form-input text-center" inputmode="numeric" maxlength="1" required="" type="text"/>
<input class="form-input text-center" inputmode="numeric" maxlength="1" required="" type="text"/>
<input class="form-input text-center" inputmode="numeric" maxlength="1" required="" type="text"/>
<input class="form-input text-center" inputmode="numeric" maxlength="1" required="" type="text"/>
</div>
</div>
<div>
<button class="btn bg-primary w-full py-3 font-semibold text-white hover:bg-primary-hover" type="submit">Confirm</button>
</div>
</form>
<p class="text-default-400 mt-7.5 text-center">
                            Not you? Return to
                            <a class="text-primary font-semibold underline underline-offset-4" href="/auth-split-sign-in">Sign in</a>
</p>
</div>
<!-- Auth Footer -->
<p class="text-default-400 mt-7.5 text-center">
                        ©
                        <span data-current-year=""></span>
                        Inspinia - by
                        <span>WebAppLayers</span>
</p>
</div>
</div>
</div>
</div>
<!-- End Page content -->

    <?= $this->include('partials/customizer') ?>

    <!-- Two Factor Validator Js -->
<script src="/js/pages/auth-two-factor.js" type="module"></script>
</body>
</html>