<!DOCTYPE html>
<html lang="tk" dir="ltr" class="h-full font-sans antialiased">
<head>
    <meta name="theme-color" content="#fff">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width"/>
    <meta name="locale" content="tk"/>
    <meta name="robots" content="noindex">

    <!-- Styles -->
    <link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
    <style>
        .bg-secondary-500 {
            background-color: rgb(186,230,253);
        }
        .hover:bg-secondary-400 {
            background-color: rgba(24, 182, 155, 0.5);
        }
    </style>
</head>
<body class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
    <div class="py-6 px-1 md:px-2 lg:px-6">
        <div class="mx-auto py-8 max-w-sm flex justify-center">
            <span class="text-4xl">{{ __('Online panel') }}</span>
        </div>
    <div>
        <form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-[25rem] mx-auto" method="POST" action="{{ route('sms-verification') }}">
            @csrf
            <h2 class="text-2xl text-center font-normal mb-6">{{ __('Verify Phone Number') }}</h2>
            <svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
                <path fill="#D8E3EC" d="M0 0h100v2H0z"></path>
            </svg>
            <div class="mb-6">
                <label class="block mb-2" for="code">
                    {{ __('Verification code') }}
                </label>
                <input class="form-control form-input form-input-bordered w-full" id="code" type="number" name="code" required="">

                @if($errors->any())
                    @foreach($errors->all() as $error)
                        <p class="mt-2 text-red-500">{{ $error }}</p>
                    @endforeach
                @endif
            </div>
            <button class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center" type="submit">
                <span class=""><span>{{ __('Submit') }}</span></span>
            </button>
        </form>
    </div>
</div>

<script src="/assets/js/inputmask.min.js"></script>
</body>
</html>
