@extends('layouts.public')
@section('content')
    @include('includes.corano-breadcrumb', [
        'crumbs' => [
            ['label' => $activation->type == EMAIL ? __('public.auth.email_verify') : __('public.auth.phone_verify')],
        ],
    ])

    <section class="auth-area section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="auth-card">
                        <p class="section-kicker">{{ __('public.account.account') }}</p>
                        <h1 class="auth-title">{{ $activation->type == EMAIL ? __('public.auth.email_verify') : __('public.auth.phone_verify') }}</h1>
                        <p class="auth-lead">{{ __('public.auth.verify_help') }}</p>

                        <form action="{{ __url('/verify') }}" method="POST" id="verify-form" class="auth-form" data-callback="submitRegisterVerify">
                            @csrf
                            @error('code')
                                <div class="alert auth-alert auth-alert-danger" role="alert">{{ $message }}</div>
                            @enderror

                            <input type="hidden" name="code">
                            <div class="auth-field">
                                <div class="verification-inputs" role="group" aria-label="{{ __('public.auth.verify_help') }}">
                                    <input type="text" inputmode="numeric" maxlength="1" autocomplete="one-time-code" autofocus>
                                    <input type="text" inputmode="numeric" maxlength="1">
                                    <input type="text" inputmode="numeric" maxlength="1">
                                    <input type="text" inputmode="numeric" maxlength="1">
                                    <input type="text" inputmode="numeric" maxlength="1">
                                    <input type="text" inputmode="numeric" maxlength="1">
                                </div>
                            </div>
                        </form>

                        <form action="{{ __url('/verify/resend/' . $activation->id) }}" class="auth-form r-form" method="POST" data-action="showVerification">
                            @csrf
                            <p class="auth-resend-copy">{{ __('public.auth.dont_get') }}</p>
                            <p class="auth-retry">
                                <span id="retry-seconds">60</span>s
                            </p>
                            <button type="submit" class="btn btn-hero-outline" disabled>{{ __('public.auth.resend') }}</button>
                        </form>

                        <p class="auth-footer">
                            <a href="{{ __url('/login') }}" class="auth-link">{{ __('public.auth.back_to_login') }}</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection